:root{
  --paper:#f4efe6;--paper-2:#ebe3d4;--ink:#1c2a30;--ink-2:#0f1a1f;--text:#242c30;--muted:#5d5b55;
  --terracotta:#b5532f;--clay:#d3b28c;--sand:#e6d6bf;--line:#d6cbb7;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--paper);color:var(--text);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:2px solid var(--terracotta);outline-offset:4px}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;margin:0;color:var(--ink);letter-spacing:-.01em}
p{margin:0}
.wrap{max-width:1160px;margin:0 auto;padding-left:40px;padding-right:40px}
.skip-link{position:absolute;left:16px;top:-80px;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:50}
.skip-link:focus{top:12px}
.strata{width:28px;height:14px;display:block}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(244,239,230,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:24px}
.brand{display:inline-flex;align-items:center;gap:12px;font:500 22px/1 var(--serif);color:var(--ink);text-decoration:none}
.site-header nav{display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500}
.site-header nav a{text-decoration:none;color:var(--ink)}
.site-header nav a:hover{color:var(--terracotta)}
.nav-cta{border:1px solid var(--ink);padding:9px 14px}
.nav-cta:hover{background:var(--ink);color:var(--paper)!important}

/* type */
.eyebrow{font:italic 400 17px/1.4 var(--serif);color:var(--terracotta);margin-bottom:16px;font-variation-settings:"opsz" 14}
.eyebrow.num{color:var(--muted)}
.hero h1{font-size:clamp(40px,5.2vw,68px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin-bottom:24px;font-variation-settings:"opsz" 72}
.lede{font-size:19px;line-height:1.6;color:var(--muted);max-width:600px;margin-bottom:30px}
.actions{display:flex;flex-wrap:wrap;gap:12px}
.button{display:inline-flex;align-items:center;background:var(--ink);color:var(--paper);font-weight:500;font-size:15px;padding:14px 22px;text-decoration:none;border:1px solid var(--ink);transition:background .15s,color .15s}
.button:hover{background:var(--terracotta);border-color:var(--terracotta)}
.button.ghost{background:transparent;color:var(--ink)}
.button.ghost:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.definition{margin-top:36px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--muted);max-width:560px}
.definition .term{font:500 20px/1 var(--serif);color:var(--ink);margin-right:8px}
.definition .pos{font:italic 400 14px/1 var(--serif);color:var(--terracotta);margin-right:10px}

/* hero */
.hero{overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:64px;align-items:start;padding-top:88px;padding-bottom:40px}
.spec{margin:0;border-top:2px solid var(--ink);padding-top:6px;align-self:end}
.spec div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.spec dt{font:500 13px/1.6 var(--sans);color:var(--muted)}
.spec dd{margin:0;color:var(--ink)}
.horizon{margin-top:32px}
.mesa{display:block;width:100%;height:clamp(150px,20vw,240px)}

/* sections */
.section{padding-top:104px;padding-bottom:104px}
.band{background:var(--paper-2)}
.two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;align-items:start}
.two-col h2,.section-head h2{font-size:clamp(32px,3.6vw,46px)}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end;margin-bottom:56px}
.section-head .eyebrow{grid-column:1/-1}
.section-head>p:last-child{color:var(--muted);font-size:17px;max-width:480px}
.prose p{font-size:17px;line-height:1.7;color:var(--text)}
.prose p+p{margin-top:20px}

