/* headings.css, small headings in a wide caps sans (preview)
   Big headlines stay Cormorant, sentence case. Name-type headings
   (engagements, case studies, entry points) move to Archivo Expanded
   caps, with the sentence-case line beneath in Hanken, the Raffles
   pairing of Akzidenz Extended over Lato. */
html .mv h3, html .adv h3, html .prod h3, html .freerow > a > b{
  font-family:'Archivo Expanded','Instrument Sans',sans-serif !important;
  font-weight:400 !important; font-style:normal;
  text-transform:uppercase; letter-spacing:.06em;
  font-size:var(--fs-lead); line-height:1.3;
}
html .adv h3{font-size:var(--fs-body);margin-bottom:.5em}
html .freerow > a > b{display:block;margin-bottom:.55em}
html .mv h3{margin:2px 0 6px}
html .prod h3{margin-top:14px}

/* One caps voice (22 Sep). Every small caps label, the nav, links and
   buttons move to Archivo Expanded, so the headings above and the
   labels around them read as one system. */
html .meta, html .label, html .label.rule, html .head-row .label.rule, html .who, html .prod .who,
html .mv-k, html .mv-c b, html .prod .meta-row div span, html .offer-meta dt, html .pg-seq li b,
html .ts-q cite, html .testiline cite, html .pull cite, html blockquote cite,
html .nav-links a, html .menu-btn, html .mvmenu-fine, html .mvmenu-group b,
html .footer .fine, html footer .fine, html .arrive .who, html .svc-nav a, html .ts-count,
html .wk-ch, html .wk-go, html .pg-kicker, html .pg-label, html .pg-note, html .tag, html .m-name,
html .index .meta, html .band .meta, html .tslide .meta, html .her .meta, html .mark-desc,
html .mk-city, html .mkmap-head .code, html .ledger-band .meta, html .sysbuild .meta{
  font-family:'Archivo Expanded','Instrument Sans',sans-serif !important;
  font-weight:400; font-style:normal;
  font-size:var(--fs-label); letter-spacing:.16em; text-transform:uppercase;
}
html .nav-links a, html .menu-btn{font-size:var(--fs-label);letter-spacing:.16em}
html .mark-desc{font-size:var(--fs-label);letter-spacing:.06em;line-height:1.4}
html .mv-c b, html .offer-meta dt, html .pg-seq li b, html .prod .meta-row div span{font-size:var(--fs-label);font-weight:500}
html .ts-q cite, html .testiline cite{line-height:1.7}
html .btn, html .enq .q, html .adv .adv-how .btn,
html .go, html .mv-go, html .arrive .acts a, html .band .go, html .index .go, html .tslide .go{
  font-family:'Archivo Expanded','Instrument Sans',sans-serif !important;
  font-weight:500; font-size:var(--fs-label); letter-spacing:.16em;
}

/* Services: the engagement block no longer repeats its own name
   under the section heading. */
html .prod h3{display:none}
html .arrive .acts.acts-tiered a.btn, html .arrive .acts.acts-tiered a.quiet{font-size:var(--fs-label);letter-spacing:.16em;font-weight:500}
html .prod .who{font-size:var(--fs-label) !important;letter-spacing:.16em !important;margin-bottom:10px}
/* Archivo's T kerning pairs open a gap once letter-spacing is added */
html .meta, html .label, html .who, html .mv-k, html .mv-c b, html .prod .meta-row div span, html .offer-meta dt,
html .pg-seq li b, html .ts-q cite, html .testiline cite, html .pull cite, html blockquote cite, html .nav-links a,
html .menu-btn, html .mvmenu-fine, html .mvmenu-group b, html .footer .fine, html footer .fine, html .arrive .who,
html .svc-nav a, html .ts-count, html .wk-ch, html .wk-go, html .pg-kicker, html .pg-label, html .pg-note, html .tag,
html .m-name, html .mark-desc, html .mk-city, html .btn, html .go, html .mv-go, html .arrive .acts a, html .enq .q,
html .mv h3, html .adv h3, html .freerow > a > b{text-rendering:geometricPrecision}

/* Home, "What I build" system map (22 Sep). Labels move to the same
   wide caps as every other small heading; the descriptors become
   Cormorant italic, the site's italic voice, instead of a slanted sans. */
html .sysmap .lbl{font-family:'Archivo Expanded','Instrument Sans',sans-serif;font-weight:400;font-size:var(--fs-label);letter-spacing:.06em;text-rendering:geometricPrecision}
html .sysmap .ann{font-family:'Cormorant','Cormorant Garamond',Georgia,serif;font-style:italic;font-weight:400;font-size:var(--fs-body);opacity:1;fill:var(--body,#333)}
html .sysmap .cap{font-family:'Archivo Expanded','Instrument Sans',sans-serif;font-weight:400;font-size:var(--fs-label);letter-spacing:.16em;text-rendering:geometricPrecision}
@media(max-width:720px){
  html .sysmap-list .l, html .sysmap-list .n, html .sysmap-list .cap{font-family:'Archivo Expanded','Instrument Sans',sans-serif !important;font-weight:400;letter-spacing:.06em;text-rendering:geometricPrecision}
  html .sysmap-list .l{font-size:var(--fs-label)}
  html .sysmap-list .a{font-family:'Cormorant','Cormorant Garamond',Georgia,serif;font-size:var(--fs-body)}
}

/* "This may be the right work if" list: hairline marker, no em dash. */
html .fits li::before{content:"";top:1.5em;width:12px;height:1px;background:var(--stone)}

/* Body face, 23 Sep 2026: Instrument Sans replaces Hanken Grotesk.
   Narrower and crisper under Cormorant and Archivo Expanded. */
html:root{--sans:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
html body{font-family:var(--sans)}
/* Cormorant set inside a line of body text reads small against the sans; lift it */
html p .hl, html li .hl, html figcaption .hl, html dd .hl{font-size:1.14em;line-height:1}
/* Instrument Sans is tightly fitted; open it a touch at reading sizes */
html body p, html body li, html body dd, html body .lede, html body figcaption, html body .lux-caption{word-spacing:.05em;letter-spacing:.006em}

/* contact:the Liad Amit quote, enlarged so it reads as a pull quote */
html body[data-page="contact"] .enq-side .testiline.enq-quote{font-size:var(--fs-h3);line-height:1.28;max-width:24ch;margin:44px 0 40px;padding-top:30px;border-top:1px solid var(--line);color:var(--ink)}
html body[data-page="contact"] .enq-side .testiline.enq-quote cite{margin-top:20px}