/* Editorial typography (Newsreader + Instrument Sans). All fonts are served
   from this website. The comparison trial concluded on 23 October 2026 with
   Editorial selected. The local preview bar is hidden by default and only
   rendered on the local development server with ?fontbar=1. */
@font-face{font-family:'Instrument Sans';src:url('../fonts/instrument-sans.woff2') format('woff2');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Newsreader';src:url('../fonts/newsreader.woff2') format('woff2');font-weight:400 600;font-style:normal;font-display:swap}

.typography-studio,.typography-editorial{--font:'Instrument Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
.typography-studio :is(h1,h2,h3){letter-spacing:-.035em}
.typography-editorial :is(h1,.section-head h2,.services-head h2,.footer-cta h2,.story h2,.faq-head h2,.why-free h2,.case h3,.case-slide h3){font-family:'Newsreader',Georgia,serif;font-weight:500;letter-spacing:-.025em;line-height:1.15}
.typography-editorial .hero-home h1{font-size:clamp(44px,5.4vw,70px);line-height:1.06;max-width:14ch;letter-spacing:-.035em}
.typography-editorial .page-hero h1,.typography-editorial .svc-hero h1{line-height:1.12}
.typography-editorial .case h3,.typography-editorial .case-slide h3{font-size:clamp(26px,2.7vw,35px);line-height:1.18}
.typography-editorial .section-head h2,.typography-editorial .services-head h2{font-size:clamp(32px,3.7vw,44px)}

@media(max-width:700px){
  .typography-editorial .hero-home h1{font-size:clamp(42px,8vw,58px)}
}

/* Local development controls sit in the document flow, clear of page content. */
.type-preview{background:#eeeae3;border-bottom:1px solid #ded9d0;color:#272622;font-family:system-ui,sans-serif}
.type-preview-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:10px}
.type-preview-label{font-size:12px;font-weight:650;white-space:nowrap}
.type-preview-label small{display:block;font-size:10px;font-weight:400;color:#68645e;margin-top:2px}
.type-preview nav{display:flex;flex-wrap:wrap;gap:6px}
.type-preview a{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid transparent;border-radius:7px;font-size:12px;line-height:1.3}
.type-preview a strong{font-weight:600}
.type-preview a span{color:#68645e;font-size:11px}
.type-preview a:hover{background:#ffffff80}
.type-preview a[aria-current]{background:#fff;border-color:#c7c1b7;box-shadow:0 1px 3px #00000008}
@media(max-width:700px){
  .type-preview-in{align-items:flex-start;flex-direction:column;gap:8px}
  .type-preview-label small{display:inline;margin-left:7px}
  .type-preview nav{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .type-preview a{display:block;padding:8px;overflow-wrap:anywhere}
  .type-preview a span{display:block;margin-top:3px}
}