/* stages */
.stages{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-top:2px solid var(--ink)}
.stages li{padding:26px 24px 8px 0;border-right:1px solid var(--line);padding-left:20px}
.stages li:first-child{padding-left:0}
.stages li:last-child{border-right:0}
.stage-num{display:block;font:400 34px/1 var(--serif);color:var(--terracotta);margin-bottom:16px}
.stages h3{font-size:21px;margin-bottom:10px}
.stages p{font-size:14.5px;line-height:1.6;color:var(--muted)}
.tracks{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.tracks-note{margin-top:24px;font-size:16px;color:var(--text);max-width:820px;padding-left:20px;border-left:3px solid var(--terracotta)}
.tracks div{background:var(--paper);border:1px solid var(--line);padding:28px}
.tracks h3{font-size:22px;margin-bottom:12px}
.tracks p{font-size:15px;color:var(--muted)}

/* record diagram */
.record{margin:64px 0 0;padding:0}
.record figcaption{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:24px}
.record h3{font-size:26px}
.record figcaption p{color:var(--muted);font-size:15.5px;max-width:460px}
.record svg{display:block;width:100%;height:auto;background:var(--paper);border:1px solid var(--line)}
/* founder */
.founder{margin:32px 0 0;padding:28px 32px;background:var(--paper-2);border-left:3px solid var(--terracotta)}
.founder p{font:400 19px/1.6 var(--serif);color:var(--ink);font-variation-settings:"opsz" 14}
.founder footer{margin-top:16px;font-size:14px;color:var(--muted)}

/* capabilities */
.caps{margin:0;border-top:2px solid var(--ink)}
.caps div{display:grid;grid-template-columns:300px 1fr;gap:48px;padding:28px 0;border-bottom:1px solid var(--line)}
.caps dt{font:500 22px/1.25 var(--serif);color:var(--ink)}
.caps dd{margin:0;font-size:16px;line-height:1.7;color:var(--text);max-width:720px}

/* steps */
.steps{list-style:none;margin:0;padding:0;counter-reset:step}
.steps li{counter-increment:step;display:grid;grid-template-columns:56px 1fr;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.steps li:before{content:counter(step);font:400 26px/1.1 var(--serif);color:var(--terracotta)}
.steps h3{font-size:22px;margin-bottom:8px}
.steps p{font-size:15.5px;color:var(--muted);grid-column:2}

/* facts */
.facts{margin:32px 0 0;border-top:2px solid var(--ink)}
.facts div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.facts dt{font:500 13px/1.6 var(--sans);color:var(--muted)}
.facts dd{margin:0}

/* contact */
.contact{background:var(--ink);color:var(--paper);padding:96px 0}
.contact-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.contact .eyebrow{color:var(--clay)}
.contact h2{color:var(--paper);font-size:clamp(32px,3.6vw,46px);margin-bottom:16px}
.contact p:not(.eyebrow){color:#c9cfcf;font-size:17px;max-width:520px}
.contact-links{display:flex;flex-direction:column;gap:12px;align-items:stretch}
.contact .button{background:var(--paper);color:var(--ink);border-color:var(--paper);justify-content:center;font-size:16px}
.contact .button:hover{background:var(--clay);border-color:var(--clay)}
.contact .button.ghost{background:transparent;color:var(--paper)}
.contact .button.ghost:hover{background:var(--paper);color:var(--ink)}

/* footer */
.site-footer{border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;padding-bottom:26px}
.brand.small{font-size:18px}
.site-footer a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}

@media (max-width:1020px){
  .wrap{padding-left:28px;padding-right:28px}
  .site-header nav a:not(.nav-cta){display:none}
  .hero-grid{grid-template-columns:1fr;gap:44px;padding-top:64px}
  .spec{max-width:560px}
  .stages{grid-template-columns:repeat(3,1fr);row-gap:8px}
  .stages li:nth-child(3){border-right:0}
  .tracks{grid-template-columns:1fr}
  .record figcaption{grid-template-columns:1fr;gap:10px}
  .two-col,.section-head,.contact-inner{grid-template-columns:1fr;gap:28px}
  .caps div{grid-template-columns:220px 1fr;gap:28px}
}
@media (max-width:730px){
  html{scroll-padding-top:70px}
  .wrap{padding-left:18px;padding-right:18px}
  .header-inner{min-height:60px}
  .site-header nav a:not(.nav-cta){display:none}
  .nav-cta{font-size:13px;padding:8px 12px}
  .hero-grid{padding-top:44px}
  .lede{font-size:17px}
  .section{padding-top:64px;padding-bottom:64px}
  .section-head{margin-bottom:36px}
  .stages{grid-template-columns:1fr}
  .stages li{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}
  .stages li:last-child{border-bottom:0}
  .stage-num{font-size:28px;margin-bottom:10px}
  .caps div{grid-template-columns:1fr;gap:10px;padding:22px 0}
  .caps dt{font-size:20px}
  .spec div,.facts div{grid-template-columns:1fr;gap:4px}
  .contact{padding:64px 0}
  .contact-links{flex-direction:column}
  .definition .term{display:block;margin-bottom:6px}
}
@media (max-width:730px){.founder{padding:20px}.founder p{font-size:17px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
