:root{
  --warm:#eee9df;--warm-2:#e7e0d4;--sand:#ddd0bd;--ink:#0d0d0c;--ink-2:#171612;
  --text:#11110f;--muted:#716d64;--line:rgba(17,17,15,.18);--paper:#f3eee4;--copper:#a9693f;
  --pad:clamp(22px,3vw,48px);--serif:"Iowan Old Style","Baskerville","Times New Roman",serif;
  --sans:Arial,"Helvetica Neue",Helvetica,sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--warm)}body{margin:0;color:var(--text);font-family:var(--sans);background:var(--warm);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}
#webgl{position:fixed;z-index:7;inset:0;width:100%;height:100%;pointer-events:none;display:block}.grain{position:fixed;z-index:16;inset:0;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}.frame{position:fixed;z-index:18;top:20px;bottom:20px;width:1px;background:rgba(17,17,15,.22);pointer-events:none}.frame--left{left:18px}.frame--right{right:18px}.masthead{position:fixed;z-index:20;top:0;left:0;right:0;height:68px;padding:20px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:start;font:600 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;mix-blend-mode:multiply}.mark{font-size:11px;letter-spacing:.22em}.masthead__center{color:#777067}.notes{justify-self:end;border-bottom:1px solid currentColor;padding-bottom:4px}.runtime{position:fixed;z-index:20;left:var(--pad);bottom:20px;display:flex;align-items:center;gap:8px;font:600 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6d675f;mix-blend-mode:multiply}.runtime__dot{width:5px;height:5px;border-radius:50%;background:#a56a45;box-shadow:0 0 0 4px rgba(165,106,69,.12)}body[data-model-state="ready"] .runtime__dot{background:#526d54;box-shadow:0 0 0 4px rgba(82,109,84,.12)}body[data-model-state="error"] .runtime__dot{background:#a33}.chapter-rail{position:fixed;z-index:20;right:var(--pad);top:50%;transform:translateY(-50%);display:grid;grid-template-columns:20px 1px 80px;gap:9px;align-items:start;font:600 7px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#777067;mix-blend-mode:multiply}.rail-line{height:122px;background:rgba(17,17,15,.15);position:relative}.rail-line i{display:block;width:1px;height:0;background:#111;transition:height .18s linear}.rail-label{writing-mode:vertical-rl}.chapter{position:relative;z-index:3;min-height:150svh;overflow:clip}.chapter>*:not(.construction):not(.dark-orbit):not(.ghost-word){position:relative;z-index:11}.chapter--warm{background:var(--warm)}.chapter--sand{background:var(--sand)}.chapter--dark{background:#10100f;color:#efe9df}.chapter--ink{background:#0c0c0b;color:#eee8de}.chapter--hero{min-height:145svh}.construction{position:absolute;z-index:2;pointer-events:none}.construction:before,.construction:after,.construction i{content:"";position:absolute;border:1px solid rgba(28,26,22,.09);border-radius:50%}.construction--hero{left:50%;top:48svh;width:min(66vw,960px);aspect-ratio:1;transform:translate(-50%,-50%)}.construction--hero:before{inset:2%}.construction--hero:after{inset:19%}.construction--hero i:nth-child(1){inset:34%}.construction--hero i:nth-child(2){left:50%;top:-25%;width:1px;height:150%;border:0;border-left:1px solid rgba(28,26,22,.07);border-radius:0}.construction--hero i:nth-child(3){top:50%;left:-25%;height:1px;width:150%;border:0;border-top:1px solid rgba(28,26,22,.07);border-radius:0}.hero-meta{position:absolute!important;left:var(--pad);top:17svh;display:grid;gap:8px;font:600 8px/1 var(--mono);letter-spacing:.12em}.hero-meta span:last-child{color:var(--muted)}.hero-statement{position:absolute!important;right:16vw;top:17svh;width:230px}.hero-statement p{margin:0;font:500 clamp(14px,1.1vw,19px)/1.28 var(--serif)}.hero-caption{position:absolute!important;left:var(--pad);bottom:22svh;margin:0;color:#746f67;font:italic 16px/1.4 var(--serif)}.hero-word{position:absolute!important;left:var(--pad);bottom:5svh;margin:0;font:900 clamp(92px,14vw,224px)/.72 var(--sans);letter-spacing:-.09em}.scroll-cue{position:absolute!important;right:var(--pad);bottom:5svh;display:grid;justify-items:center;gap:10px;font:600 7px/1 var(--mono);letter-spacing:.14em}.scroll-cue i{width:1px;height:58px;background:var(--text);transform-origin:top;animation:scrollPulse 2.6s ease-in-out infinite}@keyframes scrollPulse{0%,100%{transform:scaleY(.25);opacity:.25}50%{transform:scaleY(1);opacity:1}}
.chapter-copy{position:sticky!important}.chapter-copy .eyebrow,.eyebrow{display:block;margin-bottom:24px;font:700 8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#7d766d}.chapter-copy h2,.closing-title h2{margin:0;font:800 clamp(58px,7.2vw,118px)/.79 var(--sans);letter-spacing:-.075em}.chapter-copy h2 em,.closing-title h2 em{font-family:var(--serif);font-weight:400}.chapter-copy p,.closing-copy p{max-width:520px;margin:28px 0 0;color:#6f6a62;font:400 13px/1.65 var(--sans)}.chapter--form .chapter-copy--left{margin-left:8vw;top:18svh;width:42vw}.chapter--form .chapter-copy h2{font-size:clamp(64px,7.8vw,125px)}.side-note{position:absolute!important;width:210px;border-top:1px solid var(--line);padding-top:12px}.side-note span{font:700 7px/1 var(--mono);letter-spacing:.15em}.side-note p{margin:12px 0 0;color:#777067;font:400 10px/1.55 var(--sans)}.side-note--right{right:9vw;top:20svh}.side-note--lower{right:8vw;bottom:19svh}.micro-line{position:sticky!important;margin-left:var(--pad);margin-right:var(--pad);top:88svh;border-top:1px solid var(--line);padding-top:10px;font:600 7px/1.2 var(--mono);letter-spacing:.12em;color:#777067}.micro-line span{display:block;max-width:460px}
.chapter--mechanism{min-height:185svh}.ghost-word{position:absolute;z-index:1;left:48%;top:8svh;font:900 clamp(130px,22vw,340px)/.8 var(--sans);letter-spacing:-.09em;color:rgba(20,19,16,.035);pointer-events:none}.chapter-copy--mechanism{margin-left:auto;margin-right:9vw;top:11svh;width:min(46vw,670px)}.chapter-copy--mechanism h2{font-size:clamp(54px,6.4vw,104px)}.fact-grid{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.fact-grid div{display:flex;align-items:end;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.fact-grid div:nth-child(odd){padding-right:20px}.fact-grid div:nth-child(even){padding-left:20px;border-left:1px solid var(--line)}.fact-grid strong{font:700 22px/1 var(--mono)}.fact-grid span{font:600 7px/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#777067}.timeline{position:sticky!important;margin-left:var(--pad);margin-right:var(--pad);top:88svh;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;font:600 7px/1 var(--mono);letter-spacing:.11em;color:#6d675e}.timeline i{position:relative;height:1px;background:rgba(17,17,15,.25)}.timeline b{position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--copper);transform:translateX(-50%);transition:left .05s linear}
.chapter--choreography{min-height:175svh}.dark-orbit{position:absolute;z-index:1;left:50%;top:49%;width:min(86vw,1150px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(171,104,61,.13) 0,rgba(83,53,35,.06) 31%,transparent 63%)}.dark-orbit:before,.dark-orbit:after,.dark-orbit i{content:"";position:absolute;border:1px solid rgba(238,233,223,.08);border-radius:50%}.dark-orbit:before{inset:9%}.dark-orbit:after{inset:29%}.dark-orbit i:nth-child(1){left:50%;top:-15%;width:1px;height:130%;border:0;border-left:1px solid rgba(238,233,223,.06);border-radius:0}.dark-orbit i:nth-child(2){top:50%;left:-15%;height:1px;width:130%;border:0;border-top:1px solid rgba(238,233,223,.06);border-radius:0}.dark-orbit i:nth-child(3){inset:41%}.chapter-copy--center{margin-left:auto;margin-right:auto;top:8svh;width:min(760px,82vw);text-align:center}.chapter--dark .eyebrow{color:#958c80}.chapter-copy--center h2{font:500 clamp(72px,8vw,130px)/.8 var(--serif);letter-spacing:-.065em}.chapter-copy--center h2 em{font-style:italic}.chapter-copy--center p{margin:25px auto 0;color:#a69e92;max-width:500px}.motion-ledger{position:sticky!important;margin-left:var(--pad);margin-right:var(--pad);top:88svh;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(238,233,223,.18);padding-top:12px;font:600 7px/1 var(--mono);letter-spacing:.1em;color:#8d857a}.motion-ledger span+span{border-left:1px solid rgba(238,233,223,.14);padding-left:14px}
.chapter--interaction{min-height:165svh}.construction--interaction{right:-11vw;top:40svh;width:min(72vw,930px);aspect-ratio:1}.construction--interaction:before{inset:0}.construction--interaction:after{inset:20%}.construction--interaction i:nth-child(1){inset:39%}.construction--interaction i:nth-child(2){left:38%;top:-15%;width:1px;height:130%;border:0;border-left:1px solid rgba(28,26,22,.08);border-radius:0}.construction--interaction i:nth-child(3){top:56%;left:-10%;height:1px;width:120%;border:0;border-top:1px solid rgba(28,26,22,.08);border-radius:0}.chapter-copy--wide{margin-left:7vw;top:14svh;width:min(50vw,760px)}.chapter-copy--wide h2{font-size:clamp(62px,7.6vw,124px)}.pointer-note{position:absolute!important;left:7vw;bottom:22svh;display:flex;gap:12px;align-items:center;font:700 7px/1 var(--mono);letter-spacing:.14em}.pointer-note i{width:32px;height:32px;border:1px solid rgba(17,17,15,.35);border-radius:50%;position:relative}.pointer-note i:before{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#111;transform:translate(-50%,-50%);animation:pointerOrbit 3s ease-in-out infinite}@keyframes pointerOrbit{0%,100%{transform:translate(-10px,-7px)}50%{transform:translate(7px,8px)}}
.chapter--closing{min-height:120svh;padding:17svh 7vw 6svh}.closing-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:start}.closing-title h2{font-size:clamp(72px,9vw,150px)}.chapter--ink .eyebrow{color:#918a80}.closing-copy{padding-top:7svh}.closing-copy p{color:#a49d92;font-size:14px}.stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.stack span{border:1px solid rgba(238,232,222,.22);border-radius:999px;padding:9px 12px;font:600 7px/1 var(--mono);letter-spacing:.09em}.closing-footer{position:absolute!important;left:7vw;right:7vw;bottom:5svh;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(238,232,222,.18);padding-top:16px;font:600 7px/1 var(--mono);letter-spacing:.12em;color:#9b9489}.closing-footer button{border:0;border-bottom:1px solid currentColor;background:none;color:#eee8de;padding:0 0 5px;cursor:pointer;font:inherit;letter-spacing:inherit}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s cubic-bezier(.2,.7,.15,1),transform .8s cubic-bezier(.2,.7,.15,1)}.reveal.is-visible{opacity:1;transform:none}.noscript{position:fixed;z-index:100;inset:auto 20px 20px;background:#111;color:#fff;padding:12px;font:12px sans-serif}
body[data-active-scene="choreography"] .masthead,body[data-active-scene="closing"] .masthead,body[data-active-scene="choreography"] .chapter-rail,body[data-active-scene="closing"] .chapter-rail,body[data-active-scene="choreography"] .runtime,body[data-active-scene="closing"] .runtime{color:#a9a196;mix-blend-mode:normal}body[data-active-scene="choreography"] .frame,body[data-active-scene="closing"] .frame{background:rgba(238,232,222,.2)}body[data-active-scene="choreography"] .rail-line,body[data-active-scene="closing"] .rail-line{background:rgba(238,232,222,.15)}body[data-active-scene="choreography"] .rail-line i,body[data-active-scene="closing"] .rail-line i{background:#eee8de}
@media (max-width: 1000px){.hero-statement{right:10vw}.chapter-copy--mechanism{right:7vw;width:50vw}.chapter-copy--wide{width:58vw}.side-note--right{right:6vw}.masthead__center{display:none}.masthead{grid-template-columns:1fr 1fr}.chapter-rail{right:26px}.closing-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 700px){:root{--pad:22px}.frame{display:none}.masthead{height:52px;padding:18px 22px}.notes{font-size:6px}.runtime{left:22px;bottom:14px;font-size:6px}.chapter-rail{right:16px;top:45%;grid-template-columns:14px 1px 40px;gap:6px}.rail-line{height:88px}.rail-label{display:none}.chapter{min-height:145svh}.chapter--hero{min-height:152svh}.construction--hero{top:31svh;width:118vw}.hero-meta{left:22px;top:62svh}.hero-statement{left:22px;right:auto;top:72svh;width:250px}.hero-statement p{font-size:15px}.hero-caption{left:22px;bottom:21svh;width:220px;font-size:14px}.hero-word{left:22px;bottom:9svh;font-size:clamp(68px,25vw,112px)}.scroll-cue{display:none}.chapter-copy h2,.closing-title h2{font-size:clamp(48px,15vw,76px)}.chapter--form .chapter-copy--left,.chapter-copy--mechanism,.chapter-copy--wide{margin-left:22px;margin-right:44px;left:auto;right:auto;width:auto}.chapter--form .chapter-copy h2,.chapter-copy--mechanism h2,.chapter-copy--wide h2{font-size:clamp(49px,14.6vw,72px)}.chapter-copy p{font-size:12px}.side-note--right{display:none}.micro-line{margin-left:22px;margin-right:44px;top:88svh}.chapter--mechanism{min-height:195svh}.chapter--form .chapter-copy--left{top:46svh}.chapter-copy--mechanism{top:42svh}.chapter-copy--wide{top:50svh}.fact-grid{margin-top:28px}.fact-grid strong{font-size:18px}.fact-grid span{font-size:6px}.fact-grid div:nth-child(odd){padding-right:10px}.fact-grid div:nth-child(even){padding-left:10px}.timeline{margin-left:22px;margin-right:44px;top:88svh;grid-template-columns:1fr auto}.timeline i{grid-column:1/-1;grid-row:2}.timeline span:last-child{grid-column:2}.ghost-word{top:58svh;left:0;font-size:32vw}.chapter--choreography{min-height:180svh}.dark-orbit{top:34svh;width:150vw}.chapter-copy--center{top:48svh;width:calc(100vw - 54px)}.chapter-copy--center h2{font-size:clamp(58px,17vw,88px)}.motion-ledger{margin-left:22px;margin-right:44px;top:86svh;grid-template-columns:1fr 1fr;gap:10px 0}.motion-ledger span:nth-child(3){border-left:0;padding-left:0}.chapter--interaction{min-height:168svh}.construction--interaction{right:-55vw;top:25svh;width:160vw}.chapter-copy--wide{top:68svh}.pointer-note{left:22px;bottom:22svh}.side-note--lower{right:44px;bottom:8svh}.chapter--closing{min-height:140svh;padding:18svh 44px 8svh 22px}.closing-grid{grid-template-columns:1fr;gap:5svh}.closing-copy{padding-top:0}.closing-copy p{font-size:12px}.closing-footer{left:22px;right:44px;bottom:6svh;gap:20px;align-items:flex-end}.closing-footer>span{max-width:160px;line-height:1.4}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue i,.pointer-note i:before{animation:none!important}}

/* Product-film sticky-stage corrections */
.chapter-copy--center.reveal{transform:translateY(24px)}
.chapter-copy--center.reveal.is-visible{transform:none}
@media (max-width:700px){
  .chapter--hero{min-height:142svh}
  .chapter--form{min-height:158svh}
  .chapter--mechanism{min-height:185svh}
  .chapter--choreography{min-height:170svh}
  .chapter--interaction{min-height:160svh}
  .chapter--closing{min-height:130svh}
}