@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#f1efe8;--ink:#191b18;--orange:#d94721;--line:#cecec4;--muted:#5c6057;--display:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body)}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display);font-weight:700;line-height:.94;letter-spacing:-.015em}h2{font-size:clamp(46px,5.7vw,76px)}em{font-style:normal;color:var(--orange)}.skip{position:absolute;left:16px;top:-100px;background:var(--ink);color:white;padding:12px 20px;z-index:10}.skip:focus{top:12px}.site-header{max-width:1600px;margin:auto;padding:26px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{text-decoration:none;line-height:.85;display:flex;flex-direction:column;gap:5px}.wordmark>span{font:600 10px var(--body);letter-spacing:.19em}.wordmark strong{font:800 39px/.85 var(--display);letter-spacing:-1px}.mark-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:38px}nav a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{border-bottom:1px solid var(--ink);padding-bottom:6px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:.95fr 1.05fr;gap:4vw;padding:65px 5vw 70px;align-items:center}.eyebrow,.section-label{font-size:11px;letter-spacing:.11em;font-weight:700;text-transform:uppercase}.eyebrow{display:flex;gap:9px;align-items:center}.status-dot{width:7px;height:7px;background:var(--orange);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(72px,8.7vw,140px);margin:28px 0}.hero-deck{font-size:clamp(18px,1.7vw,24px);line-height:1.45;max-width:440px}.hero-note{max-width:380px;margin-top:16px;color:var(--muted);font-size:14px}.button{display:inline-flex;gap:34px;align-items:center;justify-content:space-between;padding:16px 23px;text-transform:uppercase;letter-spacing:.07em;text-decoration:none;font-size:11px;font-weight:700;transition:transform .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper);margin-top:30px}.button-dark:hover{background:#363c31}.button-light{background:var(--paper);color:var(--ink)}.model-panel{min-width:0;align-self:stretch;display:flex;flex-direction:column;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background-image:linear-gradient(#deded64d 1px,transparent 1px),linear-gradient(90deg,#deded64d 1px,transparent 1px);background-size:30px 30px}.model-topline{display:flex;justify-content:space-between;gap:12px;padding:15px 0;font-size:9px;font-weight:700;letter-spacing:.08em}.model-type{color:var(--orange)}.model-canvas-wrap{position:relative;flex:1;min-height:370px}#model-canvas{width:100%;height:100%;position:absolute;touch-action:pan-y}#model-status{position:absolute;top:45%;left:20px;right:20px;text-align:center;font-size:13px;color:var(--muted)}.model-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:9px;letter-spacing:.08em;font-weight:600}.model-controls>div{display:flex;gap:6px}.model-controls button{border:1px solid var(--line);background:var(--paper);padding:5px 11px;cursor:pointer;font-size:11px}.model-controls button:hover{border-color:var(--ink)}.model-caption{font-size:10px;color:var(--muted);padding:12px 0}.ticker{display:flex;justify-content:space-around;gap:20px;background:var(--ink);color:var(--paper);padding:19px 5vw;font:600 14px var(--display);letter-spacing:.12em;flex-wrap:wrap}.ticker span:nth-child(even){color:#f47a51}.section{max-width:1500px;margin:auto;padding:95px 5vw;display:grid;grid-template-columns:1fr 3fr;gap:30px;border-bottom:1px solid var(--line)}.section-label{padding-top:7px;color:var(--muted)}.section-content{min-width:0}.section-deck{font-size:19px;line-height:1.6;max-width:630px;margin-top:26px}.sequence{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:45px 0 24px}.step-number{font-family:var(--display);font-size:34px;color:var(--orange);display:block;padding-bottom:14px;border-bottom:1px solid var(--line)}.sequence h3{margin-top:18px;font-size:18px}.sequence p{margin-top:12px;font-size:13px;color:var(--muted)}.caption{font-size:11px;color:var(--muted);max-width:600px}.bench-band{padding:70px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;background:#e1e3d8;align-items:center}.bench-label{font:700 clamp(44px,6vw,88px)/.95 var(--display);letter-spacing:-.01em;max-width:650px}.bench-band h2{font-size:clamp(35px,4vw,55px);line-height:1;margin:15px 0 22px}.bench-band p:not(.eyebrow){font-size:14px;max-width:560px;margin:16px 0}.text-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-underline-offset:6px;display:inline-block;margin-top:10px}.build-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.date-stamp{font-size:11px;line-height:1.5;color:var(--muted);text-align:right}.roadmap{list-style:none;padding:0;margin:38px 0 0}.roadmap li{display:grid;grid-template-columns:42px 1fr;gap:15px;border-top:1px solid var(--line);padding:26px 0}.roadmap-number{font:600 28px var(--display);color:var(--muted)}.roadmap-state{font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--muted)}.roadmap .current .roadmap-state,.roadmap .current .roadmap-number{color:var(--orange)}.roadmap h3{font-size:18px;margin:5px 0 8px}.roadmap p{font-size:13px;color:var(--muted);max-width:620px}.films{background:var(--paper)}.video-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.film-frame{aspect-ratio:4/3;background:#d9ddd0;padding:20px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #b8bead;position:relative;overflow:hidden}.film-frame:after{content:'';position:absolute;right:-50px;top:10px;width:160px;height:160px;border:1px solid #b3bca6;transform:rotate(-30deg);pointer-events:none}.film-frame.second{background:#e9ded2;border-color:#cdbfae}.film-index,.film-status{font-size:9px;letter-spacing:.09em;z-index:1}.film-title{font:700 45px/.9 var(--display);z-index:1}.film-slot h3{font-size:13px;font-weight:500;margin-top:12px}.published-video{width:100%;aspect-ratio:16/9;border:0;background:var(--ink)}.questions h2{font-size:clamp(36px,4.5vw,60px);margin-bottom:32px}.questions details{border-top:1px solid var(--line);padding:20px 0}.questions summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;gap:20px;justify-content:space-between}.questions summary:after{content:'+';font-size:21px;font-weight:400;line-height:1}.questions details[open] summary:after{content:'−'}.questions details p{max-width:650px;font-size:13px;color:var(--muted);padding:16px 22px 0 0}.closing{background:var(--ink);color:var(--paper);padding:75px 5vw 80px}.closing h2{font-size:clamp(65px,9vw,135px);margin:30px 0 34px}.closing em{color:#f2825f}.closing .eyebrow{color:#c8cbbf}footer{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;color:var(--muted)}.footer-brand{font:700 26px var(--display);color:var(--ink);text-decoration:none}footer>span{white-space:nowrap}
.model-controls>label{display:flex;align-items:center;gap:8px}.model-controls select{font:11px var(--body);padding:6px;border:1px solid var(--line);background:var(--paper);color:var(--ink);max-width:140px}.model-controls select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(min-width:1600px){.bench-band,.closing{padding-left:max(5vw,calc((100vw - 1440px)/2));padding-right:max(5vw,calc((100vw - 1440px)/2))}}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:25px;padding-top:45px}.hero h1{font-size:clamp(60px,9vw,90px)}.model-canvas-wrap{min-height:320px}.model-topline{font-size:8px}.model-controls>span{display:none}.model-controls{justify-content:flex-end}.section{grid-template-columns:1fr;gap:20px;padding-top:65px;padding-bottom:65px}.section-label{padding:0}.bench-band{gap:30px}.sequence{gap:20px}.date-stamp{font-size:10px}}
@media(max-width:620px){.site-header{padding:20px 6vw}.wordmark strong{font-size:33px}nav{gap:18px}nav a{font-size:10px}nav a:first-child{display:none}.hero{grid-template-columns:1fr;padding:38px 6vw 40px;gap:35px}.hero h1{font-size:clamp(70px,16vw,100px);margin:24px 0}.hero-deck{max-width:350px}.hero-note{font-size:13px;max-width:340px}.model-canvas-wrap{min-height:310px}.model-topline{font-size:9px}.model-controls>span{display:block}.model-controls{justify-content:space-between}.ticker{gap:10px 20px;font-size:12px;justify-content:center}.ticker span:nth-child(6),.ticker span:last-child{display:none}.section{padding:52px 6vw;gap:22px}.section-deck{font-size:16px}.sequence{grid-template-columns:1fr;gap:0;margin-top:28px}.sequence article{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding:18px 0;border-top:1px solid var(--line)}.step-number{grid-row:1/3;border:0;padding:0;font-size:28px}.sequence h3{margin:0}.sequence p{margin-top:7px}.bench-band{grid-template-columns:1fr;padding:45px 6vw;gap:30px}.bench-label{font-size:52px}.bench-band h2{font-size:38px}.build-heading{align-items:flex-start}.date-stamp{margin-top:3px;flex-shrink:0}.build-heading h2{font-size:44px}.roadmap li{grid-template-columns:30px 1fr;gap:14px}.video-list{gap:18px;grid-template-columns:1fr}.film-frame{aspect-ratio:16/10}.film-title{font-size:48px}.questions summary{font-size:14px}.closing{padding:50px 6vw}.closing h2{font-size:clamp(60px,15vw,90px)}footer{padding:28px 6vw;flex-wrap:wrap;gap:18px}footer p{flex-basis:100%;order:2}.button{padding:16px 20px}.model-controls button{min-height:44px}.model-caption{font-size:10px}}
@media(max-width:620px){.model-controls{flex-wrap:wrap}.model-controls select{min-height:44px}.model-controls>label{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}