/* One type system for the whole site, loaded last so it wins:
     labels    JetBrains Mono, uppercase, the same size and dot everywhere
     headings  Playfair Display (set per section)
     body      JetBrains Mono
     notes     Caveat, only for hand-written asides */
:is(#about,#work,#services,#process,#contact,#thanks) .eyebrow{display:flex;align-items:center;
  gap:calc(12 * var(--u));font-family:var(--mono);font-weight:500;font-size:max(var(--mt,0px), calc(16 * var(--u)));
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);line-height:1.3;white-space:nowrap}
:is(#about,#work,#services,#process,#contact,#thanks) .eyebrow i{display:block;flex:none;
  width:calc(12 * var(--u));height:calc(12 * var(--u));border-radius:50%;background:var(--dot)}
@media (max-width:860px){
  :is(#about,#work,#services,#process,#contact,#thanks) .eyebrow{font-size:max(var(--mt,0px), calc(14 * var(--u)));gap:calc(9 * var(--u))}
  :is(#about,#work,#services,#process,#contact,#thanks) .eyebrow i{width:calc(10 * var(--u));height:calc(10 * var(--u))}
}