html{font-family:'IBM Plex Sans',sans-serif}
.kicker,.section-no,.eyebrow,.byline,.instrument-top,.instrument-foot,.research-grid span,.method-list>article>span,.article aside span,.method-note span{font-family:'IBM Plex Mono',monospace}
.hero h1,.page-head h1,.story h3,.intro-grid h2,.performance-strip h2,.research-grid h2,.metrics-wide strong,.table-wrap h2,.method-list h2,.article h1,.manifesto p{font-family:'IBM Plex Sans',sans-serif;font-weight:600}
.hero h1 em,.manifesto em{font-family:'Instrument Serif',serif;font-weight:400}
.hero-dek,.page-head>p,.intro-grid>p,.research-grid p,.article-dek,.article-body p,.method-list p{font-family:'IBM Plex Sans',sans-serif}
.site-header{height:92px;grid-template-columns:auto 1fr auto;gap:30px}
.site-header nav{justify-self:center;gap:4px;border:1px solid var(--line);padding:4px}
.site-header nav a{padding:10px 14px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.site-header nav a:hover{background:#1b1f1c}
.header-actions{display:flex;align-items:center;gap:8px}
.header-cta{border:1px solid #59605b;padding:12px 16px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.header-cta--solid{background:var(--acid);border-color:var(--acid);color:var(--ink);font-weight:600}
.header-cta:hover{border-color:var(--acid)}
.start-here{padding:84px var(--pad) 100px;border-bottom:1px solid var(--line)}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:34px;border:1px solid var(--line)}
.start-grid>a{min-height:285px;padding:30px;display:flex;flex-direction:column;border-right:1px solid var(--line);transition:background .2s ease,color .2s ease}
.start-grid>a:last-child{border-right:0}
.start-grid>a:hover{background:var(--acid);color:var(--ink)}
.start-grid span{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--acid)}
.start-grid>a:hover span{color:#3f4a1c}
.start-grid h2{font-size:clamp(25px,2.5vw,40px);line-height:1.02;letter-spacing:-.04em;margin:42px 0 18px}
.start-grid p{color:var(--muted);line-height:1.55;max-width:390px}
.start-grid>a:hover p{color:#31352f}
.start-grid b{margin-top:auto;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:1100px){.site-header nav a{padding:10px 9px}.header-actions .header-cta:first-child{display:none}}
@media(max-width:760px){
  .site-header{height:auto;min-height:126px;grid-template-columns:1fr auto;grid-template-rows:72px 46px;gap:0;padding-top:0}
  .site-header nav{display:flex;grid-column:1/-1;grid-row:2;width:100%;justify-self:stretch;overflow-x:auto;justify-content:flex-start;border-left:0;border-right:0;border-bottom:0;padding:4px 0;scrollbar-width:none}
  .site-header nav::-webkit-scrollbar{display:none}
  .site-header nav a{flex:1;text-align:center;min-width:max-content;padding:11px 12px}
  .header-actions .header-cta:first-child{display:none}
  .header-cta--solid{display:block!important;padding:10px 12px}
  .header-cta:after{content:none!important}
  .start-here{padding-top:60px;padding-bottom:70px}
  .start-grid{grid-template-columns:1fr}
  .start-grid>a{min-height:230px;border-right:0;border-bottom:1px solid var(--line)}
  .start-grid>a:last-child{border-bottom:0}
}
