@font-face {
  font-family: 'Newsreader';
  src: url('/fonts/newsreader-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

@font-face {
  font-family: 'Source Sans 3';
  src: url('/fonts/source-sans-3-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
}

@font-face {
  font-family: 'Playfair Display';
  src: url('/fonts/playfair-display-variable.woff2') format('woff2');
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

:root {
  --wfh-ink: #1f3a56;
  --wfh-rust: #8b4e2b;
  --wfh-green: #5b763c;
  --wfh-paper: #f6f2ec;
  --wfh-rule: #d8d0c3;
}

body.wfh-refresh {
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 17px;
  line-height: 1.62;
  text-rendering: optimizeLegibility;
}

body.wfh-refresh h1,
body.wfh-refresh h2,
body.wfh-refresh h3,
body.wfh-refresh h4,
body.wfh-refresh article h2,
body.wfh-refresh .intro,
body.wfh-refresh .pullquote p,
body.wfh-refresh [style*="font-family:'Playfair Display'"] {
  font-family: 'Newsreader', Georgia, serif !important;
}

body.wfh-refresh h1,
body.wfh-refresh h2,
body.wfh-refresh h3,
body.wfh-refresh h4 {
  font-weight: 500 !important;
  letter-spacing: -0.015em;
}

body.wfh-refresh header [aria-label="Work From Hound home"] [style*="font-family:'Playfair Display'"],
body.wfh-refresh footer [style*="font-family:'Playfair Display'"]:first-child {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0.01em;
}

body.wfh-refresh header .nav-free-guide {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 7px 14px;
  background: var(--wfh-ink);
  color: var(--wfh-paper);
  border-radius: 8px;
  font-weight: 700;
  line-height: 1;
}

body.wfh-refresh header .nav-free-guide:hover {
  background: #142a40;
  color: #ffffff;
}

body.wfh-refresh header .nav-free-guide[aria-current="page"] {
  background: var(--wfh-rust);
  color: #ffffff;
}

body.wfh-refresh p,
body.wfh-refresh li {
  letter-spacing: 0.003em;
}

body.wfh-refresh [style*="font-style:italic"],
body.wfh-refresh .intro {
  font-style: normal !important;
}

body.wfh-refresh [style*="text-transform:uppercase"]:not(th) {
  text-transform: none !important;
  letter-spacing: 0.045em !important;
  font-size: 13px !important;
}

body.wfh-refresh a[style*="border-radius:999px"],
body.wfh-refresh span[style*="border-radius:999px"],
body.wfh-refresh .issue-button {
  border-radius: 8px !important;
}

body.wfh-refresh a[style*="box-shadow"],
body.wfh-refresh div[style*="box-shadow"] {
  box-shadow: 0 8px 24px rgba(31, 58, 86, 0.08) !important;
}

body.wfh-refresh a[style*="border-radius:20px"],
body.wfh-refresh a[style*="border-radius:18px"],
body.wfh-refresh div[style*="border-radius:20px"],
body.wfh-refresh div[style*="border-radius:18px"],
body.wfh-refresh div[style*="border-radius:22px"],
body.wfh-refresh section[style*="border-radius:20px"] {
  border-radius: 10px !important;
}

body.wfh-refresh img[style*="border-radius:28px"],
body.wfh-refresh img[style*="border-radius:22px"],
body.wfh-refresh img[style*="border-radius:20px"],
body.wfh-refresh img[style*="border-radius:18px"] {
  border-radius: 10px !important;
}

body.wfh-refresh article {
  font-size: 18px;
}

body.wfh-refresh article h2 {
  line-height: 1.15 !important;
  margin-top: 52px !important;
}

body.wfh-refresh article.latest-card h2,
body.wfh-refresh article.story-card h2 {
  line-height: 1.25 !important;
  margin-top: 0 !important;
}

body.wfh-refresh .recall-table {
  font-family: 'Source Sans 3', sans-serif;
}

body.wfh-refresh .recall-table th {
  letter-spacing: 0.06em;
}

body.wfh-refresh .wfh-beliefs {
  background: var(--wfh-ink) !important;
  color: var(--wfh-paper);
}

body.wfh-refresh .wfh-beliefs h2,
body.wfh-refresh .wfh-beliefs h3 {
  color: var(--wfh-paper) !important;
}

body.wfh-refresh .wfh-beliefs-grid {
  gap: 32px !important;
}

body.wfh-refresh .wfh-belief {
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid rgba(246, 242, 236, 0.36) !important;
  border-radius: 0 !important;
  padding: 22px 0 0 !important;
}

body.wfh-refresh .wfh-belief p {
  color: #ddd7ce !important;
}

body.wfh-refresh .wfh-belief-index {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  display: block !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #d69a73 !important;
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: 0.09em;
  margin-bottom: 14px !important;
  text-transform: uppercase;
}

body.wfh-refresh .wfh-founder-opening-section {
  max-width: 1040px !important;
  padding-top: 46px !important;
}

body.wfh-refresh .wfh-founder-opening {
  display: grid;
  grid-template-columns: minmax(240px, 0.78fr) minmax(0, 1.45fr);
  gap: 68px;
  align-items: start;
}

body.wfh-refresh .wfh-founder-rail {
  min-width: 0;
}

body.wfh-refresh .wfh-founder-portrait {
  display: block;
  margin: 0 auto 30px;
}

body.wfh-refresh .wfh-founder-portrait img {
  display: block;
  width: min(100%, 260px);
  height: auto;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 10px 28px rgba(31, 58, 86, 0.14);
}

body.wfh-refresh .wfh-founder-lead {
  color: var(--wfh-rust);
  font-family: 'Newsreader', Georgia, serif;
  font-size: 28px;
  line-height: 1.4;
  margin: 0;
}

body.wfh-refresh .wfh-founder-story {
  border-left: 1px solid var(--wfh-rule);
  padding-left: 46px;
}

@media (max-width: 760px) {
  body.wfh-refresh {
    font-size: 16px;
    line-height: 1.58;
  }

  body.wfh-refresh h1[style*="font-size:66px"] {
    font-size: 49px !important;
    line-height: 1.02 !important;
  }

  body.wfh-refresh h1[style*="font-size:56px"],
  body.wfh-refresh h1[style*="font-size:52px"],
  body.wfh-refresh h1[style*="font-size:48px"] {
    font-size: 42px !important;
  }

  body.wfh-refresh article {
    font-size: 17px;
  }

  body.wfh-refresh .wfh-beliefs-grid {
    gap: 28px !important;
  }

  body.wfh-refresh .wfh-founder-opening {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.wfh-refresh .wfh-founder-portrait {
    margin-bottom: 26px;
  }

  body.wfh-refresh .wfh-founder-portrait img {
    width: min(62vw, 220px);
  }

  body.wfh-refresh .wfh-founder-lead {
    font-size: 25px;
    text-align: center;
  }

  body.wfh-refresh .wfh-founder-story {
    border-left: 0;
    border-top: 1px solid var(--wfh-rule);
    padding-left: 0;
    padding-top: 28px;
  }
}

@media (max-width: 560px) {
  body.wfh-refresh .wfh-founder-portrait img {
    width: min(66vw, 210px);
  }
}

@media (prefers-reduced-motion: reduce) {
  body.wfh-refresh *,
  body.wfh-refresh *::before,
  body.wfh-refresh *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}