/* Preloaded fonts use optional display to prevent late swaps and heading reflow. */
@font-face{font-family:'Sora';src:url('/assets/fonts/Sora-Variable.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:optional}
/* Shared typography. Sizes remain local to each heading's place in the hierarchy. */
:root{--heading:'Sora','Geist',system-ui,sans-serif}
body :is(h1,h2,h3,h4,h5,h6,.sec-title,.note),
body .stack-base strong,
body .card.media-card .cap .nm,
body .card .media-notes strong,
body .video-heading strong,
body .feature-grid strong,
body .system-node strong,
body .evolution strong{
  font-family:var(--heading);
  font-weight:450;
  letter-spacing:-.02em;
  font-synthesis:none;
}

@font-face{font-family:'Literata';src:url('/assets/fonts/Literata-Variable.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:optional}
body nav .brand .nm,body nav>.brand:not(:has(#brandName)){font-family:'Literata',serif;font-weight:500;font-optical-sizing:auto}

/* Section titles need a clearer weight than the larger display headings. */
body .walkthrough-heading h3{font-weight:500}