@font-face{font-family:Inter;src:url(assets/InterVariable.woff2) format('woff2');font-weight:100 900;font-display:swap}
:root{--black:#000;--paper:#f2f2f0;--graphite:#050607;--ink:#111;--copy:#e0e0e0;--blue:#7fa6d6;--margin:clamp(48px,5vw,96px);--vh:1svh;--ui:clamp(14px,.84vw,16px)}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:auto}body{margin:0;color:var(--copy);background:var(--black);font-family:Inter,Arial,sans-serif;font-weight:400;overflow-x:clip}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:5px}button,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #a8bbca;outline-offset:5px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}p,h1,h2{margin:0;font-weight:400}svg{display:block}.skip{position:fixed;top:18px;left:24px;background:#e0e0e0;color:#111;padding:14px 18px;z-index:100;transform:translateY(-180%)}.skip:focus{transform:none}
#experience{display:none}.ready #experience{display:block}.ready #fallback{display:none}.fallback section{min-height:100svh;padding:12svh var(--margin);display:flex;flex-direction:column;justify-content:center;gap:24px}.fallback h2{max-width:800px;font-size:clamp(24px,3vw,54px)}.fallback li{margin:16px 0}.fallback .light{background:var(--paper);color:#111}.annotation{font-size:14px;line-height:1.6;color:#929ca4}.light .annotation{color:#555}
.chapter,.track,.flow-section{position:relative}.track{height:calc((var(--budget) + 100)*var(--vh));margin-bottom:calc(-100*var(--vh))}.stage{position:sticky;top:0;height:calc(100*var(--vh));width:100%;overflow:hidden;background:var(--black);isolation:isolate}.flow-section{height:calc(var(--budget)*var(--vh));background:#000}.flow-stage{position:relative;height:calc(100*var(--vh));overflow:hidden}.spacer{height:calc(var(--budget)*var(--vh));background:#000;position:relative}.stage[data-active="false"]{pointer-events:none}.visual{position:absolute;inset:0;pointer-events:none}.brand{position:absolute;left:var(--margin);top:5.4svh;width:clamp(210px,15.625vw,300px);z-index:4}.brand img{display:block;width:100%;height:auto}.entry-access{position:absolute;right:var(--margin);top:6.8svh;font-size:14px;letter-spacing:.2em;text-decoration:none;color:#9aa3ab;z-index:5}.entry-access:hover{color:var(--copy)}.entry-ui{position:absolute;left:var(--margin);right:var(--margin);bottom:max(5.8svh,env(safe-area-inset-bottom));display:flex;align-items:center;gap:60px;height:22px;z-index:4}.scroll-cue{font-size:14px;letter-spacing:.3em;white-space:nowrap;color:#cfd4d8}.gauge{display:flex;align-items:center;gap:16px;width:min(560px,35vw);color:#9099a0;font-size:14px;font-variant-numeric:tabular-nums}.gauge-rail{height:1px;background:#3a3f44;flex:1;position:relative}.gauge-fill{position:absolute;height:2px;left:0;top:-.5px;width:0;background:#7fa6d6}
.dna-art{position:absolute;inset:0;overflow:hidden;--energy:.05}.dna-art svg{width:100%;height:100%;overflow:hidden}.dna-art .dna-channel{opacity:var(--energy);stroke:#9caec0}.dna-art .dna-flow-channel{stroke:#7fa6d6;stroke-width:6;stroke-dasharray:80 350;stroke-dashoffset:var(--phase,0);opacity:var(--energy)}.dna-microdata{position:absolute;left:59%;top:47%;font-size:14px;color:#b3c7dd;opacity:var(--data-opacity,1);transform:translateY(var(--data-shift,0px));white-space:nowrap}.dna-microdata:nth-of-type(2){top:70%;left:73%}.dna-microdata:nth-of-type(3){top:87%;left:52%}.dna-copy{position:absolute;left:var(--margin);top:37%;width:36%;font-size:clamp(24px,2.3vw,44px);line-height:1.2;letter-spacing:-.025em}.dna-copy p+p{font-size:.58em;margin-top:22px;color:#9ea6ad}.copy-line{opacity:0;transform:translateY(12px)}
.h3{height:calc(150*var(--vh));background:#000;position:relative;z-index:2}.h3-coexist{position:relative;height:calc(100*var(--vh));padding-top:calc(40*var(--vh))}.h3-line{margin-left:var(--margin);width:58%;font-size:clamp(44px,2.92vw,56px);line-height:1.17;letter-spacing:-.035em}.h3-first{position:sticky;top:22svh}.h3-second{position:absolute;top:76svh}.h3-third{position:sticky;top:44svh;font-size:clamp(58px,4.69vw,90px);margin-top:3svh}.h3 .copy-line{opacity:1;transform:none}.filament{position:absolute;left:62%;width:1px;height:35svh;top:0;background:#627f9e;opacity:.14}
.optical-shell{position:absolute;inset:0;opacity:0;pointer-events:none}.optical-shell>svg{width:100%;height:100%}.optical-content{position:absolute;width:72svh;height:72svh;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;background:#050607;pointer-events:none}.pressure{position:absolute;inset:0;opacity:0;visibility:hidden}.pressure>svg{width:100%;height:100%;object-fit:contain}.pressure-image{width:247%;height:139%;position:absolute;left:-73.5%;top:-19.5%;object-fit:fill}.iris{position:absolute;inset:0;border-radius:50%;background:#000;transform:scale(1);pointer-events:none}.crisis-placeholder{position:absolute;inset:0;background:#14181c}.crisis-lines{position:absolute;left:15%;right:15%;top:20%;height:60%;background:repeating-linear-gradient(175deg,transparent 0 28px,#252b31 29px 30px,transparent 31px 62px);transform:skewY(-9deg)}.crisis-label{position:absolute;bottom:28%;left:24%;font-size:14px;letter-spacing:.24em;color:#778087}.panic-stream{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none}.panic-fragment{position:absolute;background:#21272d;color:#929ca5;font-size:clamp(10px,.8vw,15px);padding:4px 8px;white-space:nowrap;opacity:.65}.red-mark{position:absolute;width:12px;height:2px;right:12%;top:64%;background:#9d4e4e;opacity:0}
.h5 .stage{background:var(--paper);color:#111}.field-wrap{position:absolute;inset:0;transform-origin:center}.field-node{position:absolute;white-space:nowrap;font-size:clamp(14px,.82vw,16px);color:#7d8287;letter-spacing:.02em;line-height:1.2;transform:translate(-50%,-50%);opacity:.72;pointer-events:none}.field-trace{position:absolute;filter:blur(28px);background:#9ea3a8;border-radius:50%;opacity:.1;pointer-events:none}.field-relations{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.field-relations polyline{stroke:#111;stroke-width:1;fill:none;opacity:.08}.reading-circle{position:absolute;left:50%;top:50%;width:280px;height:280px;border:1px solid #b9bcbe;border-radius:50%;transform:translate(-50%,-50%);opacity:0;pointer-events:none}.field-event-surface{position:absolute;inset:8%;touch-action:pan-y}.h5-copy{position:absolute;top:44%;left:var(--margin);width:42%;font-size:clamp(30px,2.5vw,48px);line-height:1.24;letter-spacing:-.03em}.h5-copy p+p{font-size:.7em;margin-top:16px}.structural-edge{position:absolute;left:12%;right:12%;height:1px;top:52%;background:#afb8c2;transform:rotate(-15deg);opacity:0;pointer-events:none}
.h6 .stage{background:#050607}.mie-art{position:absolute;inset:0;transform-origin:33% 52%;pointer-events:none}.mie-art>svg{width:100%;height:100%;overflow:visible}.mie-art text{font-family:Inter;font-size:27px;letter-spacing:4px;fill:#3a3f45}.mie-region{stroke:#82909e;stroke-width:2;fill:none;opacity:0}.mie-designation{position:absolute;left:56%;top:30%;font-size:clamp(14px,.83vw,16px);letter-spacing:.24em;color:#a0a8af;opacity:0;width:36%;line-height:1.7}.mie-points{display:flex;gap:24px;position:absolute;left:33%;top:74%;transform:translateX(-50%);opacity:0}.mie-point{width:8px;height:8px;border-radius:50%;border:1px solid #6b7782;background:transparent;flex:none}.mie-point[data-on="true"]{background:#b9cddd;box-shadow:0 0 8px #94acc84d;border-color:#b9cddd}.mie-copy{position:absolute;left:56%;top:34%;width:36%;opacity:0}.mie-step-label{font-size:clamp(14px,.83vw,16px);letter-spacing:.16em;color:#a6afb7;line-height:1.4}.mie-step-text{margin-top:5svh;font-size:clamp(28px,2.3vw,44px);line-height:1.17;letter-spacing:-.025em}.mie-step-text p+p{margin-top:2svh}.mie-step-text.multi{font-size:clamp(24px,1.75vw,34px)}.mie-declaration{position:absolute;left:56%;top:31%;width:36%;line-height:1.2;letter-spacing:-.025em}.mie-declaration p{font-size:clamp(20px,1.5vw,29px);margin-bottom:3.3svh;opacity:0}.mie-declaration p:nth-child(2){font-size:clamp(34px,2.7vw,52px)}.mie-declaration p:nth-child(3){font-size:clamp(18px,1.25vw,24px)}
.mask-anchor{position:absolute;left:50%;top:42%;height:28svh;width:21svh;transform:translate(-50%,-50%);pointer-events:none;z-index:3;opacity:0}.mask-anchor>svg{height:100%;width:100%}.person-layer{position:absolute;inset:0;transform-origin:50% 42%;opacity:1;visibility:hidden;pointer-events:none;z-index:1}.person-art{position:absolute;inset:0}.person-art>svg{width:100%;height:100%}.person-layer svg{overflow:visible}.doctrine{position:absolute;left:20%;width:60%;top:67%;text-align:center;line-height:1.25}.doctrine p{font-size:clamp(24px,1.65vw,32px);opacity:0}.doctrine p+p{margin-top:2.2svh}.doctrine .climax{position:absolute;left:-8%;width:116%;top:0;font-size:clamp(36px,3.13vw,60px);font-weight:600;letter-spacing:-.035em}
.access-section{height:100svh;background:#000;position:relative;padding-left:var(--margin);padding-right:var(--margin);scroll-margin-top:0}.access-block{position:absolute;left:var(--margin);top:32%;width:40%;max-width:850px}.access-brand{width:clamp(220px,17vw,330px);height:auto;display:block;margin-bottom:6svh}.access-copy{font-size:clamp(24px,1.65vw,32px);line-height:1.35;letter-spacing:-.015em}.access-copy p+p{font-size:.85em;color:#aab1b7;margin-top:20px}.access-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #697078;min-height:54px;padding:17px 24px;margin-top:5svh;text-decoration:none;font-size:14px;letter-spacing:.07em;line-height:1.5;text-align:center;max-width:100%}.access-button:hover{background:#151719;border-color:#adb5bd}.access-placeholder{font-size:14px;color:#adb5bd;line-height:1.6;margin-top:20px;max-width:600px}.site-footer{min-height:100svh;position:relative;background:#000;display:flex;align-items:flex-end;justify-content:space-between;padding:10svh var(--margin);gap:50px;font-size:14px;line-height:1.65;color:#a3aab0}.footer-copy{max-width:780px}.footer-brand{width:160px;flex:none}.footer-copy p+p{margin-top:12px}
#review{position:fixed;right:16px;bottom:16px;z-index:80;width:292px;background:#111820ed;color:#e0e0e0;border:1px solid #43505d;padding:12px;font-size:14px;line-height:1.45;box-shadow:0 6px 24px #0004}#review button,#review select{background:#18222c;border:1px solid #556473;color:#e0e0e0;padding:7px;width:100%;min-height:36px}#review label{display:block;margin:10px 0}#review p,#review output{display:block;margin:7px 0}#review output{font-variant-numeric:tabular-nums}#review[data-collapsed="true"] #review-details{display:none}.presentation .annotation,.presentation .copy-tag{display:none}.copy-tag{position:absolute;left:var(--margin);top:13svh;font-size:12px;letter-spacing:.1em;color:#a4b0bb;z-index:8;pointer-events:none}.h5 .copy-tag{color:#555}.review-link{position:fixed;right:16px;bottom:16px;font-size:14px;z-index:60;color:#939ba3;background:#0009;padding:8px}
.static-mode .track{height:auto!important;margin-bottom:0!important}.static-mode .stage{position:relative!important;height:auto;min-height:100svh}.static-mode .static-card{position:relative;min-height:100svh;overflow:hidden;background:#000}.static-mode .static-card.light{background:var(--paper);color:#111}.static-mode .static-card .stage{height:100svh}.static-mode .flow-section,.static-mode .h3{height:auto;min-height:100svh}.static-mode .h3-coexist{height:auto;padding:14svh 0}.static-mode .h3-line{position:relative;top:auto;margin-top:6svh;margin-bottom:6svh}.static-mode .h3-third{margin-top:0;padding-bottom:12svh}.static-mode .copy-line{opacity:1!important;transform:none!important}.static-caption{position:absolute;left:var(--margin);bottom:4svh;right:var(--margin);font-size:14px;line-height:1.5;color:#98a4ad;z-index:8}.light .static-caption{color:#555}.static-mode .spacer{height:15svh}
@media(max-width:700px){:root{--margin:24px;--ui:14px}.brand{width:200px;top:36px}.entry-access{top:43px;font-size:14px;right:24px;letter-spacing:.12em}.entry-ui{bottom:max(44px,env(safe-area-inset-bottom));gap:24px;left:24px;right:24px}.scroll-cue{font-size:14px;letter-spacing:.14em}.gauge{width:auto;flex:1;gap:8px;font-size:14px}.dna-art svg{width:240%;height:100%;position:absolute;left:-116%;top:20%}.dna-microdata{left:42%;top:55%;font-size:14px}.dna-microdata:nth-of-type(2){left:60%;top:68%}.dna-microdata:nth-of-type(3){left:26%;top:85%}.dna-copy{top:14%;left:24px;right:24px;width:auto;font-size:26px;line-height:1.2}.dna-copy p+p{font-size:20px}.h3-line{width:calc(100% - 48px);font-size:28px}.h3-third{font-size:40px}.h3-second{top:70svh}.optical-shell>svg{width:100%;height:100%}.optical-content{width:86vw;height:86vw;top:46%}.pressure-image{width:247%;height:139%}.crisis-label{font-size:14px;letter-spacing:.1em}.field-node{font-size:14px}.reading-circle{width:56vw;height:56vw}.h5-copy{left:24px;top:58%;width:calc(100% - 48px);font-size:30px}.h5-copy p+p{font-size:24px}.mie-art{transform-origin:50% 30%}.mie-art>svg{position:absolute;left:-14.5%;top:-24%;width:195%;height:100%}.mie-points{left:50%;top:50%;gap:16px}.mie-designation{left:24px;top:54%;width:calc(100% - 48px);font-size:14px;letter-spacing:.14em}.mie-copy{left:24px;top:57%;width:calc(100% - 48px)}.mie-step-label{font-size:14px}.mie-step-text{font-size:27px;margin-top:3svh}.mie-step-text.multi{font-size:22px;line-height:1.25}.mie-step-text p+p{margin-top:1.7svh}.mie-declaration{left:24px;top:55%;width:calc(100% - 48px)}.mie-declaration p{font-size:20px;margin-bottom:2svh}.mie-declaration p:nth-child(2){font-size:28px}.mie-declaration p:nth-child(3){font-size:20px}.mask-anchor{top:38%;height:22svh;width:16.5svh}.person-layer{transform-origin:50% 38%}.person-art{left:-85%;top:8%;width:270%;height:71.4%}.doctrine{left:24px;width:calc(100% - 48px);top:63%}.doctrine p{font-size:22px}.doctrine .climax{left:0;width:100%;font-size:32px}.access-block{left:24px;top:27%;width:calc(100% - 48px)}.access-brand{width:220px;margin-bottom:5svh}.access-copy{font-size:26px}.access-copy p+p{font-size:23px}.access-button{width:100%;padding:14px 16px;font-size:14px;min-height:54px;margin-top:4svh}.access-placeholder{font-size:14px}.site-footer{display:block;padding:12svh 24px;font-size:14px;min-height:100svh}.footer-brand{margin-top:30px}#review{width:250px;font-size:13px;right:8px;bottom:8px}.copy-tag{font-size:11px;top:11svh;left:24px;max-width:80%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Uniform optical reference scale; one optical centre on every aspect ratio. */
.optical-shell>svg{position:absolute;width:177.7778svh;height:100svh;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:700px){.optical-shell>svg{width:212.211vw;height:119.368vw;left:50%;top:46%;transform:translate(-50%,-50%)}}