/* Hallmark · custom NetStrategy · macrostructure: cinematic marquee / scroll journey
   nav: N9 edge-aligned · footer: Ft5 statement · enrichment: interactive WebGL
   pre-emit critique: P5 H5 E4 S5 R4 V5 */
:root{--ink:var(--paper);--muted:var(--periwinkle-pale);--line:color-mix(in srgb,var(--periwinkle) 23%,transparent);--line-faint:color-mix(in srgb,var(--periwinkle) 10%,transparent);--surface:color-mix(in srgb,var(--indigo-dark) 94%,var(--periwinkle));--font-display:var(--font-sans);--z-field:0;--z-content:1;--z-nav:10;--chapter-progress:0;--hero-progress:0;--field-opacity:1;--ease-cinematic:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--indigo-dark);color:var(--ink);font-family:var(--font-sans);overflow-x:clip}::selection{background:var(--periwinkle);color:var(--indigo-dark)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--periwinkle);outline-offset:6px}p,h1,h2,h3{color:inherit;margin:0}p{font-size:16px;line-height:1.7}h1,h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.065em;line-height:.98}img{display:block;max-width:100%;height:auto}.skip-link{position:fixed;top:12px;left:12px;transform:translateY(-160%);background:var(--paper);color:var(--indigo-dark);padding:12px 20px;z-index:20}.skip-link:focus{transform:none}.field-wrap{position:fixed;inset:0;z-index:var(--z-field);pointer-events:none;opacity:var(--field-opacity);transition:opacity 300ms}#field{position:absolute;left:28%;top:0;width:78%;height:100%;display:block}.field-wrap:after{content:"";position:absolute;inset:0;border:1px solid var(--line-faint);margin:96px 32px 32px;pointer-events:none}.field-cross{width:14px;height:14px;position:absolute;color:var(--periwinkle);opacity:.6}.field-cross:before,.field-cross:after{content:"";position:absolute;background:currentColor}.field-cross:before{width:14px;height:1px;top:6px}.field-cross:after{height:14px;width:1px;left:6px}.cross-a{top:20%;right:12%}.cross-b{bottom:24%;right:38%}.field-caption{position:absolute;bottom:150px;right:6%;font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;color:var(--periwinkle);writing-mode:vertical-rl;opacity:.65}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:12}.reading-progress span{display:block;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left}main,footer{position:relative;z-index:var(--z-content)}.masthead{position:absolute;top:0;left:0;right:0;z-index:var(--z-nav);height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-link{display:flex;align-items:center;gap:24px;min-height:44px}.brand-link img{width:164px}.brand-divider{height:20px;width:1px;background:var(--line)}.brand-lab{font-family:var(--font-mono);font-size:12px;letter-spacing:.07em}.header-actions{display:flex;align-items:center;gap:32px}.explore-link{font-size:13px;display:flex;align-items:center;gap:30px;min-height:44px}.explore-link:hover{text-decoration:underline;text-underline-offset:6px}.motion-toggle{height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;font-size:12px;border:1px solid var(--line);border-radius:4px}.motion-toggle:hover{background:var(--surface)}.motion-icon{color:var(--periwinkle);font-family:var(--font-mono)}.chapter-nav{position:fixed;z-index:var(--z-nav);right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column}.chapter-nav a{display:flex;align-items:center;justify-content:flex-end;min-width:44px;height:44px;gap:14px;position:relative}.nav-dot{width:5px;height:5px;border:1px solid var(--periwinkle);border-radius:50%;order:1}.nav-name{position:absolute;right:30px;font-size:12px;opacity:0;transform:translateX(5px);transition:opacity 150ms,transform 150ms;background:var(--indigo-dark);padding:4px 8px}.chapter-nav a[aria-current] .nav-dot{background:var(--paper);border-color:var(--paper);width:7px;height:7px}.chapter-nav a:hover .nav-name,.chapter-nav a:focus-visible .nav-name{opacity:1;transform:none}.hero{height:100svh;min-height:760px;padding:164px 5% 56px;position:relative;isolation:isolate}.hero-topline{display:flex;gap:12px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--periwinkle-pale);letter-spacing:.02em}.status-mark{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-edition{margin-left:auto;margin-right:3%}.hero h1{font-size:clamp(72px,12.8vw,210px);position:relative;z-index:1;margin-top:58px;letter-spacing:-.075em;line-height:.98;font-weight:500}.hero-line{display:block;width:fit-content;transform-origin:left;will-change:transform,opacity}.second-line{margin-left:13.3%;font-weight:300}.red-stop{color:var(--accent);font-weight:700}.hero-bottom{position:absolute;left:5%;right:7%;bottom:60px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.hero-bottom p{font-size:16px;line-height:1.6}.scroll-cue{display:flex;gap:14px;align-items:center;font-size:12px;min-height:44px}.scroll-cue-line{height:1px;width:70px;background:var(--line);transform-origin:left}.scroll-cue:hover .scroll-cue-line{background:var(--paper)}.hero-side-note{font-size:12px;line-height:1.8;color:var(--periwinkle)}.hero-watermark{position:absolute;font-size:clamp(260px,38vw,650px);font-weight:800;letter-spacing:-.12em;right:8%;bottom:-.1em;z-index:-1;color:var(--periwinkle);opacity:.025;line-height:1}.chapter{height:230svh;position:relative}.chapter-stage{height:100svh;min-height:720px;position:sticky;top:0;display:flex;align-items:center;padding:100px 7% 120px}.chapter-copy{position:relative;z-index:2;max-width:650px;will-change:opacity,transform}.chapter-kicker{font-size:14px;color:var(--periwinkle);margin-bottom:24px}.chapter h2{font-size:clamp(58px,6.6vw,108px);font-weight:500;line-height:1.04}.outline-word{color:var(--periwinkle);font-weight:300}.chapter-description{max-width:350px;font-size:16px;color:var(--periwinkle-pale);margin-top:32px;line-height:1.8}.chapter-footnote{max-width:410px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--periwinkle);margin-top:40px;line-height:1.6}.tiny-square{display:inline-block;width:5px;height:5px;flex-shrink:0;background:var(--accent)}.chapter-number{position:absolute;top:13%;right:7%;font-size:clamp(160px,22vw,340px);line-height:1;letter-spacing:-.08em;font-weight:300;opacity:.07;color:var(--periwinkle)}.scene-annotation{position:absolute;right:9%;bottom:24%;display:flex;align-items:center;gap:20px;font-family:var(--font-mono);font-size:12px;line-height:1.8;color:var(--periwinkle)}.annotation-rule{width:50px;height:1px;background:var(--periwinkle);opacity:.5}.chapter-bottom{position:absolute;bottom:48px;left:7%;right:7%;display:flex;gap:32px;align-items:center;font-family:var(--font-mono);font-size:12px;color:var(--periwinkle)}.phase-progress{margin-left:auto;width:120px;height:1px;background:var(--line)}.phase-progress i{display:block;height:100%;background:var(--paper);transform-origin:left;transform:scaleX(var(--chapter-progress))}.attention-section{background:var(--surface);padding:140px 8% 110px;position:relative;isolation:isolate;border-block:1px solid var(--line)}.attention-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:60px}.section-index{font-family:var(--font-mono);font-size:12px;color:var(--periwinkle);margin-bottom:40px;letter-spacing:.03em}.attention-intro .section-index{grid-column:1/-1}.attention-intro h2{font-size:clamp(44px,5.1vw,80px);line-height:1.08}.attention-intro>p:last-child{align-self:end;color:var(--periwinkle-pale);font-size:15px;max-width:390px;justify-self:end;line-height:1.8}.attention-lab{margin-top:80px;border-block:1px solid var(--line);padding:24px 0}.lab-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--periwinkle)}.lab-label{font-family:var(--font-mono)}.token-row{display:flex;justify-content:space-around;align-items:center;gap:8px;margin-top:56px}.token{font-size:clamp(24px,3.4vw,55px);font-weight:400;letter-spacing:-.06em;min-height:64px;padding:8px 12px;border:1px solid transparent;border-radius:8px;transition:background-color 150ms,color 150ms}.token:hover{background:var(--line-faint)}.token[aria-pressed=true]{background:var(--paper);color:var(--indigo-dark);border-color:var(--paper)}.sentence-stop{font-size:55px;color:var(--accent)}.connection-map{position:relative;margin:0 24px;height:200px}.connection-map svg{width:100%;height:170px;overflow:visible}.connection-map path{fill:none;stroke:var(--periwinkle);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:.25;transition:opacity 220ms}.weight-row{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:12px;color:var(--periwinkle)}.weight-row span{min-width:52px;text-align:center}.lab-result{display:flex;align-items:flex-start;gap:24px;max-width:730px;margin:36px 0 24px;min-height:68px}.result-mark{color:var(--periwinkle);font-size:28px}.lab-result p{font-size:18px;line-height:1.65;letter-spacing:-.02em}.lab-disclaimer{font-size:12px;color:var(--periwinkle);max-width:700px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px;min-height:44px}.text-link:hover{border-color:var(--paper)}.source-link{margin-top:30px}.human-section{padding:140px 8% 100px;min-height:120svh;position:relative}.human-section h2{font-size:clamp(60px,8.6vw,142px);font-weight:400;line-height:1.02;position:relative;z-index:2}.human-outline{color:var(--periwinkle);font-weight:300}.human-last{margin-left:9%}.human-copy{margin:60px 0 40px 50%;max-width:430px;position:relative}.human-copy p:first-of-type{font-size:23px;line-height:1.5;margin-bottom:24px}.human-copy p:last-child{font-size:15px;color:var(--periwinkle-pale)}.human-rule{width:60px;height:2px;background:var(--accent);display:block;margin-bottom:28px}.principles{display:flex;gap:30px;align-items:center;font-size:14px;margin-top:100px;color:var(--periwinkle-pale)}.principles i{font-style:normal;color:var(--accent)}.closing{padding:120px 8% 110px;position:relative;background:var(--periwinkle);color:var(--indigo-dark)}.closing>p{font-size:15px;margin-bottom:32px}.closing h2{font-size:clamp(64px,10.5vw,164px);line-height:1.02;max-width:1100px;font-weight:500;letter-spacing:-.065em}.closing-link{font-size:18px;border-bottom:1px solid var(--indigo-dark);padding:18px 0;display:inline-flex;align-items:center;gap:72px;margin-top:64px;min-height:44px}.closing-link:hover{color:var(--accent);border-color:var(--accent)}.closing-orbit{position:absolute;right:8%;top:100px;font-size:180px;font-weight:200;line-height:1}.replay{display:flex;align-items:center;gap:30px;position:absolute;bottom:110px;right:8%;min-height:44px;padding:10px 0;font-size:13px;border-bottom:1px solid var(--indigo-dark)}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 5%;font-size:12px;background:var(--indigo-dark);color:var(--periwinkle-pale)}footer img{width:136px}footer>span:first-of-type{max-width:230px}.footer-source-button{min-height:44px;font-size:12px;padding:8px}.footer-source-button:hover{text-decoration:underline;text-underline-offset:6px}dialog{background:var(--surface);color:var(--paper);border:1px solid var(--line);border-radius:12px;padding:40px;max-width:680px;width:calc(100% - 40px);max-height:85dvh;overflow:auto}dialog::backdrop{background:color-mix(in srgb,var(--indigo-dark) 85%,transparent)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top .section-index{margin:0}.dialog-top button{font-size:32px;width:44px;height:44px}dialog h2{font-size:48px;margin:24px 0 32px;line-height:1.1}dialog>a{padding:20px 0;border-top:1px solid var(--line);display:block}dialog>a span{display:block;font-size:17px}dialog small{color:var(--periwinkle);font-size:12px;display:block;margin-top:6px}dialog>p{margin-top:20px;font-size:13px;color:var(--periwinkle-pale)}.noscript-message{position:fixed;bottom:0;left:0;right:0;background:var(--paper);color:var(--indigo-dark);font-size:12px;z-index:20;padding:12px;text-align:center}
body.motion-paused .hero-line{transform:none!important;opacity:1!important}body.motion-paused .chapter{height:auto}body.motion-paused .chapter-stage{position:relative;height:auto;min-height:850px}body.motion-paused .chapter-copy{transform:none!important;opacity:1!important}
@media(max-width:1100px){.brand-lab{display:none}.brand-divider{display:none}.hero{min-height:680px}.hero h1{margin-top:90px;font-size:12.7vw}.hero-bottom{bottom:64px}.chapter h2{font-size:7.7vw}.chapter-description{max-width:310px}.scene-annotation{right:7%;bottom:19%;font-size:12px}.attention-intro{display:block}.attention-intro>p:last-child{margin-top:28px}.closing-orbit{font-size:130px}.human-copy{margin-left:44%}footer{flex-wrap:wrap}footer>span:first-of-type{max-width:none}}
@media(max-width:700px){.masthead{height:80px;padding:0 6%;gap:12px}.brand-link img{width:132px}.header-actions{gap:0}.explore-link{display:none}.motion-toggle{font-size:12px;padding:0 10px}.chapter-nav{right:4px}.chapter-nav a{width:44px;height:44px;min-width:44px}.nav-dot{width:4px;height:4px}.chapter-nav a[aria-current] .nav-dot{width:6px;height:6px}.field-wrap:after{margin:86px 16px 24px}.field-caption,.cross-b{display:none}.cross-a{right:16%;top:23%}.hero{padding:132px 6% 40px;min-height:730px;height:100svh;max-height:1100px}.hero-topline{font-size:12px}.hero-edition{display:none}.hero h1{font-size:13vw;margin-top:90px;line-height:1.08;letter-spacing:-.075em}.second-line{margin-left:3%;font-size:16.1vw}.hero-bottom{left:6%;right:10%;bottom:48px;display:block}.hero-bottom p{font-size:14px}.scroll-cue{margin-top:28px;font-size:12px}.scroll-cue-line{width:45px}.hero-side-note{display:none}.hero-watermark{font-size:90vw;bottom:24%;right:12%}.chapter{height:190svh}.chapter-stage{min-height:750px;padding:100px 10% 120px 6%;align-items:flex-start}.chapter-copy{max-width:100%;padding-top:20px}.chapter-kicker{font-size:12px;margin-bottom:20px}.chapter h2{font-size:clamp(52px,10.7vw,75px);line-height:1.05;letter-spacing:-.06em}.chapter-description{font-size:14px;margin-top:24px;max-width:300px;background:color-mix(in srgb,var(--indigo-dark) 82%,transparent);padding:8px 8px 8px 0}.chapter-footnote{font-size:12px;margin-top:24px;max-width:260px}.chapter-number{top:auto;bottom:15%;font-size:180px;right:10%}.scene-annotation{right:12%;bottom:18%;font-size:12px;line-height:1.6}.annotation-rule{width:26px}.chapter-bottom{left:6%;right:12%;bottom:40px;font-size:12px;gap:18px}.phase-progress{width:64px}.attention-section{padding:90px 8% 70px}.section-index{font-size:12px;margin-bottom:30px}.attention-intro h2{font-size:10vw;line-height:1.08}.attention-intro>p:last-child{font-size:14px}.attention-intro>p:last-child br{display:none}.attention-lab{margin-top:44px;padding-top:20px}.lab-heading{font-size:12px;display:block}.lab-label{display:block;margin-top:8px;font-size:12px}.token-row{margin-top:28px;gap:4px;flex-wrap:wrap;justify-content:flex-start}.token{font-size:25px;min-height:48px;padding:8px 9px;letter-spacing:-.05em}.sentence-stop{font-size:34px}.connection-map{margin:16px 0 0;height:150px}.connection-map svg{height:120px}.weight-row{font-size:12px}.weight-row span{min-width:0}.lab-result{gap:16px;min-height:110px;margin-top:24px}.lab-result p{font-size:16px}.lab-disclaimer{font-size:12px}.source-link{font-size:12px;gap:16px}.human-section{padding:90px 6% 70px;min-height:auto}.human-section h2{font-size:12.6vw;line-height:1.08}.human-last{margin-left:0}.human-copy{margin:48px 12% 0 15%;max-width:340px}.human-copy p:first-of-type{font-size:20px}.human-copy p:last-child{font-size:14px}.principles{font-size:13px;gap:20px;margin-top:70px}.closing{padding:80px 6% 130px}.closing h2{font-size:13.8vw;max-width:100%;line-height:1.06}.closing>p{font-size:13px}.closing-orbit{font-size:70px;right:8%;top:60px}.closing-link{font-size:16px;gap:40px;margin-top:40px}.replay{bottom:45px;right:auto;left:6%;font-size:12px}footer{padding:28px 6%;gap:20px;font-size:12px}footer img{width:120px}footer>span:first-of-type{display:none}footer>span:last-of-type{width:100%;font-size:12px}.footer-source-button{margin-left:auto;font-size:12px}dialog{padding:24px}dialog h2{font-size:38px}body.motion-paused .chapter-stage{min-height:780px}.motion-label{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-line,.chapter-copy{transform:none!important;opacity:1!important}.chapter{height:auto}.chapter-stage{position:relative;height:auto;min-height:850px}}

/* The glitch is a single restrained scan, never a repeating flicker. */
.glitch-target{position:relative;isolation:isolate}
.glitch-echo{position:absolute;inset:0;display:flex;align-items:center;justify-content:inherit;gap:inherit;padding:inherit;pointer-events:none;opacity:0;color:var(--periwinkle);clip-path:inset(25% 0 58% 0);white-space:nowrap}
.glitch-echo:nth-last-child(1){color:var(--accent);clip-path:inset(64% 0 20% 0)}
@media(hover:hover){body:not(.motion-paused) .glitch-target:hover .glitch-echo{animation:glitch-scan 480ms steps(1,end) 1}body:not(.motion-paused) .glitch-target:hover .glitch-echo:nth-last-child(1){animation-direction:reverse}}
body:not(.motion-paused) .glitch-target:focus-visible .glitch-echo{animation:glitch-scan 480ms steps(1,end) 1}
@keyframes glitch-scan{0%,100%{opacity:0;transform:translateX(0)}8%{opacity:1;transform:translateX(-5px) skewX(-3deg)}28%{opacity:1;transform:translateX(6px) skewX(2deg)}48%{opacity:.9;transform:translateX(-3px)}72%{opacity:.75;transform:translateX(4px)}88%{opacity:0;transform:translateX(0)}}
@media(max-width:700px){#field{left:5%;top:20%;width:100%;height:80%}}
@media(prefers-reduced-motion:reduce){.glitch-echo{display:none}}

.closing a:focus-visible,.closing button:focus-visible{outline-color:var(--indigo-dark)}
/* Motion control remains available throughout the scroll journey. */
.masthead{position:fixed;background:color-mix(in srgb,var(--indigo-dark) 94%,transparent)}

a:active,button:active{opacity:.8}button:disabled{opacity:.4;cursor:default}.glitch-target{overflow:visible}

/* Gateway product layer. Existing scroll, renderer and hover language retained. */
.hero h1{margin-top:70px}.hero .first-line{font-size:clamp(72px,12.4vw,210px)}.hero .second-line{font-size:clamp(46px,7.6vw,128px);margin-left:.5%;margin-top:24px;letter-spacing:-.055em}.hero-bottom p{max-width:310px}.connector-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:32px}.connector-options .token{font-size:18px;letter-spacing:-.025em;min-height:56px;border-color:var(--line);padding:12px 16px;text-align:center;justify-content:center;white-space:nowrap}.gateway-route{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1.1fr) 40px minmax(0,1fr);align-items:center;gap:24px;margin:72px 0 56px;min-height:180px}.route-node{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;min-width:0}.route-node strong{font-size:clamp(19px,2vw,30px);font-weight:500;letter-spacing:-.035em}.route-label{font-size:12px;color:var(--periwinkle);line-height:1.5}.route-detail{font-size:12px;color:var(--periwinkle-pale);line-height:1.6}.route-core{border:1px solid var(--line);border-radius:8px;padding:28px 20px;background:var(--indigo-dark)}.route-core img{width:36px;height:36px;object-fit:contain}.route-core strong{font-size:28px}.route-arrow{font-size:28px;color:var(--periwinkle);text-align:center}.gateway-lab .lab-result{min-height:100px;max-width:820px}.gateway-note{border-top:1px solid var(--line);padding:20px 0}.gateway-note strong{font-size:18px;font-weight:500}.gateway-note p{font-size:14px;color:var(--periwinkle-pale);margin-top:8px}.glitch-target .glitch-echo{justify-content:inherit}
@media(max-width:1100px){.gateway-route{gap:14px;grid-template-columns:minmax(0,1fr) 28px minmax(0,1.1fr) 28px minmax(0,1fr)}.connector-options .token{font-size:16px;padding:12px 8px}.route-core{padding:24px 12px}.route-core strong{font-size:24px}}
@media(max-width:700px){.hero h1{margin-top:90px}.hero .first-line{font-size:13.5vw}.hero .second-line{font-size:8.6vw;margin-top:20px;margin-left:0}.hero-topline{max-width:260px;font-size:12px}.hero-bottom p{font-size:15px}.connector-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.connector-options .token{font-size:15px;min-height:52px}.gateway-route{grid-template-columns:1fr;gap:12px;margin:40px 0 32px}.route-node{gap:8px}.route-node strong{font-size:23px}.route-core{max-width:250px;width:100%;justify-self:center;padding:20px}.route-arrow{transform:rotate(90deg);font-size:25px;line-height:1}.gateway-lab .lab-result{min-height:150px}.attention-intro h2{font-size:11.5vw}.hero-edition{display:none}}
@media(max-width:700px){.chapter h2{font-size:clamp(42px,10.2vw,68px)}.scene-annotation{display:none}}

