.scene{position:relative}.stage{min-height:760px;height:100svh}.enhanced .scene{height:300svh}.enhanced .stage{position:sticky;top:0}.enhanced .hero{height:250svh}.type-line{display:block}.hero-echo{display:none;font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,17vw,300px);line-height:.8;letter-spacing:-.085em;color:var(--acid);position:absolute;inset:32% var(--pad) auto;pointer-events:none}.hero-echo span{display:block;font-size:.22em;letter-spacing:-.04em;margin-top:30px}.enhanced .hero-echo{display:block;opacity:0}.chapter{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.2px;position:relative;z-index:3}.portal-stage{background:#191c16;padding:35px var(--pad);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.portal-image{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#080909}.portal-image img{width:100%;height:100%;object-fit:cover}.portal-title{font:500 clamp(56px,7.8vw,144px)/1 'Space Grotesk',sans-serif;letter-spacing:-.07em;margin:auto 0;text-align:center;text-shadow:0 2px 35px #0009}.portal-title span{color:var(--acid)}.scene-note{display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:3}.scene-note p{margin-right:auto;line-height:1.6;font-size:16px}.scene-note a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.index{border:1px solid #ffffff60;border-radius:50%;width:47px;height:47px;display:grid;place-items:center;font-size:14px}.interlude{padding:120px var(--pad);display:flex;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:1.1px;font-weight:500}.interlude>p{font:500 clamp(34px,4.3vw,76px)/1.12 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:0}.dim{color:#85887e}.horizontal-stage{padding:35px var(--pad);display:flex;flex-direction:column;justify-content:space-between;background:var(--ink)}.horizontal-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:40px 0}.gallery-card{min-height:500px;padding:30px;position:relative;overflow:hidden;border-radius:4px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.gallery-intro{padding-left:0;justify-content:center}.gallery-intro h2{font:500 clamp(45px,5.5vw,100px)/1 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:22px 0}.gallery-card p{font-size:16px;line-height:1.5}.gallery-arrow{position:absolute;bottom:25px;right:25px;font-size:64px;color:var(--acid)}.gallery-card h3{font:500 clamp(34px,3.6vw,66px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:0}.gallery-chrome{isolation:isolate}.gallery-chrome img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.gallery-chrome:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b);z-index:-1}.gallery-tag{position:absolute;top:28px;left:30px;font-size:12px;letter-spacing:1px}.gallery-lime{background:var(--acid);color:var(--ink)}.big-glyph{position:absolute;font:500 clamp(100px,15vw,260px)/1 'Space Grotesk',sans-serif;letter-spacing:-.11em;top:70px}.gallery-code{background:#232720}.code-art{font:clamp(13px,1.4vw,23px)/1.8 monospace;white-space:pre;position:absolute;top:95px;left:30px;letter-spacing:-.5px}.code-art span{display:block}.code-art i{font-style:normal;color:var(--acid)}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:6px;margin-top:25px}.track-progress{height:2px;background:var(--line);overflow:hidden;margin-top:15px}.track-progress span{display:block;width:100%;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}.horizontal-stage{height:auto}.enhanced .horizontal-stage{height:100svh}.enhanced .horizontal-track{display:flex;width:max-content;margin:35px 0 10px;gap:24px;flex:1;min-height:0}.enhanced .gallery-card{width:47vw;min-height:0;max-height:650px}.enhanced .gallery-intro{width:42vw}.stack-stage{background:#e9eae2;color:var(--ink);padding:35px var(--pad);height:auto}.stack-layout{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:6vw;margin:90px 0 60px}.stack-heading h2{font:500 clamp(44px,6.5vw,110px)/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:28px 0}.stack-heading .accent{color:#555d3b}.stack-heading p{max-width:340px;font-size:17px;line-height:1.55;color:#565b4c}.stack-deck{display:grid;gap:25px}.stack-card{position:relative;padding:38px;border-radius:7px;min-height:420px;background:#252a20;color:var(--paper);box-shadow:0 -1px 0 #ffffff4a;display:flex;flex-direction:column;justify-content:center}.stack-card:nth-child(2){background:#b8c8a0;color:#17200f}.stack-card:nth-child(3){background:var(--acid);color:var(--ink)}.card-counter{font-size:12px;letter-spacing:1px;position:absolute;top:32px;left:38px}.stack-card h3{font:500 clamp(33px,4vw,72px)/1.02 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:30px 0 25px}.stack-card p{max-width:320px;font-size:17px;line-height:1.6}.card-symbol{position:absolute;right:32px;bottom:28px;font-size:75px;line-height:1}.enhanced .stack-stage{height:100svh}.enhanced .stack-layout{height:calc(100% - 50px);margin:20px 0}.enhanced .stack-deck{position:relative;height:min(64svh,560px);min-height:420px}.enhanced .stack-card{position:absolute;inset:0}.path-stage{padding:35px var(--pad);background:var(--ink);display:flex;flex-direction:column;justify-content:space-between}.path-stage h2{font:500 clamp(45px,6.9vw,120px)/1 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:50px 0 0}.path-art{width:90%;position:relative;height:32svh;min-height:200px;margin:0 auto}.path-art svg{width:100%;height:100%;overflow:visible}.path-base,.path-line{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.path-base{stroke:#393d32}.path-line{stroke:var(--acid);stroke-width:3;stroke-dasharray:1;stroke-dashoffset:0}.path-node{position:absolute;display:grid;place-items:center;background:var(--ink);border:1px solid #636d4a;width:48px;height:48px;border-radius:50%;font-size:13px;transform:translate(-50%,-50%)}.node-1{left:5%;top:50%}.node-2{left:33%;top:22%}.node-3{left:68%;top:75%}.node-4{left:95%;top:50%}.path-labels{list-style:none;padding:0;display:flex;justify-content:space-between;gap:15px;margin:0 5%;font-size:14px}.path-caption{font-size:16px;line-height:1.6;color:var(--muted);margin:35px 0 0}.lab-teaser{padding:100px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line)}.lab-teaser h2{font:500 clamp(42px,5vw,86px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.06em;margin:28px 0 0}.lab-teaser>div:nth-child(2){align-self:center;justify-self:end}.lab-teaser p{font-size:17px;color:var(--muted);line-height:1.7}.button{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:55px;font-weight:500;font-size:16px;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:24px;line-height:1}.button-light{background:var(--paper);color:var(--ink);margin-top:25px}.button-dark{background:var(--ink);color:var(--paper)}.lab-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);margin-top:20px}.lab-strip>span{font:400 58px 'Space Grotesk',sans-serif;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 8px;border-right:1px solid var(--line);color:#c8cabb;gap:20px}.lab-strip>span:last-child{border:0;color:var(--acid)}.lab-strip span span{font:10px 'DM Sans',sans-serif;letter-spacing:1px}.get-skill{background:var(--acid);color:var(--ink);padding:100px var(--pad);display:grid;grid-template-columns:1.25fr 1fr;gap:8vw}.get-skill h2{font:500 clamp(44px,6vw,110px)/1.04 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:30px 0}.get-skill h2 span{color:#5a7221}.download-panel{align-self:center}.download-label{font-size:12px;letter-spacing:1px}.download-panel ul{padding:0;list-style:none;margin:20px 0 34px}.download-panel li{border-bottom:1px solid #10110f30;padding:16px 0;font-size:15px}.download-panel li:before{content:'↗';margin-right:15px}.download-meta{font-size:12px;text-align:center;color:#3f501a;margin:14px 0 30px}.download-panel summary{cursor:pointer;font-size:15px;padding:14px 0;border-top:1px solid #10110f50}.download-panel details p{font-size:14px;line-height:1.6}.download-panel code{overflow-wrap:anywhere}.prompt{padding:18px;border:1px solid #10110f50;font-size:13px;line-height:1.6}.prompt button{display:block;margin-top:16px;border:1px solid #10110f;background:transparent;padding:8px 12px;cursor:pointer;font-size:13px}.footer{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:35px var(--pad);font-size:12px}.footer>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.footer a:last-child{font-size:13px}.motion-toggle{border:1px solid #606654;color:var(--paper);background:transparent;padding:10px 13px;cursor:pointer;border-radius:4px;font-size:12px}.scene-nav{position:fixed;z-index:30;right:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;mix-blend-mode:difference}.scene-nav a{font-size:10px;color:white;border:1px solid #ffffff50;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;background:#10110f}.scene-nav a[aria-current="step"]{background:var(--acid);color:var(--ink);border-color:var(--acid)}
/* Without enhancement all layers remain in normal document flow. */
html:not(.enhanced) .stage{height:auto;min-height:100svh}html:not(.enhanced) .hero-stage{min-height:900px}html:not(.enhanced) .path-stage{min-height:850px}html:not(.enhanced) .portal-stage{min-height:850px}html:not(.enhanced) .hero-echo{display:none}
@media(min-width:1800px){.enhanced .gallery-card{max-height:none}}
@media(max-width:800px){.stage{min-height:650px}.chapter{font-size:10px;letter-spacing:.8px}.chapter>span:last-child{max-width:50%;text-align:right}.scene-note p{font-size:14px}.scene-note a{font-size:12px}.scene-note .index{display:none}.interlude{padding:75px var(--pad);flex-direction:column;gap:30px}.horizontal-track{grid-template-columns:1fr}.enhanced .gallery-card{width:78vw}.enhanced .gallery-intro{width:75vw}.gallery-card{padding:24px}.gallery-card h3{font-size:40px}.gallery-intro h2{font-size:60px}.big-glyph{font-size:170px}.code-art{font-size:16px;left:24px}.gallery-tag{left:24px}.enhanced .stack-layout,.stack-layout{display:block;margin:35px 0}.stack-heading h2{font-size:43px;margin:15px 0}.stack-heading h2 br{display:none}.stack-heading p{font-size:15px;max-width:100%;margin-bottom:26px}.stack-heading .eyebrow{display:none}.enhanced .stack-deck{height:48svh;min-height:330px}.stack-card{min-height:330px;padding:25px}.stack-card h3{font-size:40px;margin:35px 0 15px}.stack-card p{font-size:15px;max-width:80%;margin:0}.card-counter{left:25px;top:25px}.card-symbol{font-size:50px;right:20px;bottom:20px}.stack-card .text-link{font-size:12px}.path-stage h2{font-size:50px}.path-node{width:36px;height:36px;font-size:11px}.path-labels{margin:0;font-size:11px}.path-art{width:95%;min-height:170px}.lab-teaser,.get-skill{grid-template-columns:1fr;gap:30px;padding:75px var(--pad)}.lab-teaser>div:nth-child(2){justify-self:stretch}.lab-strip{grid-template-columns:repeat(3,1fr);margin-top:0}.lab-strip>span{border-bottom:1px solid var(--line);font-size:45px;padding:24px 8px}.lab-strip>span:nth-child(3){border-right:0}.lab-strip>span:nth-child(n+4){border-bottom:0}.get-skill h2{font-size:55px}.footer{flex-wrap:wrap;gap:25px}.footer>span{display:none}.footer .brand{width:100%}.scene-nav{right:5px;gap:6px}.scene-nav a{width:23px;height:23px;font-size:9px}.scene-note{gap:12px}.portal-title{font-size:clamp(43px,10vw,78px)}.portal-image img{object-position:50% 50%}.eyebrow{font-size:10px}}
@media(max-height:700px) and (min-width:801px){.stage{min-height:600px}.hero-stage{padding-top:110px}.hero-title{font-size:7.5vw;margin:20px 0}.hero-bottom{margin:10px 0 25px}.hero-bottom p{font-size:15px}.stack-card{min-height:360px}.enhanced .stack-deck{min-height:360px}.stack-card h3{font-size:50px}.path-stage h2{font-size:60px;margin-top:20px}.path-art{min-height:160px}.path-caption{margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enhanced .scene{height:auto}.enhanced .stage{position:relative;height:auto;min-height:100svh}.enhanced .hero-echo{display:none}.enhanced .horizontal-track{display:grid;width:auto;transform:none!important}.enhanced .gallery-card,.enhanced .gallery-intro{width:auto;min-height:500px}.enhanced .stack-deck{height:auto}.enhanced .stack-card{position:relative;transform:none!important}.enhanced .stack-layout{height:auto;margin:70px 0}}

.static-motion *, .static-motion *:before, .static-motion *:after{transition:none!important;animation:none!important}