@font-face{font-family:'DM Sans';font-style:normal;font-weight:400;font-display:swap;src:url('dm-sans-400.ttf') format('truetype')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:500;font-display:swap;src:url('dm-sans-500.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url('manrope-500.ttf') format('truetype')}
@font-face{font-family:'Manrope';font-style:normal;font-weight:700;font-display:swap;src:url('manrope-700.ttf') format('truetype')}
:root{--bg:#111e32;--deep:#0b1525;--ink:#edf1f7;--muted:#a7b6cc;--line:#ffffff23;--blue:#97bcf9;--copper:#efb99b;--accent:#becffe;--body:'DM Sans','Segoe UI',sans-serif;--display:'Manrope','Segoe UI',sans-serif;--mono:Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--copper);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500}svg{display:block;width:100%;height:100%}.skip{position:fixed;top:-80px;padding:12px;background:white;color:black;z-index:50}.skip:focus{top:0}.private{font:10px/1 var(--mono);letter-spacing:.12em;position:relative;z-index:10;background:#080f1b;text-align:center;color:#aabbd0;padding:10px 15px}.private b{color:#dfe9ff;font-weight:400}.mast{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:700 21px var(--display);letter-spacing:.12em}.brand svg{width:30px;height:30px}.nav{display:flex;gap:34px;font-size:13px;color:var(--muted)}.nav a:hover{color:var(--ink)}.edition{display:flex;align-items:center;gap:9px;font:10px var(--mono);letter-spacing:.07em}.edition i{width:5px;height:5px;background:var(--copper);border-radius:50%}.hero{min-height:760px;position:relative;overflow:hidden;padding:88px 5% 60px;background:radial-gradient(ellipse at 79% 53%,#344b7145,transparent 56%)}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:.17em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:15px}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.hero-copy{width:54%;position:relative;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1{font-size:clamp(64px,6.7vw,112px);line-height:1.04;letter-spacing:-.075em;margin:29px 0 29px;max-width:750px}.hero h1 .soft{color:#99abc6}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em;color:var(--copper)}.hero-deck{font-size:17px;color:var(--muted);max-width:355px;line-height:1.7}.hero-actions{display:flex;gap:27px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid var(--line);padding:14px 21px;font-size:13px;background:none;border-radius:3px}.button.primary{background:#d8e3f4;color:#162136;border-color:#d8e3f4}.button.primary:hover{background:white}.text-link{font-size:13px;border-bottom:1px solid #ffffff55;padding-bottom:5px}.hero-art{position:absolute;right:-4%;top:36px;width:66%;height:670px;z-index:1}.hero-art .diagram{height:100%;width:100%;overflow:visible}.art-label{font:11px var(--mono);fill:#b6c9e7;letter-spacing:1px}.art-sub{font:9px var(--mono);fill:#7e96b8}.layer{transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .7s}.art-guide{stroke:#87a4ce;stroke-width:.6;fill:none;opacity:.5}.art-dot{fill:#e6c2a7}.plane-label{font:10px var(--mono);fill:#d9e7f8;letter-spacing:1.8px}.hero-art[data-mode="separate"] .layer-0{transform:translateY(-53px)}.hero-art[data-mode="separate"] .layer-2{transform:translateY(53px)}.hero-art[data-mode="trace"] .plane{opacity:.15}.hero-art[data-mode="trace"] .trace-path{stroke-width:3;opacity:1;stroke-dasharray:12 8;animation:trace 3s linear infinite}.trace-path{fill:none;stroke:#edbc9f;stroke-width:1.3;opacity:.6}.anatomy-tools{position:absolute;bottom:70px;right:11%;display:flex;gap:6px;z-index:4;border:1px solid var(--line);padding:5px;border-radius:25px;background:#132239}.anatomy-tools button{border:0;background:none;padding:8px 14px;border-radius:20px;color:var(--muted);font-size:11px}.anatomy-tools button[aria-pressed="true"]{background:#d5e2f0;color:#122037}.art-caption{position:absolute;right:13%;bottom:40px;font:9px var(--mono);color:#91a6c3;letter-spacing:.08em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;margin:0 5%;padding:22px 0;border-top:1px solid var(--line);font:10px var(--mono);letter-spacing:.1em;color:var(--muted)}.hero-bottom span:first-child{color:var(--copper)}.section{padding:110px 7%}.story{background:#dfe6ed;color:#1c2a3d;display:grid;grid-template-columns:.85fr 1.6fr;gap:80px}.story .eyebrow{color:#4b607b}.story h2{font-size:clamp(40px,4.4vw,66px);line-height:1.12;letter-spacing:-.055em;margin-top:38px;max-width:670px}.story h2 em{font-family:Georgia,serif;color:#546985}.story-intro{align-self:start;position:relative;padding-top:5px}.author{margin-top:85px;display:flex;align-items:center;gap:15px}.author-symbol{width:44px;height:44px;border:1px solid #77879a;display:grid;place-items:center;border-radius:50%;font-family:Georgia,serif;font-style:italic;font-size:25px}.author small{display:block;color:#5b6b7c;font-size:12px}.story-note{font-size:18px;line-height:1.8;max-width:590px;margin-top:29px;color:#475870}.story-signature{margin-top:35px;font:italic 25px Georgia;color:#3e5572}.journey{margin-top:55px;padding-top:28px;border-top:1px solid #1c2a3d35;display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.journey span{font:9px var(--mono);letter-spacing:.12em;color:#566a83}.journey h3{font-size:17px;margin:10px 0}.journey p{font-size:13px;color:#54647a}.demo{background:var(--deep);padding-bottom:85px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-top h2{font-size:clamp(40px,4.4vw,68px);line-height:1.13;letter-spacing:-.055em;margin-top:20px}.section-top>p{max-width:280px;font-size:14px;color:var(--muted)}.scenario-label{display:flex;align-items:center;justify-content:space-between;background:#18263a;border:1px solid var(--line);padding:14px 22px;font-size:12px;color:var(--muted)}.scenario-label b{font-weight:500;color:var(--copper)}.theater{border:1px solid var(--line);border-top:0;position:relative;overflow:hidden}.theater-top{display:flex;justify-content:space-between;align-items:center;padding:25px 30px}.objective{font-size:18px}.objective small{font:9px var(--mono);color:var(--muted);letter-spacing:.15em;display:block;margin-bottom:6px}.mode-toggle{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:30px}.mode-toggle button{border:0;border-radius:20px;padding:8px 19px;background:none;font-size:12px;color:var(--muted)}.mode-toggle button[aria-pressed="true"]{background:#d4e3f5;color:#142139}.machine{display:grid;grid-template-columns:1.55fr 1fr;min-height:420px;border-top:1px solid var(--line)}.machine-map{position:relative;min-height:440px;background:radial-gradient(ellipse at center,#263c5e55,transparent 70%);border-right:1px solid var(--line)}.machine-map svg{position:absolute;inset:0}.route{fill:none;stroke:#557094;stroke-width:1;opacity:.6}.route.active{stroke:var(--copper);stroke-width:2;opacity:1;stroke-dasharray:7 6;animation:trace 2s linear infinite}.node{fill:#15253d;stroke:#5e769850;stroke-width:1;transition:stroke .25s,fill .25s}.node.active{stroke:#f0c4a8;fill:#263954}.node-name{font:12px var(--body);fill:#c9d7ea}.node-tag{font:8px var(--mono);fill:#8ea8cc;letter-spacing:1px}.node-center{font:500 22px var(--display);fill:#e6edf6;letter-spacing:2px}.map-cap{position:absolute;bottom:17px;left:23px;font:9px var(--mono);color:#8ca2c0;letter-spacing:.08em}.stage-copy{padding:35px;align-self:center}.step-index{font:10px var(--mono);color:var(--copper);letter-spacing:.1em;margin-bottom:25px}.stage-copy h3{font-size:31px;line-height:1.16;letter-spacing:-.04em;max-width:300px;margin-bottom:18px}.stage-copy p{font-size:14px;color:var(--muted);line-height:1.8}.stage-status{font:9px var(--mono);padding:8px 12px;border:1px solid var(--line);display:inline-block;margin-top:23px;color:var(--copper);letter-spacing:.05em}.evidence{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-size:12px}.evidence dt{color:var(--copper);font:9px var(--mono);margin:16px 0 6px;text-transform:uppercase;letter-spacing:.07em}.evidence dd{margin:0;color:var(--muted)}.transport{padding:20px 26px;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;background:#101d30}.play-button{border:0;background:#d7e4f6;color:#142138;border-radius:3px;min-width:127px;padding:11px 17px;font-size:12px}.icon-button{border:1px solid var(--line);background:none;width:37px;height:37px;border-radius:50%;font-size:16px}.transport input{width:100%;accent-color:#d3ddf5;min-width:50px}.transport .position{font:10px var(--mono);white-space:nowrap;color:var(--muted)}.step-tabs{display:grid;grid-template-columns:repeat(6,1fr);margin-top:20px;gap:10px}.step-tabs button{padding:12px 5px;background:none;border:0;border-top:2px solid #ffffff20;text-align:left;font-size:11px;color:var(--muted)}.step-tabs button[aria-pressed="true"]{border-color:var(--copper);color:#fff}.step-tabs button span{font:9px var(--mono);margin-right:8px;opacity:.7}.case-foot{display:flex;justify-content:space-between;gap:30px;margin-top:28px;font-size:12px;color:var(--muted)}.case-foot p{max-width:650px}.case-foot a{text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.principle{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;background:#182a43}.principle h2{font-size:clamp(42px,4.5vw,68px);letter-spacing:-.05em;line-height:1.1;margin-top:24px}.principle h2 em{font-family:Georgia,serif;color:var(--copper)}.principle p{font-size:15px;line-height:1.8;color:var(--muted);max-width:480px;margin-top:26px}.standards{padding-top:8px}.standards article{display:grid;grid-template-columns:35px 1fr;gap:18px;border-bottom:1px solid var(--line);padding:22px 0}.standards article>span{font-size:22px;color:var(--copper)}.standards h3{font-size:19px;letter-spacing:-.03em}.standards p{font-size:13px;margin-top:7px}.closing{padding:110px 7% 65px;background:#ccd7e4;color:#172a43;position:relative;overflow:hidden}.closing h2{font-size:clamp(56px,8vw,115px);letter-spacing:-.065em;line-height:1.06;position:relative;max-width:850px;margin:30px 0}.closing h2 em{font-family:Georgia,serif;color:#4b6283}.closing .eyebrow{color:#4b6283}.closing p{color:#3f5572;max-width:420px;font-size:16px}.closing .text-link{display:inline-block;margin-top:30px;border-color:#526783}.closing-mark{position:absolute;right:-25px;bottom:-125px;font:500 450px var(--display);opacity:.045;letter-spacing:-.1em}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #172a4330;margin-top:70px;padding-top:20px;font:10px var(--mono);color:#435a76}.review-nav{display:flex;gap:10px;align-items:center;justify-content:center;padding:20px;background:#080f1b;font:11px var(--body);color:#c4d2e5}.review-nav a{padding:7px 12px;border:1px solid #45536a;border-radius:3px}.review-nav a[aria-current="page"]{background:#d5e0f0;color:#142136}.review-nav span{margin-right:10px;color:#96a7c0}.field-hero{display:none}.fieldnotes{--bg:#e8edf1;--ink:#172d48;--muted:#526782;--line:#172d482b;--deep:#dce5ed;--copper:#84522d;color-scheme:light}.fieldnotes .hero{display:none}.fieldnotes .field-hero{display:block;position:relative;overflow:hidden;padding:55px 6% 0;min-height:820px;background:#e8edf1}.fieldnotes .mast{background:#e8edf1}.fieldnotes .edition i{background:#8b582e}.field-heading{display:flex;justify-content:space-between;align-items:start}.field-heading>p{max-width:240px;font-size:14px;line-height:1.6}.field-title{font-size:clamp(100px,20vw,300px);line-height:1.1;letter-spacing:-.09em;font-weight:650;margin-left:-.035em;margin-top:12px;position:relative;z-index:2;pointer-events:none}.field-lower{position:relative;display:grid;grid-template-columns:1fr 1.6fr;min-height:400px}.field-human{padding-top:40px;z-index:3}.field-human h1{font:400 clamp(30px,3.4vw,47px)/1.15 Georgia,serif;letter-spacing:-.04em;max-width:400px}.field-human>p{font-size:14px;max-width:270px;margin-top:20px;color:#526782}.fieldnotes .field-art{position:absolute;right:-10%;top:-205px;width:78%;height:650px;opacity:.95}.fieldnotes .field-art .art-label,.fieldnotes .field-art .plane-label{fill:#243e62}.fieldnotes .field-art .art-sub{fill:#5c718e}.fieldnotes .field-art .art-guide{stroke:#3c587e}.fieldnotes .field-art .trace-path{stroke:#8b5832}.fieldnotes .field-art .art-dot{fill:#8b5832}.fieldnotes .button.primary{background:#1e3859;color:#fff;border-color:#1e3859}.fieldnotes .text-link{border-color:#76869b}.fieldnotes .hero-bottom{color:#5b6b82}.fieldnotes .hero-bottom span:first-child{color:#7b4d2c}.fieldnotes .story{background:#1e3859;color:#edf3fa}.fieldnotes .story .eyebrow,.fieldnotes .story-note,.fieldnotes .journey p,.fieldnotes .journey span,.fieldnotes .author small{color:#becddd}.fieldnotes .story h2 em,.fieldnotes .story-signature{color:#e4ba9b}.fieldnotes .journey{border-color:#e5edf433}.fieldnotes .demo{background:#e8edf1}.fieldnotes .scenario-label,.fieldnotes .transport{background:#dce5ed}.fieldnotes .scenario-label b,.fieldnotes .step-index,.fieldnotes .stage-status,.fieldnotes .evidence dt{color:#7a4a28}.fieldnotes .machine-map{background:radial-gradient(ellipse,#8aa0be22,transparent 70%)}.fieldnotes .node{fill:#d5dfe9;stroke:#7890ac}.fieldnotes .node.active{fill:#c5d6e6;stroke:#7a4a28}.fieldnotes .node-name,.fieldnotes .node-center{fill:#1b3455}.fieldnotes .node-tag,.fieldnotes .map-cap{fill:#506889;color:#506889}.fieldnotes .route.active{stroke:#8b5832}.fieldnotes .play-button,.fieldnotes .mode-toggle button[aria-pressed="true"]{background:#1e3859;color:#fff}.fieldnotes .step-tabs button{border-color:#172d4830}.fieldnotes .step-tabs button[aria-pressed="true"]{border-color:#865432;color:#172d48}.fieldnotes .principle{background:#d2dde7}.fieldnotes .principle h2 em,.fieldnotes .standards article>span{color:#805333}.fieldnotes .closing{background:#aabed4}.fieldnotes .review-nav{color-scheme:dark}
@keyframes trace{to{stroke-dashoffset:-130}}
@media(min-width:1700px){.hero{min-height:870px;padding-top:110px}.hero-art{height:800px}.hero-copy{max-width:900px}.anatomy-tools{bottom:85px}.art-caption{bottom:52px}}
@media(max-width:1000px){.hero{min-height:690px;padding-top:65px}.hero h1{font-size:73px}.hero-art{right:-15%;width:76%;opacity:.75}.hero-copy{width:65%}.anatomy-tools{right:5%;bottom:60px}.art-caption{right:7%;bottom:35px}.nav{gap:20px}.edition{display:none}.story{gap:40px;grid-template-columns:.7fr 1.4fr}.section{padding:80px 6%}.stage-copy{padding:26px}.machine{grid-template-columns:1.2fr 1fr}.principle{gap:50px}.fieldnotes .field-hero{min-height:720px}.fieldnotes .field-art{width:85%;right:-20%;top:-130px}.field-lower{grid-template-columns:1fr 1fr}.field-human h1{font-size:36px}}
@media(max-width:650px){.private{font-size:8px;line-height:1.5}.mast{height:73px;padding:0 6%}.brand{font-size:17px}.brand svg{width:24px}.nav{gap:18px;font-size:11px}.nav a:nth-child(3){display:none}.hero{padding:45px 6% 0;min-height:995px}.hero-copy{width:100%}.hero h1{font-size:65px;margin:24px 0;letter-spacing:-.07em}.hero-deck{font-size:15px;max-width:300px}.hero-actions{gap:22px;margin-top:24px}.button{padding:12px 17px;font-size:12px}.hero-art{width:135%;height:530px;right:-18%;top:453px;opacity:1}.anatomy-tools{bottom:46px;right:50%;transform:translateX(50%);white-space:nowrap}.art-caption{bottom:19px;right:50%;transform:translateX(50%);white-space:nowrap;font-size:8px}.hero-bottom{font-size:8px;gap:25px;padding:18px 0}.hero-bottom span:last-child{display:none}.section{padding:65px 6%}.story{grid-template-columns:1fr;gap:27px}.story-intro{display:flex;justify-content:space-between;gap:20px;align-items:center}.author{margin:0;font-size:12px}.author-symbol{width:32px;height:32px;font-size:19px}.author small{font-size:10px}.story h2{font-size:43px;margin-top:0}.story-note{font-size:16px;margin-top:25px}.journey{gap:13px;margin-top:35px}.journey h3{font-size:15px}.journey p{font-size:12px}.journey span{font-size:8px}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:43px}.section-top>p{margin-top:24px;max-width:320px}.scenario-label{padding:12px 14px;font-size:10px;display:block}.scenario-label span{display:block;margin-top:3px}.theater-top{padding:20px 16px;gap:15px;align-items:start}.objective{font-size:15px;max-width:160px}.mode-toggle{gap:0}.mode-toggle button{padding:7px 11px;font-size:10px}.machine{grid-template-columns:1fr}.machine-map{min-height:320px;border-right:0;border-bottom:1px solid var(--line)}.stage-copy{padding:25px;min-height:286px}.stage-copy h3{font-size:30px;max-width:100%}.step-index{margin-bottom:15px}.stage-copy p{font-size:13px}.stage-status{margin-top:16px;font-size:8px}.transport{padding:16px 13px;gap:10px;flex-wrap:wrap}.transport input{order:4;width:100%}.play-button{min-width:120px}.transport .position{margin-left:auto}.step-tabs{grid-template-columns:repeat(3,1fr);gap:7px}.step-tabs button{font-size:10px;padding:10px 1px}.step-tabs button span{margin-right:5px}.case-foot{display:block}.case-foot a{display:inline-block;margin-top:15px}.principle{grid-template-columns:1fr;gap:22px}.principle h2{font-size:46px}.closing{padding:65px 6% 40px}.closing h2{font-size:61px}.closing p{font-size:15px}.footer{font-size:8px;align-items:start;margin-top:50px}.footer span{max-width:170px}.review-nav{font-size:10px;gap:6px;flex-wrap:wrap}.review-nav span{width:100%;text-align:center;margin-bottom:5px}.fieldnotes .field-hero{padding:35px 6% 0;min-height:915px}.field-heading>p{font-size:11px;max-width:142px}.field-heading .eyebrow{font-size:8px;max-width:145px}.field-title{font-size:21vw;margin-top:35px}.field-lower{display:block;min-height:650px}.field-human{padding-top:25px}.field-human h1{font-size:36px;max-width:320px}.field-human>p{max-width:270px}.fieldnotes .field-art{top:245px;right:-25%;width:150%;height:470px}.fieldnotes .field-art .art-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
body.motion-off *{animation:none!important;transition:none!important}
.play-button,.icon-button{flex-shrink:0}.play-button{white-space:nowrap}
.field-title{letter-spacing:-.06em}.hero h1{letter-spacing:-.06em}.hero h1 em{margin-left:.02em}
@media(max-width:650px){.hero{min-height:850px}.hero h1{font-size:52px}.hero-art{width:110%;right:-5%;top:325px;height:465px}.hero-art .art-label,.hero-art .plane-label,.hero-art .art-sub{display:none}.fieldnotes .field-art .art-label{display:none}.fieldnotes .field-art{right:-7%;width:114%}.fieldnotes .field-art .plane-label{font-size:12px}.fieldnotes .field-art .art-sub{display:none}}