/* Professional landing page: static artwork, normal document flow, no scroll or pointer effects. */
html{scroll-behavior:auto;scroll-padding-top:28px}body{background:var(--indigo-dark)}.masthead{position:relative;max-width:1200px;margin:auto;height:88px;padding:0 40px;background:var(--indigo-dark)}.brand-lab{text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:13px;color:var(--periwinkle-pale)}.header-actions{gap:28px}.explore-link{font-size:13px;min-height:44px}.hero{height:auto;min-height:0;max-height:none;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;padding:72px 40px 88px}.hero-content{min-width:0}.hero-topline{font-size:12px;letter-spacing:0;font-family:var(--font-sans);line-height:1.6}.hero h1{margin-top:26px;line-height:1.08;letter-spacing:-.045em}.hero .first-line{font-size:64px;letter-spacing:-.055em;font-weight:600}.hero .second-line{font-size:44px;letter-spacing:-.045em;margin:8px 0 0;font-weight:400}.hero-lead{font-size:17px;line-height:1.75;max-width:470px;color:var(--periwinkle-pale);margin-top:24px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:var(--white);min-height:48px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap}.primary-link:hover{background:var(--accent-hover)}.secondary-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;border-bottom:1px solid var(--line)}.secondary-link:hover{border-color:var(--paper)}.hero-caption{font-size:12px;line-height:1.6;color:var(--periwinkle);margin-top:24px}.hero-diagram{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:28px 24px;display:flex;align-items:center;flex-direction:column;min-width:0}.diagram-caption{font-size:12px;color:var(--periwinkle);margin-bottom:28px}.diagram-endpoint{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.diagram-endpoint strong{font-size:16px;font-weight:500;letter-spacing:-.02em}.diagram-endpoint span{font-size:12px;line-height:1.6;color:var(--periwinkle-pale)}.diagram-connector{height:24px;width:1px;background:var(--line);margin:12px 0}.diagram-gateway{border:1px solid var(--line);border-radius:8px;background:var(--indigo-dark);width:85%;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.diagram-gateway img{width:32px;height:32px}.diagram-gateway strong{font-size:23px;font-weight:500;letter-spacing:-.035em}.diagram-gateway>span{font-size:12px;color:var(--periwinkle-pale)}.chapter{height:auto;min-height:0;max-width:1200px;margin:auto;border-top:1px solid var(--line)}.chapter-stage{height:auto;min-height:0;position:relative;top:auto;display:block;padding:56px 40px}.chapter-copy{max-width:none;display:grid;grid-template-columns:1.05fr .95fr;column-gap:72px;opacity:1!important;transform:none!important;will-change:auto;padding:0}.chapter-kicker{grid-column:1/-1;margin-bottom:18px;font-size:12px}.chapter h2{font-size:34px;line-height:1.2;letter-spacing:-.04em;grid-row:2/4}.outline-word{font-weight:400}.chapter-description{font-size:15px;line-height:1.8;max-width:none;margin-top:0;background:none;padding:0}.chapter-footnote{max-width:none;font-size:12px;line-height:1.7;margin-top:20px;align-self:start}.chapter-number,.scene-annotation,.chapter-bottom{display:none}.attention-section{padding:64px max(40px,calc((100% - 1120px)/2));border-block:1px solid var(--line)}.attention-intro{grid-template-columns:1.05fr .95fr;column-gap:72px}.section-index{font-size:12px;margin-bottom:20px}.attention-intro h2{font-size:36px;line-height:1.2;letter-spacing:-.04em}.attention-intro>p:last-child{font-size:15px;max-width:none;justify-self:start;align-self:center;line-height:1.8}.attention-lab{margin-top:32px;border-top:1px solid var(--line);padding-top:20px}.connector-options{margin-top:20px;gap:12px}.connector-options .token{font-size:14px;min-height:46px;padding:10px 16px;border-radius:6px;letter-spacing:0}.gateway-route{margin:32px 0;min-height:0;gap:20px}.route-node{gap:8px}.route-node strong{font-size:20px;line-height:1.3;letter-spacing:-.025em}.route-core{padding:20px 16px}.route-core strong{font-size:23px}.route-core img{width:28px;height:28px}.route-arrow{font-size:22px}.route-label,.route-detail{font-size:12px}.gateway-lab .lab-result{min-height:90px;margin:24px 0 16px;gap:18px}.lab-result p{font-size:15px;line-height:1.8;letter-spacing:0}.result-mark{font-size:24px}.lab-disclaimer{font-size:12px;max-width:850px;line-height:1.8}.source-link{margin-top:12px}.human-section{padding:64px 40px;max-width:1200px;margin:auto;min-height:0;display:grid;grid-template-columns:1.05fr .95fr;column-gap:72px;border-top:1px solid var(--line)}.human-section .section-index{grid-column:1/-1}.human-section h2{font-size:36px;line-height:1.2;letter-spacing:-.04em;font-weight:500}.human-outline{font-weight:400}.human-copy{margin:0;max-width:none}.human-copy p:first-of-type{font-size:18px;line-height:1.6;margin-bottom:18px}.human-copy p:last-child{font-size:15px;line-height:1.8}.human-rule{display:none}.principles{grid-column:1/-1;margin-top:36px;font-size:13px;gap:24px}.closing{padding:56px max(40px,calc((100% - 1120px)/2));}.closing>p{font-size:12px;margin-bottom:18px}.closing h2{font-size:42px;line-height:1.15;letter-spacing:-.045em;max-width:760px}.closing-orbit{display:none}.closing-link{font-size:14px;margin-top:28px;padding:12px 0;gap:40px;min-height:44px}.replay{right:max(40px,calc((100% - 1120px)/2));bottom:56px;font-size:12px}footer{padding:28px max(40px,calc((100% - 1120px)/2));font-size:12px;gap:24px}.hero-line{will-change:auto}.glitch-echo{display:none!important}.field-wrap,.reading-progress,.chapter-nav{display:none}.noscript-message{position:relative}
@media(max-width:900px){.masthead{padding-inline:28px}.hero{padding:48px 28px 64px;gap:40px}.hero .first-line{font-size:52px}.hero .second-line{font-size:36px}.hero-lead{font-size:16px}.brand-divider,.brand-lab{display:none}.header-actions{gap:20px}.chapter-stage{padding:44px 28px}.chapter-copy,.attention-intro,.human-section{column-gap:36px}.chapter h2{font-size:29px}.attention-section{padding:48px 28px}.human-section{padding:48px 28px}.human-section h2,.attention-intro h2{font-size:32px}.closing{padding:48px 28px}.closing h2{font-size:36px}.replay{right:28px;bottom:48px}footer{padding:24px 28px}}
@media(max-width:700px){.masthead{height:auto;min-height:88px;flex-wrap:wrap;gap:8px;padding:20px 24px}.brand-link img{width:136px}.header-actions{gap:20px;width:100%}.explore-link{display:flex;font-size:12px;min-height:44px}.hero{display:block;padding:32px 24px 48px}.hero h1{margin-top:22px}.hero .first-line{font-size:48px}.hero .second-line{font-size:33px;margin-top:8px}.hero-lead{font-size:16px;max-width:470px}.hero-actions{gap:20px;margin-top:24px}.primary-link{font-size:13px;min-height:46px;padding:12px 16px;gap:20px}.secondary-link{font-size:13px}.hero-diagram{margin-top:36px;padding:24px 20px;max-width:470px}.diagram-caption{margin-bottom:24px}.diagram-gateway{max-width:270px}.hero-caption{font-size:12px;margin-top:20px}.chapter-stage{padding:36px 24px}.chapter-copy{display:block;padding:0}.chapter-kicker{margin-bottom:16px}.chapter h2{font-size:29px;line-height:1.25;letter-spacing:-.04em}.chapter-description{margin-top:20px;font-size:15px;max-width:none}.chapter-footnote{margin-top:16px;font-size:12px;max-width:none}.attention-section{padding:40px 24px}.attention-intro{display:block}.attention-intro h2{font-size:32px}.attention-intro>p:last-child{font-size:15px;margin-top:20px}.lab-heading{font-size:12px}.lab-label{font-size:12px}.connector-options{gap:10px}.connector-options .token{font-size:14px;padding:10px;min-height:46px}.gateway-route{margin:28px 0;gap:12px}.route-core{width:100%;max-width:270px;padding:20px}.gateway-lab .lab-result{min-height:140px;margin:24px 0 16px}.lab-result p{font-size:15px}.human-section{display:block;padding:40px 24px}.human-section h2{font-size:32px}.human-copy{margin-top:24px}.human-copy p:first-of-type{font-size:18px}.human-copy p:last-child{font-size:15px}.principles{margin-top:28px}.closing{padding:40px 24px 96px}.closing h2{font-size:34px;max-width:100%}.closing-link{margin-top:24px;font-size:14px}.replay{left:24px;right:auto;bottom:28px}footer{padding:24px;gap:20px}footer>span:last-of-type{font-size:12px}.footer-source-button{font-size:12px}body.motion-paused .chapter-stage{min-height:0;height:auto}}

/* Restrained motion: one entrance per section; native scrolling stays unchanged. */
.reveal-item{transition:opacity 520ms ease-out,transform 520ms cubic-bezier(.2,.65,.3,1)}
.reveal-item.reveal-pending{opacity:0;transform:translateY(12px)}
.reveal-item.reveal-immediate{transition:none}
.primary-link{transition:background-color 180ms ease,transform 180ms ease}
.secondary-link,.text-link,.closing-link,.replay{transition:color 180ms ease,border-color 180ms ease}
.connector-options .token{transition:background-color 180ms ease,color 180ms ease,border-color 180ms ease}
.primary-link:focus-visible{background:var(--accent-hover)}
.connector-options .token:focus-visible{border-color:var(--periwinkle)}
@media(hover:hover) and (pointer:fine){
  .primary-link:hover{transform:translateY(-1px)}
  .connector-options .token:hover{border-color:var(--periwinkle)}
}
@media(prefers-reduced-motion:reduce){
  .reveal-item,.reveal-item.reveal-pending{opacity:1;transform:none;transition:none}
  .primary-link:hover{transform:none}
}

/* Scroll-linked polish. Native timelines leave scrolling and all copy untouched. */
.scroll-progress{display:none;position:fixed;inset:0 0 auto;height:3px;z-index:30;pointer-events:none}
.scroll-progress span{display:block;height:100%;background:var(--accent-bright);transform-origin:left}
@supports(animation-timeline:scroll()){
  @media(prefers-reduced-motion:no-preference){
    .scroll-progress{display:block}
    .scroll-progress span{animation:reading-progress 1s linear both;animation-timeline:scroll(root block)}
    .hero{view-timeline-name:--hero-scroll;view-timeline-axis:block}
    .diagram-connector{position:relative;width:3px}
    .diagram-connector::after{content:"";position:absolute;inset:0;background:var(--accent-bright);transform-origin:top;animation:connection-fill-y 1s linear both;animation-timeline:--hero-scroll;animation-range:exit 0% exit 65%}
    .diagram-connector:last-of-type::after{animation-range:exit 20% exit 85%}
    .gateway-route{view-timeline-name:--connection-scroll;view-timeline-axis:block}
    .route-arrow{position:relative;width:36px;height:24px;justify-self:center;font-size:0}
    .route-arrow::before{content:"";position:absolute;right:0;top:calc(50% - 3px);width:7px;height:7px;border-top:2px solid var(--accent-bright);border-right:2px solid var(--accent-bright);transform:rotate(45deg)}
    .route-arrow::after{content:"";position:absolute;left:0;right:1px;top:50%;height:3px;background:var(--accent-bright);transform-origin:left;animation:connection-fill-x 1s linear both;animation-timeline:--connection-scroll;animation-range:entry 50% cover 60%}
    .route-arrow:nth-of-type(2)::after{animation-range:entry 75% cover 75%}
    .route-core{animation:gateway-emphasis 1s linear both;animation-timeline:--connection-scroll;animation-range:entry 50% cover 65%}
    .route-core img{animation:gateway-symbol-emphasis 1s linear both;animation-timeline:--connection-scroll;animation-range:entry 45% cover 70%}
  }
  @media(min-width:701px) and (prefers-reduced-motion:no-preference){
    .hero-diagram{animation:gateway-drift 1s linear both;animation-timeline:--hero-scroll;animation-range:exit 0% exit 100%}
  }
}
@keyframes reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes connection-fill-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes connection-fill-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes gateway-emphasis{from{border-color:var(--line);background:var(--indigo-dark);box-shadow:0 0 0 transparent}to{border-color:var(--periwinkle);background:color-mix(in srgb,var(--indigo-dark) 93%,var(--periwinkle));box-shadow:0 8px 32px color-mix(in srgb,var(--periwinkle) 10%,transparent)}}
@keyframes gateway-symbol-emphasis{from{transform:scale(1)}to{transform:scale(1.14)}}
@keyframes gateway-drift{from{transform:translateY(0)}to{transform:translateY(-32px)}}