:root{--bg:#05070b;--bg2:#090d14;--panel:#0c111a;--panel2:#101824;--text:#f4f6f8;--muted:#8e99a8;--line:rgba(255,255,255,.12);--line2:rgba(255,255,255,.06);--accent:#a9ffcb;--accent2:#7ca8ff;--hot:#ff8e7a;--cyan:#7ff7ff;--max:1540px;--header:78px;--ease:cubic-bezier(.2,.75,.2,1);--mx:50vw;--my:50vh}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}body::selection{background:var(--accent);color:#06120b}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.skip-link{position:fixed;left:1rem;top:-8rem;z-index:9999;background:#fff;color:#000;padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-3;opacity:.62}.noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.11;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.scrollbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:950;background:rgba(255,255,255,.04)}.scrollbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent2),var(--accent),var(--cyan));box-shadow:0 0 18px var(--accent)}
.cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:9998;border-radius:50%;transform:translate(-50%,-50%);will-change:transform,left,top}.cursor--dot{width:5px;height:5px;background:#fff}.cursor--ring{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);transition:width .25s var(--ease),height .25s var(--ease),border-color .25s}.cursor--ring.is-hover{width:62px;height:62px;border-color:var(--accent);background:rgba(169,255,203,.05)}
.boot{position:fixed;inset:0;z-index:9997;display:grid;place-items:center;background:#030509;transition:opacity .7s var(--ease),visibility .7s}.boot.is-done{opacity:0;visibility:hidden}.boot__grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(circle at center,#000 10%,transparent 75%)}.boot__inner{position:relative;width:min(92vw,860px);padding:4rem;border:1px solid var(--line);background:rgba(5,8,13,.62);backdrop-filter:blur(24px);box-shadow:0 40px 120px rgba(0,0,0,.5)}.boot__index,.lab-tag,.section-index,.kicker,.eyebrow{font-size:.7rem;letter-spacing:.17em;text-transform:uppercase}.boot h1{margin:1rem 0 1.8rem;font-size:clamp(3.4rem,9vw,7.8rem);line-height:.84;letter-spacing:-.07em;font-weight:650}.boot h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);font-style:italic}.boot__status{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem 2rem;padding:1.4rem 0;border-block:1px solid var(--line2);color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.boot__status span{display:flex;align-items:center;gap:.55rem}.boot__status i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 1.4s infinite}.boot__status span:nth-child(2) i{animation-delay:.2s}.boot__status span:nth-child(3) i{animation-delay:.4s}.boot__status span:nth-child(4) i{animation-delay:.6s}.boot p{max-width:560px;color:var(--muted);margin:1.5rem 0}.boot__enter{display:inline-flex;align-items:center;gap:3rem;border:0;background:var(--text);color:#05070b;padding:1rem 1.25rem;font-weight:700;cursor:pointer}.boot__enter b{font-size:1.1rem}.boot__original{display:inline-block;margin-left:1.25rem;color:var(--muted);font-size:.85rem;border-bottom:1px solid var(--line)}
.hud-header{position:fixed;left:1.25rem;right:1.25rem;top:1rem;z-index:900;min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;padding:.65rem .8rem;border:1px solid var(--line);background:rgba(5,7,11,.62);backdrop-filter:blur(24px) saturate(140%);border-radius:14px;box-shadow:0 15px 50px rgba(0,0,0,.18)}.lab-brand{display:flex;align-items:center;gap:.75rem}.lab-brand__mark{width:38px;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(255,255,255,.3);font-size:.75rem;font-weight:800;letter-spacing:-.03em;border-radius:50%;position:relative}.lab-brand__mark::after{content:"";position:absolute;inset:3px;border:1px solid rgba(169,255,203,.32);border-radius:50%}.lab-brand span:last-child{display:flex;flex-direction:column}.lab-brand strong{font-size:.78rem;letter-spacing:.03em}.lab-brand small{font-size:.6rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.desktop-nav{justify-self:center;display:flex;gap:2rem}.desktop-nav a{font-size:.72rem;color:#c6ccd4;letter-spacing:.08em;text-transform:uppercase;position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;bottom:-.5rem;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .25s var(--ease);transform-origin:right}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1);transform-origin:left}.hud-header__actions{display:flex;gap:.45rem;align-items:center}.original-link,.hud-button{height:38px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:8px;padding:0 .8rem;display:flex;align-items:center;gap:.55rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.original-link span{color:var(--accent)}.hud-button b{font-size:.6rem;font-weight:600}.sound-bars{height:15px;display:flex;align-items:center;gap:2px}.sound-bars i{width:2px;background:var(--accent);height:4px}.hud-button[aria-pressed="true"] .sound-bars i{animation:soundbar .7s infinite alternate}.hud-button[aria-pressed="true"] .sound-bars i:nth-child(2){animation-delay:.2s}.hud-button[aria-pressed="true"] .sound-bars i:nth-child(3){animation-delay:.35s}.hud-button--menu{display:none}
.mobile-menu{position:fixed;z-index:880;inset:86px 1.25rem auto;padding:1rem;border:1px solid var(--line);background:rgba(5,7,11,.94);backdrop-filter:blur(30px);border-radius:12px}.mobile-menu a{display:flex;padding:1rem;border-bottom:1px solid var(--line2);font-size:clamp(1.3rem,5vw,2.4rem)}
.system-hud{position:fixed;right:1.25rem;bottom:1.25rem;z-index:850;display:grid;grid-template-columns:repeat(4,auto);border:1px solid var(--line);background:rgba(5,7,11,.66);backdrop-filter:blur(18px);border-radius:9px;overflow:hidden}.system-hud div{padding:.55rem .8rem;border-right:1px solid var(--line2);display:flex;align-items:center;gap:.5rem}.system-hud div:last-child{border:0}.system-hud span{font-size:.52rem;color:var(--muted);letter-spacing:.12em}.system-hud b{font-size:.62rem;color:var(--accent);font-weight:700}.section-rail{position:fixed;left:1.5rem;top:50%;z-index:820;transform:translateY(-50%);display:flex;flex-direction:column;gap:.85rem}.section-rail a{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase}.section-rail i{display:block;width:11px;height:1px;background:#66707d;transition:width .25s,background .25s}.section-rail a span{opacity:0;transform:translateX(-4px);transition:.25s}.section-rail a:hover span,.section-rail a.is-active span{opacity:1;transform:none}.section-rail a.is-active i{width:28px;background:var(--accent);box-shadow:0 0 10px var(--accent)}
.lab-section{position:relative;width:min(calc(100% - 8rem),var(--max));margin-inline:auto;padding:clamp(6rem,10vw,10rem) 0}.hero{width:100%;max-width:none;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,.9fr);gap:2vw;align-items:center;padding:120px max(5vw,5rem) 5rem;overflow:hidden}.hero::before{content:"";position:absolute;inset:20% auto auto 42%;width:44vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.05);border-radius:50%;box-shadow:0 0 180px rgba(82,128,255,.08);pointer-events:none}.eyebrow{display:flex;align-items:center;gap:.55rem;color:#b1bbc7;margin:0 0 2rem}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(169,255,203,.08),0 0 20px var(--accent);animation:pulse 2s infinite}.hero h2{font-size:clamp(4.5rem,8.8vw,10rem);line-height:.79;letter-spacing:-.075em;margin:0;font-weight:680;max-width:1050px}.hero h2 span,.hero h2 em{display:block}.hero h2 span:nth-child(2){color:#8d9aaa}.hero h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--accent);margin-left:8vw}.hero__lead{font-size:clamp(1.05rem,1.35vw,1.35rem);color:#b9c1cb;max-width:760px;margin:2.6rem 0 0;line-height:1.65}.hero__lead strong{color:#fff;font-weight:650}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{min-height:50px;padding:0 1.2rem;border:1px solid var(--line);display:inline-flex;align-items:center;gap:2.8rem;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background .25s,color .25s,border-color .25s,transform .25s}.button--solid{background:#f5f7f8;color:#070a0f;border-color:#f5f7f8}.button--line:hover{border-color:var(--accent);background:rgba(169,255,203,.06)}.hero__meta{display:flex;flex-wrap:wrap;gap:1.3rem;margin-top:2.2rem;color:#788493;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.hero__meta span::before{content:"/";margin-right:.5rem;color:#45505d}.hero-core{position:relative;justify-self:end;width:min(48vw,700px);aspect-ratio:1;border-radius:50%;isolation:isolate}.hero-core canvas{position:absolute;inset:-12%;width:124%;height:124%}.hero-core__rings i{position:absolute;inset:6%;border:1px solid rgba(255,255,255,.1);border-radius:50%;animation:spin 24s linear infinite}.hero-core__rings i:nth-child(2){inset:18%;border-style:dashed;animation-direction:reverse;animation-duration:38s}.hero-core__rings i:nth-child(3){inset:31%;border-color:rgba(169,255,203,.18);animation-duration:17s}.hero-core__rings i::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--accent);left:50%;top:-4px;box-shadow:0 0 18px var(--accent)}.hero-core__label{position:absolute;inset:34%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle,rgba(169,255,203,.12),rgba(13,22,31,.2) 45%,transparent 70%);text-align:center;pointer-events:none}.hero-core__label span,.hero-core__label small{font-size:.55rem;letter-spacing:.18em;color:#7f8b99}.hero-core__label b{font-size:clamp(2.6rem,5vw,5rem);line-height:1;font-weight:500;letter-spacing:-.08em}.hero-core__coords{position:absolute;left:8%;right:8%;bottom:5%;display:flex;justify-content:space-between;color:#63707f;font-family:monospace;font-size:.58rem}.hero__scroll{position:absolute;left:max(5vw,5rem);bottom:1.6rem;display:flex;align-items:center;gap:1rem;color:#687483;font-size:.55rem;letter-spacing:.15em}.hero__scroll i{display:block;width:50px;height:1px;background:linear-gradient(90deg,#768290,transparent);animation:scrollline 2s ease-in-out infinite}
.ticker{width:100%;overflow:hidden;border-block:1px solid var(--line2);background:rgba(255,255,255,.015);padding:.8rem 0}.ticker__track{display:flex;width:max-content;align-items:center;gap:1.25rem;animation:ticker 34s linear infinite;white-space:nowrap}.ticker span{font-size:.61rem;letter-spacing:.14em;color:#95a0ae}.ticker i{font-style:normal;color:var(--accent);font-size:.55rem}.manifesto{min-height:80vh;display:grid;grid-template-columns:.3fr 1.25fr .55fr;gap:4vw;align-items:center}.manifesto__index{align-self:start;color:#566271;font-family:monospace;font-size:.72rem}.kicker{color:var(--accent);margin:0 0 1.1rem}.manifesto h2,.section-head h2,.about h2,.finale h2,.contact h2{margin:0;font-size:clamp(3.2rem,6.2vw,7.6rem);line-height:.92;letter-spacing:-.055em;font-weight:620}.manifesto h2 em,.section-head h2 em,.about h2 em,.finale h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400;font-style:italic;color:#93a0af}.manifesto__copy>p:last-child{max-width:780px;color:#9ca7b5;font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.75;margin-top:2.3rem}.manifesto__numbers{display:flex;flex-direction:column;border-left:1px solid var(--line2)}.manifesto__numbers div{padding:1.3rem;border-bottom:1px solid var(--line2);display:flex;align-items:baseline;justify-content:space-between}.manifesto__numbers b{font-size:clamp(2.3rem,4vw,4.5rem);font-weight:400;letter-spacing:-.06em}.manifesto__numbers span{font-size:.58rem;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}
.section-head{display:grid;grid-template-columns:.3fr 1.1fr .65fr;gap:3vw;align-items:end;margin-bottom:5rem}.section-index{display:block;color:#536170;margin-bottom:1rem;font-family:monospace}.section-head>p{color:#8f9baa;font-size:1rem;line-height:1.65;margin:0}.world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.world-card{position:relative;min-height:600px;border:1px solid var(--line);background:rgba(10,15,23,.74);overflow:hidden;transform-style:preserve-3d;transition:border-color .3s,box-shadow .3s}.world-card:hover{border-color:rgba(169,255,203,.4);box-shadow:0 25px 90px rgba(0,0,0,.25)}.world-card__media{height:58%;overflow:hidden;position:relative;background:#0e131c}.world-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05);transition:transform 1.2s var(--ease),filter .5s}.world-card:hover img{transform:scale(1.05);filter:saturate(1) contrast(1.08)}.scanline{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 48%,rgba(169,255,203,.12) 50%,transparent 52%);background-size:100% 180px;opacity:0;transition:opacity .3s;mix-blend-mode:screen}.world-card:hover .scanline{opacity:1;animation:scan 2.5s linear infinite}.world-card__body{position:relative;padding:2rem;z-index:2}.world-card__body>span{font-size:.58rem;letter-spacing:.13em;color:#657281}.world-card h3{font-size:clamp(2.6rem,4vw,5.2rem);letter-spacing:-.055em;line-height:.9;margin:.75rem 0 1.2rem;font-weight:550}.world-card p{max-width:560px;color:#96a2b0;margin:0 0 1.5rem}.world-card a{display:inline-flex;gap:.5rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #52606e;padding-bottom:.3rem}.world-card__orb{position:absolute;right:-50px;bottom:-50px;width:180px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.2),transparent 12%),radial-gradient(circle at center,rgba(169,255,203,.12),transparent 66%);box-shadow:inset 0 0 40px rgba(169,255,203,.08)}.world-card--film .world-card__orb{background:radial-gradient(circle at center,rgba(124,168,255,.18),transparent 65%)}.world-card--dogs .world-card__orb{background:radial-gradient(circle at center,rgba(255,142,122,.16),transparent 65%)}.world-card--music .world-card__orb{background:radial-gradient(circle at center,rgba(127,247,255,.16),transparent 65%)}.world-card__media--generated{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(127,247,255,.1),transparent 45%),linear-gradient(135deg,#090d15,#0c121d)}.frequency-art{height:70%;width:80%;display:flex;align-items:center;justify-content:center;gap:1.6%}.frequency-art i{display:block;width:3px;height:10%;background:linear-gradient(180deg,transparent,var(--cyan),transparent);box-shadow:0 0 12px rgba(127,247,255,.5);animation:freq 1.8s ease-in-out infinite alternate}.frequency-art i:nth-child(2n){animation-delay:.1s}.frequency-art i:nth-child(3n){animation-delay:.25s}.frequency-art i:nth-child(4n){animation-delay:.4s}
.lab-zone{width:min(calc(100% - 5rem),1700px)}.section-head--lab{margin-bottom:7rem}.lab-module{min-height:720px;display:grid;grid-template-columns:minmax(320px,.7fr) minmax(500px,1.3fr);border:1px solid var(--line);background:rgba(8,12,18,.82);margin-bottom:1.5rem;overflow:hidden}.lab-module:nth-of-type(even){grid-template-columns:minmax(500px,1.3fr) minmax(320px,.7fr)}.lab-module__copy{padding:clamp(2rem,4vw,4.5rem);display:flex;flex-direction:column;justify-content:center;position:relative}.lab-tag{color:var(--accent);margin-bottom:1.5rem}.lab-module h3,.micro-lab h3,.system-lab h3{font-size:clamp(2.7rem,4.3vw,5.5rem);line-height:.9;letter-spacing:-.055em;margin:0 0 1.5rem;font-weight:580}.lab-module__copy>p,.micro-lab>p,.system-lab__intro>p{color:#91a0ae;max-width:620px;line-height:1.7}.lab-module__stage{position:relative;min-height:600px;border-left:1px solid var(--line2);background:#05080d;overflow:hidden}.lab-module:nth-of-type(even) .lab-module__stage{border-left:0;border-right:1px solid var(--line2)}.lab-module canvas{display:block;width:100%;height:100%}.stage-hint{position:absolute;right:1rem;top:1rem;font-size:.53rem;letter-spacing:.12em;color:#5d6a78;border:1px solid var(--line2);padding:.35rem .5rem;background:rgba(5,8,13,.6)}.control-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.6rem 0}.control-row button,.micro-action,.lab-action{border:1px solid var(--line);background:rgba(255,255,255,.025);padding:.72rem .9rem;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:.25s}.control-row button:hover,.control-row button.is-active,.micro-action:hover,.lab-action:hover{background:var(--accent);color:#06110b;border-color:var(--accent)}.lab-stat{margin-top:1.4rem;display:flex;justify-content:space-between;border-top:1px solid var(--line2);padding-top:1rem;font-family:monospace;font-size:.66rem;color:#657281}.lab-stat b{color:var(--accent)}.range-control{display:grid;grid-template-columns:90px 1fr 60px;gap:1rem;align-items:center;margin-top:1rem;color:#788595;font-size:.62rem;text-transform:uppercase;letter-spacing:.08em}.range-control input{accent-color:var(--accent);width:100%}.range-control output{font-family:monospace;color:#b6c1cc;text-align:right}.shader-fallback{position:absolute;inset:0;display:grid;place-items:center;color:#798694;background:#070b12}.lab-action{align-self:flex-start;margin-top:1.4rem;padding:.9rem 1.1rem}.lab-action--ghost{background:transparent}.audio-stage{background:radial-gradient(circle at center,rgba(124,168,255,.08),transparent 50%),#05080d}.audio-stage__label{position:absolute;left:1.5rem;bottom:1.5rem;display:flex;align-items:center;gap:1rem;font-size:.6rem;color:#657180;letter-spacing:.1em}.audio-stage__label b{color:var(--hot)}.lab-duo{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.micro-lab{min-height:620px;border:1px solid var(--line);background:rgba(8,12,18,.82);padding:clamp(2rem,4vw,4rem);overflow:hidden}.device-demo{height:240px;display:grid;place-items:center;perspective:900px;margin:2rem 0}.device-demo__card{width:min(80%,300px);aspect-ratio:1.55;border:1px solid rgba(169,255,203,.28);background:linear-gradient(145deg,rgba(169,255,203,.12),rgba(124,168,255,.08));box-shadow:0 35px 80px rgba(0,0,0,.28);border-radius:22px;padding:1.4rem;display:flex;flex-direction:column;justify-content:space-between;transform-style:preserve-3d;transition:transform .12s linear}.device-demo__card span{font-size:2.3rem;font-weight:800;letter-spacing:-.08em}.device-demo__card b,.device-demo__card small{font-size:.55rem;letter-spacing:.12em}.device-demo__card small{color:#7f8b98}.voice-orb{width:180px;aspect-ratio:1;border-radius:50%;margin:2rem auto;position:relative;background:radial-gradient(circle,rgba(127,247,255,.16),rgba(124,168,255,.07) 44%,transparent 70%);border:1px solid rgba(127,247,255,.22)}.voice-orb i{position:absolute;inset:12%;border:1px solid rgba(127,247,255,.2);border-radius:50%;animation:voice 2.2s ease-in-out infinite}.voice-orb i:nth-child(2){inset:25%;animation-delay:.25s}.voice-orb i:nth-child(3){inset:39%;animation-delay:.5s}.voice-orb.is-listening{box-shadow:0 0 80px rgba(127,247,255,.24)}.voice-result{min-height:2rem;text-align:center;color:#c3ccd5!important;font-family:monospace;font-size:.7rem}.camera-stage{display:grid;place-items:center}.camera-stage canvas{position:absolute;inset:0}.camera-placeholder{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column}.camera-placeholder span{font-size:.6rem;letter-spacing:.2em;color:#5e6b79}.camera-placeholder b{font-size:7rem;line-height:1;color:#2f3944}.camera-placeholder small{font-size:.55rem;color:#586574;letter-spacing:.15em}.button-cluster{display:flex;gap:.5rem}.privacy-note{font-size:.72rem!important;color:#697684!important}.file-stage{cursor:pointer;display:grid;place-items:center}.file-placeholder{text-align:center;display:flex;flex-direction:column;gap:.3rem;z-index:2}.file-placeholder b{font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.06em}.file-placeholder span{color:var(--accent)}.file-placeholder small{color:#64717e;margin-top:.8rem}.file-stage.is-drag{outline:1px solid var(--accent);outline-offset:-10px}.system-lab{display:grid;grid-template-columns:.65fr 1fr .4fr;gap:1rem;border:1px solid var(--line);background:rgba(8,12,18,.82);padding:clamp(2rem,4vw,4rem);margin-bottom:2rem}.capability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.cap-item{border:1px solid var(--line2);padding:.8rem;display:flex;justify-content:space-between;align-items:center}.cap-item span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7e8b99}.cap-item b{font-family:monospace;font-size:.62rem}.cap-item.is-yes b{color:var(--accent)}.cap-item.is-no b{color:var(--hot)}.benchmark{border-left:1px solid var(--line2);padding-left:1.5rem;display:flex;flex-direction:column;justify-content:center}.benchmark span,.benchmark small{font-size:.56rem;letter-spacing:.1em;color:#64717e}.benchmark b{font-size:clamp(1.8rem,3vw,3.3rem);letter-spacing:-.05em;margin:.4rem 0;color:var(--accent)}
.infinite-shell{border:1px solid var(--line);background:#070a10;overflow:hidden}.canvas-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--line2);font-size:.56rem;letter-spacing:.12em;color:#61707d}.canvas-toolbar div{display:flex;gap:.35rem}.canvas-toolbar button{border:1px solid var(--line);background:#0d131c;color:#dce2e8;min-width:34px;height:30px;cursor:pointer}.infinite-viewport{height:min(78vh,760px);overflow:hidden;position:relative;cursor:grab;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:40px 40px}.infinite-viewport:active{cursor:grabbing}.infinite-world{position:absolute;width:1600px;height:1000px;left:0;top:0;transform-origin:0 0;will-change:transform}.constellation{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation path{fill:none;stroke:rgba(169,255,203,.12);stroke-width:1;stroke-dasharray:4 7;animation:dash 14s linear infinite}.project-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:190px;min-height:100px;padding:1rem;border:1px solid rgba(255,255,255,.15);background:rgba(11,17,25,.85);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;transition:border-color .25s,background .25s,box-shadow .25s}.project-node:hover{border-color:var(--accent);background:#101821;box-shadow:0 0 50px rgba(169,255,203,.1)}.project-node span,.project-node small{font-size:.52rem;text-transform:uppercase;letter-spacing:.1em;color:#687584}.project-node b{font-size:1.15rem;margin:.25rem 0}.project-node--core{width:160px;aspect-ratio:1;border-radius:50%;align-items:center;text-align:center;background:radial-gradient(circle,rgba(169,255,203,.16),rgba(9,13,20,.92) 65%);box-shadow:0 0 80px rgba(169,255,203,.1)}.project-node--core b{font-size:3rem;letter-spacing:-.08em}
.visual-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:240px;gap:.9rem}.visual-card{position:relative;grid-column:span 4;grid-row:span 2;margin:0;overflow:hidden;border:1px solid var(--line);background:#090d13}.visual-card--wide{grid-column:span 8}.visual-card--tall{grid-row:span 3}.visual-card img{width:100%;height:115%;object-fit:cover;transform:translateY(-7%);filter:saturate(.8) contrast(1.05);transition:transform 1s var(--ease),filter .4s}.visual-card:hover img{transform:translateY(-7%) scale(1.04);filter:saturate(1.05)}.visual-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,5,8,.72));pointer-events:none}.visual-card figcaption{position:absolute;z-index:2;left:1.2rem;bottom:1.1rem;display:flex;flex-direction:column}.visual-card figcaption span{font-size:.52rem;letter-spacing:.12em;color:#a8b3be}.visual-card figcaption b{font-size:1.35rem}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;min-height:90vh}.about__visual{position:relative}.about__image{position:relative;aspect-ratio:1.45;overflow:hidden;border:1px solid var(--line);background:#f2f3f4}.about__image img{width:100%;height:100%;object-fit:cover}.about__radar{position:absolute;width:42%;aspect-ratio:1;right:-8%;bottom:-18%;border:1px solid rgba(169,255,203,.25);border-radius:50%;background:rgba(5,8,12,.9);display:grid;place-items:center;box-shadow:0 0 80px rgba(169,255,203,.1)}.about__radar i{position:absolute;inset:12%;border:1px solid rgba(169,255,203,.14);border-radius:50%;animation:spin 13s linear infinite}.about__radar i:nth-child(2){inset:25%;animation-direction:reverse}.about__radar i:nth-child(3){inset:39%}.about__radar b{font-size:2rem}.about__copy>p:not(.kicker){max-width:760px;color:#9ca7b3;font-size:1.05rem;line-height:1.75}.about__lead{font-size:1.28rem!important;color:#c4cbd3!important}.about__facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line2);margin-top:2rem;border:1px solid var(--line2)}.about__facts div{padding:1rem;background:#090d13}.about__facts span{font-size:.52rem;letter-spacing:.12em;color:#63707c}.about__facts b{display:block;margin-top:.5rem;font-size:.92rem;line-height:1.3}
.finale{width:100%;max-width:none;min-height:100vh;display:grid;place-items:center;text-align:center;overflow:hidden}.finale canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.6}.finale__copy{position:relative;z-index:2;width:min(90vw,1200px)}.finale__stack{display:flex;justify-content:center;gap:2rem;margin:3rem 0;font-family:monospace;color:#8d99a7}.finale__stack span:last-child{color:var(--accent)}.finale__copy>p:last-child{max-width:760px;margin:0 auto;color:#9ca7b3;font-size:1.1rem;line-height:1.7}.contact{min-height:85vh;display:grid;grid-template-columns:1fr .8fr;gap:6vw;align-items:center}.contact__copy>p:last-child{max-width:700px;color:#99a5b2;font-size:1.1rem;line-height:1.75}.contact__actions{display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-link{display:grid;grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;padding:1.4rem 0;border-bottom:1px solid var(--line);transition:padding .3s var(--ease),color .3s}.contact-link:hover{padding-left:1rem;color:var(--accent)}.contact-link span{font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;color:#6b7885}.contact-link b{font-size:clamp(1rem,2vw,1.4rem);font-weight:500}.contact-link i{font-style:normal}.lab-footer{width:calc(100% - 2.5rem);margin:0 1.25rem 1.25rem;display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;padding:1.25rem;border:1px solid var(--line);background:#070a0f}.lab-footer>div:first-child{display:flex;gap:.75rem;align-items:center}.lab-footer p,.lab-footer span,.lab-footer a{font-size:.62rem;color:#7c8996}.lab-footer strong{color:#d9dfe5}.lab-footer nav{display:flex;gap:1rem}.experience-controls{position:fixed;left:1.25rem;bottom:1.25rem;z-index:860;display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(5,7,11,.7);backdrop-filter:blur(16px)}.experience-controls button{border:0;border-right:1px solid var(--line2);background:transparent;padding:.45rem .65rem;display:flex;gap:.5rem;color:#7b8794;font-size:.52rem;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.experience-controls button:last-child{border:0}.experience-controls b{color:#c3cbd4}.noscript{position:fixed;inset:auto 1rem 1rem;z-index:9999;background:#fff;color:#000;padding:1rem}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
body[data-motion="reduced"] .ambient-canvas,body[data-motion="reduced"] .cursor,body[data-motion="reduced"] .hero-core__rings,body[data-motion="reduced"] .frequency-art,body[data-motion="reduced"] .noise{display:none!important}body[data-motion="reduced"] *{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body[data-contrast="high"]{--bg:#000;--bg2:#000;--panel:#050505;--panel2:#080808;--text:#fff;--muted:#d4d4d4;--line:rgba(255,255,255,.35);--line2:rgba(255,255,255,.2);--accent:#b8ffd0}
@keyframes pulse{0%,100%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes soundbar{from{height:3px}to{height:14px}}@keyframes scrollline{0%,100%{transform:scaleX(.2);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes scan{to{background-position:0 180px}}@keyframes freq{from{height:12%;opacity:.45}to{height:82%;opacity:1}}@keyframes voice{0%,100%{transform:scale(.8);opacity:.2}50%{transform:scale(1.2);opacity:.75}}@keyframes dash{to{stroke-dashoffset:-220}}
@media(max-width:1180px){.desktop-nav{display:none}.hud-button--menu{display:flex}.system-hud{display:none}.section-rail{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:140px 3rem 6rem}.hero-core{justify-self:center;width:min(78vw,650px)}.manifesto{grid-template-columns:1fr}.manifesto__index{display:none}.manifesto__numbers{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line2)}.section-head{grid-template-columns:.35fr 1.65fr}.section-head>p{grid-column:2}.lab-module,.lab-module:nth-of-type(even){grid-template-columns:1fr}.lab-module__stage,.lab-module:nth-of-type(even) .lab-module__stage{border:0;border-top:1px solid var(--line2);min-height:560px}.lab-module:nth-of-type(even) .lab-module__stage{order:2}.system-lab{grid-template-columns:1fr 1fr}.benchmark{grid-column:1/-1;border-left:0;border-top:1px solid var(--line2);padding:1.5rem 0 0}.about{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.lab-footer{grid-template-columns:1fr 1fr}.lab-footer nav{grid-column:1/-1}}
@media(max-width:760px){:root{--header:66px}.hud-header{left:.65rem;right:.65rem;top:.65rem;min-height:54px}.lab-brand small{display:none}.original-link{display:none}.hud-button b{display:none}.hero{padding:115px 1.25rem 5rem}.hero h2{font-size:clamp(4rem,17vw,7rem)}.hero h2 em{margin-left:8vw}.hero-core{width:94vw;margin-top:1rem}.hero__meta{gap:.65rem 1rem}.hero__scroll{left:1.25rem}.lab-section{width:calc(100% - 2.5rem);padding:5.5rem 0}.manifesto h2,.section-head h2,.about h2,.finale h2,.contact h2{font-size:clamp(2.8rem,13vw,5rem)}.manifesto__numbers{grid-template-columns:1fr}.section-head{grid-template-columns:1fr;margin-bottom:3rem}.section-head>p{grid-column:1}.world-grid{grid-template-columns:1fr}.world-card{min-height:540px}.world-card__media{height:52%}.lab-zone{width:calc(100% - 1.3rem)}.lab-module{min-height:auto}.lab-module__stage{min-height:420px}.lab-duo{grid-template-columns:1fr}.micro-lab{min-height:auto}.range-control{grid-template-columns:72px 1fr 48px}.system-lab{grid-template-columns:1fr;padding:1.3rem}.capability-grid{grid-template-columns:1fr}.benchmark{grid-column:auto}.infinite-viewport{height:600px}.visual-grid{grid-template-columns:1fr;grid-auto-rows:300px}.visual-card,.visual-card--wide{grid-column:1}.visual-card,.visual-card--tall{grid-row:span 1}.about__radar{width:34%;right:-4%;bottom:-10%}.about__facts{grid-template-columns:1fr}.finale__stack{gap:.7rem;flex-wrap:wrap}.contact-link{grid-template-columns:70px 1fr auto}.lab-footer{width:calc(100% - 1.3rem);margin:.65rem;grid-template-columns:1fr}.lab-footer nav{grid-column:1;flex-wrap:wrap}.experience-controls{left:.65rem;bottom:.65rem}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient-canvas,.cursor,.hero-core__rings,.noise{display:none}.reveal{opacity:1;transform:none;transition:none}*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

.no-js .boot{display:none}.no-js .reveal{opacity:1;transform:none}.no-js .ambient-canvas,.no-js .cursor,.no-js .system-hud,.no-js .experience-controls{display:none}

/* =========================================================
   WEB EXPERIENCE LAB V2 — EXPERIENCE AMPLIFIER
   ========================================================= */

/* Precision project universe */
.infinite-shell{position:relative;background:
  radial-gradient(circle at 48% 48%,rgba(169,255,203,.055),transparent 28%),
  linear-gradient(180deg,#06090f,#05080d);border-color:rgba(169,255,203,.18);box-shadow:0 50px 140px rgba(0,0,0,.35)}
.infinite-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;min-height:min(78vh,760px)}
.infinite-viewport{height:min(78vh,760px);min-height:620px;touch-action:none;overscroll-behavior:contain;outline:none;background-image:
  radial-gradient(circle at center,rgba(169,255,203,.04),transparent 42%),
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}
.infinite-viewport:focus-visible{box-shadow:inset 0 0 0 1px var(--accent)}
.infinite-world{width:1600px;height:1000px}
.project-node{appearance:none;text-align:left;color:var(--text);font:inherit;cursor:pointer;border-radius:3px;outline:0;transform:translate(-50%,-50%) scale(1);transition:border-color .25s,background .25s,box-shadow .25s,filter .25s,opacity .25s;isolation:isolate}
.project-node::after{content:"";position:absolute;inset:-9px;border:1px solid transparent;pointer-events:none;transition:.3s}
.project-node:hover,.project-node:focus-visible,.project-node.is-active{border-color:var(--accent);background:rgba(15,28,28,.92);box-shadow:0 0 0 1px rgba(169,255,203,.08),0 0 65px rgba(169,255,203,.16);z-index:4}
.project-node.is-active::after{border-color:rgba(169,255,203,.25);animation:nodepulse 1.8s ease-out infinite}
.project-node--core{text-align:center}
.infinite-shell[data-active-project] .constellation path{opacity:.28;transition:opacity .3s,stroke .3s,stroke-width .3s}
.constellation path.is-active{opacity:1!important;stroke:rgba(169,255,203,.85)!important;stroke-width:2!important;filter:drop-shadow(0 0 7px rgba(169,255,203,.6))}
.canvas-reticle{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-50%);pointer-events:none;opacity:.4}
.canvas-reticle::before,.canvas-reticle::after{content:"";position:absolute;background:rgba(169,255,203,.55)}.canvas-reticle::before{left:50%;top:0;bottom:0;width:1px}.canvas-reticle::after{top:50%;left:0;right:0;height:1px}
.canvas-coordinates{position:absolute;left:.8rem;bottom:.7rem;display:flex;gap:.8rem;color:#5d6c78;font:600 .52rem/1 ui-monospace,monospace;letter-spacing:.1em;pointer-events:none}
.project-inspector{position:relative;padding:2rem 1.6rem;border-left:1px solid var(--line2);background:linear-gradient(180deg,rgba(12,18,26,.96),rgba(6,10,15,.98));display:flex;flex-direction:column;min-width:0;overflow:hidden}
.project-inspector::before{content:"";position:absolute;width:260px;aspect-ratio:1;right:-140px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(169,255,203,.12),transparent 65%);pointer-events:none}
.project-inspector>span{margin-top:2.5rem;color:var(--accent);font:600 .58rem/1 ui-monospace,monospace;letter-spacing:.12em}.project-inspector h3{font-size:clamp(1.7rem,2.4vw,2.6rem);line-height:1.02;letter-spacing:-.045em;margin:.7rem 0 1.2rem}.project-inspector>p:not(.lab-tag){color:#8d9aa7;font-size:.92rem;line-height:1.65;margin:0}
.project-inspector__signal{margin-top:auto;border-top:1px solid var(--line2);padding-top:1.2rem;display:grid;grid-template-columns:10px 1fr;gap:.3rem .55rem;align-items:center}.project-inspector__signal i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.project-inspector__signal b{font-size:.58rem;letter-spacing:.12em}.project-inspector__signal small{font-size:.55rem;color:#64717e;letter-spacing:.08em}
#canvas-minimap{width:100%;height:auto;margin-top:1.2rem;border:1px solid var(--line2);background:#05080d}
.canvas-toolbar button{transition:background .2s,border-color .2s,transform .2s}.canvas-toolbar button:hover{background:rgba(169,255,203,.08);border-color:rgba(169,255,203,.5)}.canvas-toolbar button:active{transform:scale(.94)}
@keyframes nodepulse{0%{transform:scale(.92);opacity:.8}100%{transform:scale(1.18);opacity:0}}

/* Reactive media surface */
.visuals--reactive{padding-bottom:clamp(8rem,13vw,13rem)}
.reactive-gallery{position:relative;height:clamp(720px,72vw,980px);max-height:980px;min-height:720px;border:1px solid rgba(255,255,255,.12);overflow:hidden;isolation:isolate;background:
  radial-gradient(circle at var(--gallery-x,50%) var(--gallery-y,50%),rgba(127,247,255,.08),transparent 24%),
  linear-gradient(135deg,#070b11,#05070b 65%);perspective:1500px}
.reactive-gallery::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at var(--gallery-x,50%) var(--gallery-y,50%),#000,transparent 72%)}
.gallery-grid{position:absolute;inset:0;z-index:2;transform-style:preserve-3d;transition:transform .12s linear}
.media-plane{position:absolute;margin:0;overflow:hidden;background:#0a0f16;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px rgba(0,0,0,.35);transform-style:preserve-3d;will-change:transform,filter;transition:filter .35s,border-color .35s,box-shadow .35s}
.media-plane img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.055);filter:saturate(.82) contrast(1.05) brightness(.9);transition:filter .4s,transform .45s var(--ease)}
.media-plane::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.76));pointer-events:none}.media-plane figcaption{position:absolute;z-index:3;left:1rem;right:1rem;bottom:.85rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.media-plane figcaption span{font:600 .52rem/1 ui-monospace,monospace;letter-spacing:.12em;color:#c4ccd4}.media-plane figcaption b{font-size:1.05rem;letter-spacing:-.02em}
.media-plane--hero{left:20%;top:17%;width:60%;height:61%;z-index:2}.media-plane--one{left:5%;top:6%;width:27%;height:27%;z-index:5}.media-plane--two{right:4%;top:5%;width:25%;height:31%;z-index:4}.media-plane--three{left:4%;bottom:4%;width:29%;height:31%;z-index:6}.media-plane--four{right:5%;bottom:5%;width:30%;height:28%;z-index:5}
.media-plane:hover{border-color:rgba(169,255,203,.6);box-shadow:0 40px 120px rgba(0,0,0,.5),0 0 60px rgba(169,255,203,.08)}.media-plane:hover img{transform:scale(1.09)}
#visual-field-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen;opacity:.72}
.visual-lens{position:absolute;z-index:8;width:170px;height:170px;border-radius:50%;left:0;top:0;pointer-events:none;transform:translate(-50%,-50%);border:1px solid rgba(169,255,203,.65);box-shadow:0 0 0 8px rgba(169,255,203,.025),0 0 70px rgba(127,247,255,.15);backdrop-filter:saturate(180%) contrast(115%) brightness(1.08);mix-blend-mode:screen;opacity:0;transition:opacity .22s}.reactive-gallery:hover .visual-lens{opacity:1}.visual-lens::before,.visual-lens::after{content:"";position:absolute;background:rgba(169,255,203,.55)}.visual-lens::before{left:50%;top:-16px;width:1px;height:calc(100% + 32px)}.visual-lens::after{top:50%;left:-16px;height:1px;width:calc(100% + 32px)}.visual-lens span{position:absolute;right:-18px;bottom:8px;font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.12em;color:var(--accent)}
.surface-controls{position:absolute;z-index:10;left:1rem;top:1rem;display:flex;gap:.35rem;flex-wrap:wrap}.surface-controls button,.identity-controls button{border:1px solid rgba(255,255,255,.14);background:rgba(5,8,12,.76);backdrop-filter:blur(12px);padding:.6rem .75rem;color:#8995a2;font:700 .54rem/1 ui-monospace,monospace;letter-spacing:.1em;cursor:pointer;transition:.25s}.surface-controls button:hover,.surface-controls button.is-active,.identity-controls button:hover,.identity-controls button.is-active{color:#06100b;background:var(--accent);border-color:var(--accent);box-shadow:0 0 30px rgba(169,255,203,.16)}
.surface-readout{position:absolute;z-index:10;right:1rem;top:1rem;padding:.65rem .75rem;border:1px solid var(--line2);background:rgba(5,8,12,.72);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:flex-end;gap:.3rem}.surface-readout span{font:600 .48rem/1 ui-monospace,monospace;color:#62707d;letter-spacing:.12em}.surface-readout b{font:600 .54rem/1 ui-monospace,monospace;color:var(--accent)}
.reactive-gallery[data-mode="chroma"] .media-plane img{filter:saturate(1.8) contrast(1.12) hue-rotate(var(--hue,0deg))}.reactive-gallery[data-mode="mono"] .media-plane img{filter:grayscale(1) contrast(1.28) brightness(.9)}.reactive-gallery[data-mode="heat"] .media-plane img{filter:saturate(1.55) sepia(.48) hue-rotate(-22deg) contrast(1.18)}
.reactive-gallery[data-mode="chroma"]::after{content:"";position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(90deg,rgba(255,0,80,.03),transparent 40%,rgba(0,190,255,.04));mix-blend-mode:screen}

/* Human identity reactor */
.about--reactor{width:min(calc(100% - 5rem),1760px);max-width:1760px;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);gap:clamp(3rem,5vw,7rem);min-height:110vh;padding-top:clamp(8rem,12vw,13rem);padding-bottom:clamp(8rem,12vw,13rem)}
.identity-stage{position:relative;min-height:760px;height:min(80vh,900px);border:1px solid rgba(255,255,255,.13);overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(124,168,255,.08),transparent 45%),#06090f;cursor:crosshair}
#identity-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.identity-stage::before{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(#000,transparent 85%)}
.identity-stage::after{content:"IDENTITY / LIVE DECOMPOSITION";position:absolute;z-index:7;left:1rem;top:1rem;font:700 .52rem/1 ui-monospace,monospace;letter-spacing:.13em;color:var(--accent)}
.identity-scan{position:absolute;z-index:6;left:0;right:0;height:1px;top:0;background:linear-gradient(90deg,transparent,var(--accent),var(--cyan),transparent);box-shadow:0 0 18px rgba(127,247,255,.75);animation:identityscan 4.2s ease-in-out infinite;pointer-events:none}.identity-axis{position:absolute;z-index:4;pointer-events:none;opacity:.28;background:rgba(169,255,203,.5)}.identity-axis--x{left:0;right:0;top:50%;height:1px}.identity-axis--y{top:0;bottom:0;left:50%;width:1px}
.identity-label{position:absolute;z-index:7;display:flex;gap:.55rem;align-items:center;font:700 .5rem/1 ui-monospace,monospace;letter-spacing:.15em;color:#8e9aa7;pointer-events:none}.identity-label b{color:var(--accent);font-size:.48rem}.identity-label--film{left:4%;top:17%}.identity-label--design{right:4%;top:25%}.identity-label--dogs{left:5%;bottom:19%}.identity-label--music{right:5%;bottom:14%}
.identity-reactor{position:absolute;z-index:7;right:5%;top:50%;width:110px;aspect-ratio:1;border:1px solid rgba(169,255,203,.24);border-radius:50%;display:grid;place-items:center;transform:translateY(-50%);pointer-events:none;background:rgba(4,8,10,.44);backdrop-filter:blur(6px)}.identity-reactor i{position:absolute;inset:12%;border:1px solid rgba(169,255,203,.2);border-radius:50%;animation:spin 9s linear infinite}.identity-reactor i:nth-child(2){inset:25%;animation-direction:reverse;animation-duration:5s}.identity-reactor i:nth-child(3){inset:38%;animation-duration:3s}.identity-reactor b{font-size:1.25rem;letter-spacing:-.06em}
.identity-hint{position:absolute;z-index:7;left:1rem;bottom:.8rem;margin:0;font:600 .5rem/1 ui-monospace,monospace;letter-spacing:.12em;color:#5e6d7a}.about--reactor .about__copy{position:relative}.about--reactor .about__copy::before{content:"05 / HUMAN SYSTEM";display:block;margin-bottom:2rem;color:#556370;font:600 .55rem/1 ui-monospace,monospace;letter-spacing:.14em}.about--reactor .about__copy>p:not(.kicker){font-size:1.05rem}.about--reactor .about__lead{font-size:1.35rem!important}.identity-controls{display:flex;gap:.4rem;flex-wrap:wrap;margin:2rem 0 2.4rem}.identity-stage[data-identity="film"]{--identity-accent:#7ca8ff}.identity-stage[data-identity="design"]{--identity-accent:#7ff7ff}.identity-stage[data-identity="dogs"]{--identity-accent:#a9ffcb}.identity-stage[data-identity="music"]{--identity-accent:#ff8e7a}
@keyframes identityscan{0%,100%{top:8%;opacity:.15}45%,55%{opacity:1}50%{top:92%}}

/* Lab 09 — physics */
.lab-module--physics{background:linear-gradient(135deg,rgba(255,142,122,.035),rgba(7,11,17,.92))}.physics-stage{background:radial-gradient(circle at 50% 20%,rgba(255,142,122,.08),transparent 40%),#05080d}.physics-stage canvas{position:absolute;inset:0;width:100%;height:100%}

/* Lab 10–12 */
.lab-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-bottom:2rem}.lab-trio .micro-lab{min-height:610px;overflow:hidden}.micro-lab--kinetic{background:linear-gradient(160deg,rgba(169,255,203,.045),rgba(7,11,17,.96))}.kinetic-type{margin-top:auto;padding-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:300px;overflow:hidden;perspective:900px}.kinetic-type div{display:flex;font-size:clamp(3.2rem,5.2vw,6.4rem);font-weight:800;line-height:.78;letter-spacing:-.08em;white-space:nowrap;color:#dfe5ea;transform-style:preserve-3d}.kinetic-type span{display:inline-block;will-change:transform,color,filter;transition:transform .12s linear,color .2s,filter .2s}
.micro-lab--flow canvas,.micro-lab--warp canvas{display:block;width:100%;height:280px;margin-top:auto;border:1px solid var(--line2);background:#05080d}.micro-lab--flow{background:radial-gradient(circle at 70% 65%,rgba(127,247,255,.07),transparent 40%),#070b11}.micro-lab--warp{background:radial-gradient(circle at 40% 70%,rgba(124,168,255,.06),transparent 45%),#070b11}.range-control--compact{grid-template-columns:55px 1fr 35px;margin-top:.8rem!important}.range-control--compact output{font-size:.55rem}

/* LAB 13 — cinematic scroll */
.scroll-cinema{position:relative;height:310vh;margin:0;background:#030509}.scroll-cinema__sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:radial-gradient(circle at 50% 50%,rgba(124,168,255,.06),transparent 38%),#030509}
#tunnel-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.scroll-cinema__sticky::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,transparent 15%,rgba(3,5,9,.15) 48%,rgba(3,5,9,.95) 92%)}
.scroll-cinema__hud{position:absolute;z-index:6;left:2rem;top:2rem;display:flex;gap:1rem;align-items:center;font:600 .55rem/1 ui-monospace,monospace;letter-spacing:.13em}.scroll-cinema__hud span{color:#586572}.scroll-cinema__hud b{color:var(--accent)}
.cinema-word{position:absolute;z-index:3;font-size:clamp(7rem,19vw,24rem);font-weight:850;line-height:.7;letter-spacing:-.1em;white-space:nowrap;will-change:transform,opacity,filter;color:#eef2f5;text-shadow:0 0 100px rgba(169,255,203,.06);pointer-events:none}.cinema-word--one{transform:translate3d(calc(var(--cinema-p,0)*-130vw + 55vw),-28vh,0) rotate(-4deg);opacity:calc(1 - var(--cinema-p,0)*1.4)}.cinema-word--two{color:transparent;-webkit-text-stroke:1px rgba(169,255,203,.7);transform:translate3d(calc(var(--cinema-p,0)*-50vw + 28vw),2vh,0) scale(calc(.7 + var(--cinema-p,0)*1.2));opacity:calc(.15 + var(--cinema-mid,0)*.85)}.cinema-word--three{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--accent);transform:translate3d(calc((1 - var(--cinema-p,0))*90vw - 42vw),28vh,0) rotate(3deg);opacity:var(--cinema-end,0)}
.cinema-copy{position:absolute;z-index:5;bottom:2rem;right:2rem;width:min(440px,42vw);text-align:right}.cinema-copy span{font:700 .54rem/1 ui-monospace,monospace;color:var(--accent);letter-spacing:.14em}.cinema-copy p{color:#7f8c98;font-size:.9rem;line-height:1.55;margin:.6rem 0 0}

/* Particle stage safety: text must remain inside the live canvas */
.lab-module--particles .lab-module__stage{overflow:hidden}.lab-module--particles #morph-canvas{display:block;max-width:100%}

@media(max-width:1180px){
  .infinite-workspace{grid-template-columns:1fr}.project-inspector{border-left:0;border-top:1px solid var(--line2);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.project-inspector>span{margin-top:0}.project-inspector__signal{margin-top:0}.project-inspector #canvas-minimap{grid-column:2;grid-row:1/5;margin-top:0;align-self:stretch;object-fit:cover}
  .reactive-gallery{height:850px}.about--reactor{grid-template-columns:1fr}.identity-stage{height:min(78vh,840px)}
  .lab-trio{grid-template-columns:1fr 1fr}.lab-trio .micro-lab:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .infinite-viewport{min-height:520px;height:68vh}.project-inspector{grid-template-columns:1fr;padding:1.3rem}.project-inspector #canvas-minimap{grid-column:1;grid-row:auto;height:120px}.canvas-toolbar>span{font-size:.48rem}.canvas-toolbar button{min-width:30px}
  .reactive-gallery{min-height:760px;height:760px}.media-plane--hero{left:7%;top:19%;width:86%;height:48%}.media-plane--one{left:3%;top:6%;width:44%;height:21%}.media-plane--two{right:3%;top:5%;width:42%;height:22%}.media-plane--three{left:3%;bottom:4%;width:45%;height:25%}.media-plane--four{right:3%;bottom:5%;width:46%;height:24%}.surface-controls{top:auto;bottom:.6rem;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;justify-content:center}.surface-readout{display:none}.visual-lens{width:110px;height:110px}
  .about--reactor{width:calc(100% - 1.3rem);padding-top:6rem}.identity-stage{min-height:590px;height:70vh}.identity-reactor{width:82px}.identity-label{font-size:.42rem}.identity-controls{gap:.3rem}.identity-controls button{padding:.55rem .6rem}
  .lab-trio{grid-template-columns:1fr}.lab-trio .micro-lab:last-child{grid-column:auto}.lab-trio .micro-lab{min-height:520px}
  .scroll-cinema{height:260vh}.scroll-cinema__hud{left:1rem;top:5rem}.cinema-copy{left:1rem;right:1rem;bottom:5rem;width:auto;text-align:left}.cinema-word{font-size:clamp(5rem,25vw,10rem)}
}
@media(prefers-reduced-motion:reduce){.identity-scan{animation:none;top:50%}.project-node.is-active::after{animation:none}.scroll-cinema{height:100vh}.scroll-cinema__sticky{position:relative}.cinema-word--one{transform:translate(-35vw,-25vh);opacity:.35}.cinema-word--two{transform:scale(1);opacity:.65}.cinema-word--three{transform:translate(20vw,25vh);opacity:.75}}

/* V2.1 bugfixes: hidden states must win over component display rules. */
[hidden]{display:none!important}
.shader-fallback[hidden],.camera-placeholder[hidden],.file-placeholder[hidden]{display:none!important}

/* Keep media canvases out of layout calculations so intrinsic bitmap dimensions can never grow the page. */
.shader-fallback{z-index:3}
.camera-stage,.file-stage{position:relative;isolation:isolate}
.camera-stage>canvas,.file-stage>canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;display:block!important}
.file-stage{height:clamp(540px,68vh,720px);min-height:0!important;overflow:hidden;contain:layout paint size}
.file-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;pointer-events:none}


/* V2.2 — hero reactor is the actual visual boundary */
.hero::before{display:none!important}
.hero-core{overflow:hidden;background:radial-gradient(circle at 48% 46%,rgba(11,18,29,.82) 0%,rgba(6,10,17,.98) 68%,#04070b 100%);border:1px solid rgba(255,255,255,.055);box-shadow:inset 0 0 110px rgba(28,58,90,.16),0 0 180px rgba(82,128,255,.065)}
.hero-core::before{content:"";position:absolute;inset:0;border-radius:50%;z-index:0;background:radial-gradient(circle at 55% 40%,rgba(127,247,255,.035),transparent 38%);pointer-events:none}
.hero-core canvas{inset:0!important;width:100%!important;height:100%!important;border-radius:50%;z-index:1}
.hero-core__rings{position:absolute;inset:0;z-index:2;pointer-events:none}.hero-core__label{z-index:3}.hero-core__coords{z-index:3}

/* Status overlays are opt-in errors only, never persistent loading labels. */
.shader-fallback:empty{display:none!important}
.camera-stage[data-camera-live] .camera-placeholder{display:none!important}

/* Local file renderer is a strict, finite viewport. Its bitmap can never define layout size. */
.file-stage{height:auto!important;min-height:0!important;aspect-ratio:16/10;max-height:720px;overflow:hidden!important;contain:strict!important;min-width:0!important}
.file-stage>canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;contain:strict!important}
.lab-module--file{min-width:0!important}.lab-module--file>*{min-width:0!important}

/* V2.3 — LAB 02 verified impossible-material engine */
.shader-stage{isolation:isolate;background:radial-gradient(circle at 50% 44%,rgba(43,95,116,.09),transparent 44%),#03070c}
.shader-stage #shader-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;cursor:crosshair}
.shader-stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at center,transparent 38%,rgba(2,5,9,.18) 72%,rgba(2,5,9,.68) 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.34)}
.shader-status{position:absolute;z-index:4;left:1rem;bottom:1rem;display:flex;align-items:center;gap:.55rem;padding:.45rem .6rem;border:1px solid var(--line2);background:rgba(4,8,13,.62);backdrop-filter:blur(12px);font:650 .52rem/1 ui-monospace,monospace;letter-spacing:.11em;color:#73808d}
.shader-status i{width:6px;height:6px;border-radius:50%;background:#71808e;box-shadow:0 0 12px currentColor}.shader-status b{color:#a9ffcb}.shader-stage[data-shader-state="live"] .shader-status i{background:#a9ffcb;box-shadow:0 0 14px #a9ffcb}.shader-stage[data-shader-state="fallback"] .shader-status i{background:#ffcf7a;box-shadow:0 0 14px #ffcf7a}
.shader-stage .stage-hint{z-index:4}.shader-fallback{z-index:6;padding:2rem;text-align:center;background:rgba(5,8,13,.93)}
.shader-modes{margin-top:2rem}.shader-modes button{min-width:76px}.shader-diagnostic{margin-top:1.5rem!important;padding-top:1rem;border-top:1px solid var(--line2);font:600 .58rem/1.55 ui-monospace,monospace!important;letter-spacing:.05em;color:#667483!important}
.shader-2d-fallback{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}

/* =========================================================
   V3 — stronger interactions, differentiated worlds, data + utility labs
   ========================================================= */
.hero-core__rings{transform:translate3d(var(--core-x,0),var(--core-y,0),0) rotateX(var(--core-rx,0)) rotateY(var(--core-ry,0));transition:transform .08s linear;transform-style:preserve-3d}
.hero-core__rings i{box-shadow:0 0 34px rgba(169,255,203,.05)}
.hero-core:hover .hero-core__rings i:nth-child(1){border-color:rgba(169,255,203,.34)}
.hero-core:hover .hero-core__rings i:nth-child(2){border-color:rgba(127,247,255,.28)}
.hero-core:hover .hero-core__label b{text-shadow:0 0 38px rgba(169,255,203,.38)}
.hero-core__label{transition:transform .08s linear;transform-style:preserve-3d}

/* Four compact worlds, four different live overlays */
.world-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.world-grid--compact .world-card{min-height:455px;display:flex;flex-direction:column;transform:none!important}
.world-grid--compact .world-card__media{height:245px;min-height:245px;isolation:isolate}
.world-grid--compact .world-card__body{padding:1.35rem;display:flex;flex-direction:column;flex:1}
.world-grid--compact .world-card h3{font-size:clamp(2rem,2.6vw,3.25rem);margin:.55rem 0 .8rem}
.world-grid--compact .world-card p{font-size:.88rem;line-height:1.55;margin-bottom:1rem}
.world-grid--compact .world-card a{margin-top:auto;font-size:.59rem}
.world-live-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;mix-blend-mode:screen}
.world-effect-label{position:absolute;z-index:5;right:.65rem;top:.65rem;padding:.32rem .42rem;background:rgba(4,8,13,.68);border:1px solid rgba(255,255,255,.12);font:700 .46rem/1 ui-monospace,monospace;letter-spacing:.11em;color:#aeb8c2;backdrop-filter:blur(8px)}
.world-card--communication .world-card__media::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(135deg,rgba(169,255,203,.02),rgba(127,247,255,.07));pointer-events:none}
.world-card--film .world-card__media img{filter:saturate(.55) contrast(1.14)}
.world-card--dogs .world-card__media img{filter:saturate(.78) contrast(1.04) brightness(.88)}
.world-card--music .frequency-art{opacity:.42;transform:scale(.9)}

.shader-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.shader-control-grid .range-control{grid-template-columns:78px 1fr 48px}

/* Stronger device movement */
.device-demo{height:280px;perspective:650px}
.device-demo__card{width:min(86%,330px);box-shadow:0 45px 100px rgba(0,0,0,.34),0 0 60px rgba(124,168,255,.05);background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),rgba(255,255,255,.16),transparent 28%),linear-gradient(145deg,rgba(169,255,203,.15),rgba(124,168,255,.1));will-change:transform}
.voice-commands{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem;margin:-.7rem 0 1rem}.voice-commands span{border:1px solid var(--line2);padding:.32rem .45rem;font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.09em;color:#73808d}.voice-commands span:last-child{color:var(--accent);border-color:rgba(169,255,203,.25)}
.use-case-note{margin:1rem 0 1.2rem;padding:.85rem 1rem;border-left:2px solid var(--accent);background:rgba(169,255,203,.035);display:grid;gap:.3rem}.use-case-note b{color:var(--accent);font:700 .55rem/1 ui-monospace,monospace;letter-spacing:.1em}.use-case-note span{color:#8d99a5;font-size:.75rem;line-height:1.5}

/* Capability cards now explain + demonstrate */
.system-lab{grid-template-columns:minmax(250px,.42fr) minmax(0,1.58fr);align-items:start}.system-lab__intro{position:sticky;top:7rem}.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.benchmark{grid-column:1/-1;border-left:0;border-top:1px solid var(--line2);padding:1.2rem 0 0;margin-top:.3rem}
.cap-item{position:relative;min-height:218px;padding:1rem;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr auto;gap:.5rem;align-items:start;overflow:hidden;background:rgba(255,255,255,.012)}
.cap-item>div:first-child{display:flex;flex-direction:column;gap:.2rem}.cap-item>div:first-child span{font-size:.67rem}.cap-item>div:first-child small{font:600 .48rem/1.2 ui-monospace,monospace;color:#5f6e7c;letter-spacing:.08em}.cap-item>p{grid-column:1/-1;margin:0!important;font-size:.72rem!important;line-height:1.45!important;color:#85929f!important}.cap-demo-btn{grid-column:1/-1;justify-self:start;border:1px solid var(--line2);background:rgba(255,255,255,.025);color:#aeb8c2;padding:.45rem .6rem;font:700 .5rem/1 ui-monospace,monospace;letter-spacing:.09em;cursor:pointer}.cap-demo-btn:hover:not(:disabled){background:var(--accent);color:#07110c}.cap-demo-btn:disabled{opacity:.35;cursor:not-allowed}.cap-mini{position:absolute!important;right:-12px!important;bottom:-12px!important;width:88px!important;height:88px!important;border-radius:50%;border:1px solid rgba(169,255,203,.08);display:block!important;opacity:.55}.cap-mini i{position:absolute;inset:20%;border:1px solid rgba(127,247,255,.18);border-radius:50%;animation:spin 7s linear infinite}.cap-mini i:nth-child(2){inset:35%;animation-direction:reverse;animation-duration:4s}.cap-mini i:nth-child(3){inset:47%;background:var(--accent);box-shadow:0 0 14px rgba(169,255,203,.4)}.cap-item.is-demo-alt{background:rgba(169,255,203,.08);transform:scale(.98)}

/* Elegant portrait studio, remove old discipline overlays */
.identity-label,.identity-axis,.identity-reactor{display:none!important}.identity-stage::after{content:"PORTRAIT / INTERACTION STUDIO"}.identity-stage{background:radial-gradient(circle at 50% 50%,rgba(124,168,255,.05),transparent 52%),#05080d}.identity-hint{color:#7a8794}.identity-controls button{min-width:74px}

/* Extended labs */
.extended-labs{width:min(calc(100% - 5rem),1700px)}
.data-lab-grid,.design-lab-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.utility-lab{position:relative;min-height:560px;border:1px solid var(--line);background:linear-gradient(150deg,rgba(8,13,20,.96),rgba(5,8,13,.92));padding:clamp(1.5rem,3vw,2.7rem);overflow:hidden;isolation:isolate}
.utility-lab h3{font-size:clamp(2rem,3vw,3.8rem);line-height:.94;letter-spacing:-.05em;margin:0 0 1rem}.utility-lab>p{max-width:620px;color:#8e9aa7;line-height:1.6}.utility-lab canvas{display:block;width:100%;height:260px;margin-top:1.3rem;border:1px solid var(--line2);background:#05080d}
.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:1.2rem 0}.kpi-strip div{border:1px solid var(--line2);padding:.8rem}.kpi-strip span{display:block;color:#63717f;font:700 .46rem/1 ui-monospace,monospace;letter-spacing:.11em}.kpi-strip b{display:block;margin-top:.4rem;color:#dce4ea;font-size:clamp(1rem,1.6vw,1.65rem);letter-spacing:-.04em}
.scenario-bars{height:280px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:1rem;margin:1.2rem 0;border-bottom:1px solid var(--line2)}.scenario-bars div{display:grid;grid-template-rows:auto 1fr auto;align-items:end;height:100%;text-align:center}.scenario-bars span{font:700 .5rem/1 ui-monospace,monospace;color:#72808d}.scenario-bars i{display:block;width:62%;max-width:90px;margin:.5rem auto 0;background:linear-gradient(180deg,var(--accent),rgba(124,168,255,.18));transition:height .35s var(--ease);box-shadow:0 0 40px rgba(169,255,203,.08)}.scenario-bars b{font:700 .58rem/1.2 ui-monospace,monospace;color:#b8c3cc;margin:.6rem 0}
.heatmap-readout{margin-top:.6rem;text-align:right;color:var(--accent);font:700 .52rem/1 ui-monospace,monospace;letter-spacing:.08em}

/* Design utility labs */
.spotlight-bento{--sx:50%;--sy:50%;display:grid;grid-template-columns:1.3fr .7fr 1fr;grid-template-rows:150px 110px;gap:.55rem;margin-top:1.4rem;position:relative}.spotlight-bento::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px at var(--sx) var(--sy),rgba(169,255,203,.14),transparent 70%)}.spotlight-bento div{display:grid;place-items:end start;padding:1rem;border:1px solid var(--line2);background:rgba(255,255,255,.015);font:750 .58rem/1 ui-monospace,monospace;letter-spacing:.1em;color:#778490}.spotlight-bento div:first-child{grid-row:span 2}.spotlight-bento div:nth-child(4){grid-column:span 2}
.mask-reveal{position:relative;height:330px;margin-top:1.4rem;overflow:hidden;border:1px solid var(--line2);--rx:50%;--ry:50%}.mask-reveal img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.mask-reveal img:first-child{filter:grayscale(.35) brightness(.62)}.mask-reveal img:nth-child(2){clip-path:circle(0 at var(--rx) var(--ry));transition:clip-path .3s ease}.mask-reveal.is-active img:nth-child(2){clip-path:circle(115px at var(--rx) var(--ry));transition:none}.mask-reveal i{position:absolute;width:230px;height:230px;border:1px solid rgba(169,255,203,.7);border-radius:50%;left:var(--rx);top:var(--ry);transform:translate(-50%,-50%);opacity:0;pointer-events:none}.mask-reveal.is-active i{opacity:1}
.magnetic-stage{height:330px;margin-top:1.4rem;display:grid;place-items:center;position:relative;border:1px solid var(--line2);background:radial-gradient(circle at center,rgba(169,255,203,.05),transparent 45%),#05080d;overflow:hidden}.magnetic-stage button{z-index:3;border:1px solid rgba(169,255,203,.45);background:var(--accent);color:#07110c;padding:1.1rem 1.4rem;font-weight:800;letter-spacing:.04em;cursor:pointer;transition:transform .12s linear}.magnetic-stage i{position:absolute;width:90px;aspect-ratio:1;border:1px solid rgba(127,247,255,.12);border-radius:50%;transition:transform .16s linear}.magnetic-stage i:nth-of-type(2){width:160px}.magnetic-stage i:nth-of-type(3){width:240px}
.depth-stack{height:340px;position:relative;perspective:850px;margin-top:1.5rem}.depth-stack div{position:absolute;left:9%;right:9%;top:42%;height:130px;padding:1.2rem;border:1px solid rgba(255,255,255,.14);background:rgba(10,16,24,.88);backdrop-filter:blur(14px);display:flex;align-items:flex-end;justify-content:space-between;transform-style:preserve-3d;transition:transform .15s linear,background .25s}.depth-stack div:nth-child(1){transform:translateY(-75px)}.depth-stack div:nth-child(2){transform:translateY(-35px)}.depth-stack div:nth-child(3){transform:translateY(5px)}.depth-stack div:nth-child(4){transform:translateY(45px)}.depth-stack span{font:700 .5rem/1 ui-monospace,monospace;color:var(--accent)}.depth-stack b{font-size:1.2rem}
#contour-canvas{cursor:crosshair}

@media(max-width:1280px){.world-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.data-lab-grid,.design-lab-grid{grid-template-columns:1fr}.system-lab{grid-template-columns:1fr}.system-lab__intro{position:relative;top:auto}.extended-labs{width:calc(100% - 2.5rem)}}
@media(max-width:760px){.world-grid--compact{grid-template-columns:1fr}.world-grid--compact .world-card{min-height:420px}.world-grid--compact .world-card__media{height:220px;min-height:220px}.shader-control-grid{grid-template-columns:1fr}.capability-grid{grid-template-columns:1fr}.utility-lab{min-height:500px;padding:1.2rem}.kpi-strip{grid-template-columns:1fr}.spotlight-bento{grid-template-columns:1fr 1fr;grid-template-rows:120px 120px}.spotlight-bento div:first-child{grid-row:auto}.spotlight-bento div:nth-child(4){grid-column:auto}.mask-reveal,.magnetic-stage,.depth-stack{height:280px}}
.world-card.voice-focus{border-color:rgba(169,255,203,.7)!important;box-shadow:0 0 0 1px rgba(169,255,203,.18),0 25px 100px rgba(169,255,203,.08)!important}.world-card.voice-focus .world-effect-label{background:var(--accent);color:#07110c}
/* Capability miniatures deliberately differ by technology */
.cap-item[data-cap-kind="webgl2"] .cap-mini{border-radius:4px;transform:perspective(100px) rotateX(58deg) rotateZ(24deg);background-image:linear-gradient(rgba(169,255,203,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(169,255,203,.14) 1px,transparent 1px);background-size:14px 14px;animation:capGrid 4s linear infinite}.cap-item[data-cap-kind="webgl2"] .cap-mini i{display:none}
.cap-item[data-cap-kind="webgpu"] .cap-mini{border:0;background:radial-gradient(circle at 30% 30%,rgba(127,247,255,.38) 0 4px,transparent 5px),radial-gradient(circle at 70% 35%,rgba(169,255,203,.42) 0 3px,transparent 4px),radial-gradient(circle at 50% 70%,rgba(124,168,255,.42) 0 5px,transparent 6px)}.cap-item[data-cap-kind="webgpu"] .cap-mini i{border-radius:2px;inset:18%;animation:spin 3s linear infinite}
.cap-item[data-cap-kind="webassembly"] .cap-mini{border:0;border-left:2px solid rgba(169,255,203,.32);border-bottom:2px solid rgba(169,255,203,.32);border-radius:0}.cap-item[data-cap-kind="webassembly"] .cap-mini i{left:12%;right:auto;width:12px;border:0;border-radius:1px;background:rgba(169,255,203,.55);transform-origin:bottom;animation:capBars 1.4s ease-in-out infinite alternate}.cap-item[data-cap-kind="webassembly"] .cap-mini i:nth-child(2){left:37%;height:55%;top:auto;bottom:0;animation-delay:.15s}.cap-item[data-cap-kind="webassembly"] .cap-mini i:nth-child(3){left:65%;height:80%;top:auto;bottom:0;animation-delay:.3s}
.cap-item[data-cap-kind="web-workers"] .cap-mini{border:0}.cap-item[data-cap-kind="web-workers"] .cap-mini::before,.cap-item[data-cap-kind="web-workers"] .cap-mini::after{content:"";position:absolute;left:8px;right:8px;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:capLane 1.7s linear infinite}.cap-item[data-cap-kind="web-workers"] .cap-mini::before{top:30%}.cap-item[data-cap-kind="web-workers"] .cap-mini::after{top:62%;animation-delay:.6s}.cap-item[data-cap-kind="web-workers"] .cap-mini i{display:none}
.cap-item[data-cap-kind="web-audio"] .cap-mini{border:0;display:flex!important;align-items:center;justify-content:center;gap:5px}.cap-item[data-cap-kind="web-audio"] .cap-mini i{position:static;width:3px;height:30%;border:0;border-radius:2px;background:var(--cyan);animation:capAudio .8s ease-in-out infinite alternate}.cap-item[data-cap-kind="web-audio"] .cap-mini i:nth-child(2){height:70%;animation-delay:.18s}.cap-item[data-cap-kind="web-audio"] .cap-mini i:nth-child(3){height:48%;animation-delay:.36s}
.cap-item[data-cap-kind="camera-api"] .cap-mini{border:1px solid rgba(169,255,203,.22);border-radius:14px}.cap-item[data-cap-kind="camera-api"] .cap-mini::before{content:"";position:absolute;inset:25%;border:1px solid rgba(127,247,255,.5);border-radius:50%;box-shadow:inset 0 0 18px rgba(127,247,255,.12)}.cap-item[data-cap-kind="camera-api"] .cap-mini i{display:none}
.cap-item[data-cap-kind="device-orientation"] .cap-mini{border-radius:10px;transform:rotate(12deg);animation:capTilt 2.4s ease-in-out infinite alternate}.cap-item[data-cap-kind="device-orientation"] .cap-mini i{display:none}
.cap-item[data-cap-kind="web-speech"] .cap-mini i{animation:voice 1.5s ease-in-out infinite}.cap-item[data-cap-kind="web-speech"] .cap-mini i:nth-child(2){animation-delay:.2s}.cap-item[data-cap-kind="web-speech"] .cap-mini i:nth-child(3){animation-delay:.4s}
.cap-item[data-cap-kind="view-transitions"] .cap-mini{border:0}.cap-item[data-cap-kind="view-transitions"] .cap-mini::before,.cap-item[data-cap-kind="view-transitions"] .cap-mini::after{content:"";position:absolute;width:32px;height:32px;border:1px solid rgba(169,255,203,.35);background:rgba(169,255,203,.06);animation:capSwap 2s ease-in-out infinite}.cap-item[data-cap-kind="view-transitions"] .cap-mini::before{left:8px;top:12px}.cap-item[data-cap-kind="view-transitions"] .cap-mini::after{right:8px;bottom:12px;animation-direction:reverse}.cap-item[data-cap-kind="view-transitions"] .cap-mini i{display:none}
.cap-item[data-cap-kind="webxr"] .cap-mini{border-radius:4px;transform:perspective(100px) rotateX(-18deg) rotateY(28deg);box-shadow:inset 0 0 24px rgba(124,168,255,.12)}.cap-item[data-cap-kind="webxr"] .cap-mini i{display:none}
.cap-item[data-cap-kind="service-worker"] .cap-mini{border:0}.cap-item[data-cap-kind="service-worker"] .cap-mini::before{content:"↻";position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:2.4rem;animation:spin 3s linear infinite}.cap-item[data-cap-kind="service-worker"] .cap-mini i{display:none}
.cap-item[data-cap-kind="file-api"] .cap-mini{border-radius:3px;border:1px solid rgba(169,255,203,.26)}.cap-item[data-cap-kind="file-api"] .cap-mini::after{content:"FILE";position:absolute;left:10px;bottom:10px;color:var(--accent);font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.08em}.cap-item[data-cap-kind="file-api"] .cap-mini i{display:none}
@keyframes capGrid{to{background-position:28px 14px}}@keyframes capBars{from{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes capLane{from{transform:translateX(-60%);opacity:.1}50%{opacity:1}to{transform:translateX(60%);opacity:.1}}@keyframes capAudio{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}@keyframes capTilt{from{transform:rotate(-13deg) rotateY(-12deg)}to{transform:rotate(13deg) rotateY(12deg)}}@keyframes capSwap{50%{transform:translate(30px,26px) scale(1.25)}}


/* =========================================================
   V3.1 — Business labs, practical design labs, portrait fit
   ========================================================= */
.kpi-strip--four{grid-template-columns:repeat(4,minmax(0,1fr))}.chart-legend{display:flex;gap:1rem;align-items:center;justify-content:flex-end;margin:.25rem 0 -.75rem;color:#6f7e8b;font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.08em}.chart-legend span{display:flex;align-items:center;gap:.4rem}.legend-dot{width:22px;height:2px;display:inline-block}.legend-dot--base{background:#768594;opacity:.55}.legend-dot--sim{background:var(--accent);box-shadow:0 0 10px rgba(169,255,203,.28)}.model-note{margin:.7rem 0 1rem;padding:.75rem .85rem;border-left:2px solid rgba(169,255,203,.42);background:rgba(169,255,203,.035);color:#81909c;font-size:.78rem;line-height:1.5}.waterfall-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin:1rem 0 .3rem}.waterfall-summary div{border:1px solid var(--line2);padding:.72rem}.waterfall-summary span{display:block;color:#63717f;font:700 .45rem/1 ui-monospace,monospace;letter-spacing:.1em}.waterfall-summary b{display:block;margin-top:.35rem;color:#dce4ea;font-size:1.05rem}.scenario-bars{height:310px}.scenario-bars div{position:relative;grid-template-rows:auto 1fr auto auto;padding:.35rem;border-radius:2px}.scenario-bars div.is-best{background:linear-gradient(180deg,rgba(169,255,203,.045),transparent)}.scenario-bars div.is-best span{color:var(--accent)}.scenario-bars small{min-height:2.4em;color:#72808d;font:600 .48rem/1.35 ui-monospace,monospace}.scenario-bars div.is-best small{color:#9db6a7}.heatmap-modes,.reveal-mode-controls,.contour-modes{display:flex;gap:.35rem;flex-wrap:wrap;margin:1rem 0}.heatmap-modes button,.reveal-mode-controls button,.contour-modes button{border:1px solid rgba(255,255,255,.13);background:#070b11;color:#758391;padding:.55rem .7rem;font:700 .5rem/1 ui-monospace,monospace;letter-spacing:.09em;cursor:pointer}.heatmap-modes button.is-active,.reveal-mode-controls button.is-active,.contour-modes button.is-active{background:var(--accent);border-color:var(--accent);color:#06100b}.heatmap-footer{display:flex;gap:1rem;align-items:center;justify-content:space-between;margin-top:.65rem}.heatmap-legend{display:flex;gap:.5rem;align-items:center;color:#667584;font:700 .46rem/1 ui-monospace,monospace;letter-spacing:.08em}.heatmap-legend i{display:block;width:90px;height:6px;background:linear-gradient(90deg,rgba(95,115,145,.18),rgba(169,255,203,.9));border-radius:999px}.heatmap-readout{margin-top:0}
.spotlight-example-label{margin-top:1rem;color:#607080;font:700 .48rem/1 ui-monospace,monospace;letter-spacing:.12em}.spotlight-bento{grid-template-columns:1.25fr .8fr .8fr;grid-template-rows:155px 130px;gap:.55rem}.spotlight-bento::after{background:radial-gradient(210px at var(--sx) var(--sy),rgba(169,255,203,.12),transparent 72%);mix-blend-mode:screen}.spotlight-bento .bento-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.36rem;padding:1rem;border:1px solid var(--line2);background:rgba(255,255,255,.018);overflow:hidden;transition:transform .25s var(--ease),border-color .25s,background .25s,filter .25s;filter:saturate(.75) brightness(.82)}.spotlight-bento .bento-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(5,8,13,.8));pointer-events:none}.spotlight-bento .bento-card>*{position:relative;z-index:2}.spotlight-bento .bento-card span{font:700 .47rem/1 ui-monospace,monospace;letter-spacing:.1em;color:var(--accent)}.spotlight-bento .bento-card b{font-size:1.15rem;letter-spacing:-.03em}.spotlight-bento .bento-card small{color:#8a98a5;font-size:.72rem;line-height:1.35}.spotlight-bento .bento-card--hero{grid-row:span 2}.spotlight-bento .bento-card--wide{grid-column:span 2}.spotlight-bento .bento-card--visual{background-image:linear-gradient(180deg,rgba(5,8,13,.08),rgba(5,8,13,.9)),var(--bento-bg);background-size:cover;background-position:center}.spotlight-bento .bento-card.is-active{transform:translateY(-3px) scale(1.012);border-color:rgba(169,255,203,.55);background-color:rgba(169,255,203,.035);filter:saturate(1.1) brightness(1.08);box-shadow:0 16px 44px rgba(0,0,0,.22)}.spotlight-readout{margin-top:.65rem;color:#93a3af;font-size:.72rem;line-height:1.4}
.mask-reveal{--rx:50%;--ry:50%;--rx-pct:50%;--ry-pct:50%;touch-action:none}.mask-reveal img:nth-child(2){transition:none}.mask-reveal[data-reveal-mode="lens"] img:nth-child(2){clip-path:circle(0 at var(--rx) var(--ry))}.mask-reveal[data-reveal-mode="lens"].is-active img:nth-child(2){clip-path:circle(115px at var(--rx) var(--ry))}.mask-reveal[data-reveal-mode="vertical"] img:nth-child(2){clip-path:inset(0 calc(100% - var(--rx-pct)) 0 0)}.mask-reveal[data-reveal-mode="horizontal"] img:nth-child(2){clip-path:inset(0 0 calc(100% - var(--ry-pct)) 0)}.mask-reveal i{opacity:1;width:0;height:100%;border:0;border-left:1px solid rgba(169,255,203,.82);border-radius:0;left:var(--rx);top:0;transform:none;box-shadow:0 0 18px rgba(169,255,203,.22)}.mask-reveal[data-reveal-mode="lens"] i{width:230px;height:230px;border:1px solid rgba(169,255,203,.72);border-radius:50%;left:var(--rx);top:var(--ry);transform:translate(-50%,-50%);opacity:0}.mask-reveal[data-reveal-mode="lens"].is-active i{opacity:1}.mask-reveal[data-reveal-mode="horizontal"] i{width:100%;height:0;border:0;border-top:1px solid rgba(169,255,203,.82);left:0;top:var(--ry);transform:none}.reveal-label{position:absolute;z-index:5;top:.7rem;padding:.38rem .48rem;background:rgba(5,8,13,.72);border:1px solid rgba(255,255,255,.1);font:700 .46rem/1 ui-monospace,monospace;letter-spacing:.1em}.reveal-label--before{left:.7rem;color:#a7b0b8}.reveal-label--after{right:.7rem;color:var(--accent)}
.depth-stack{height:390px;margin-top:1.3rem}.depth-stack div{left:8%;right:8%;top:18%;height:145px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr;gap:.45rem 1rem;align-content:end;align-items:end;justify-content:stretch;cursor:pointer;pointer-events:auto;transition:transform .28s var(--ease),background .25s,border-color .25s,box-shadow .25s;will-change:transform}.depth-stack div:nth-child(1){transform:translate3d(0,0,0);z-index:4}.depth-stack div:nth-child(2){transform:translate3d(0,54px,-30px);z-index:3}.depth-stack div:nth-child(3){transform:translate3d(0,108px,-60px);z-index:2}.depth-stack div:nth-child(4){transform:translate3d(0,162px,-90px);z-index:1}.depth-stack div span{grid-column:1;font-size:.48rem}.depth-stack div b{grid-column:2;font-size:1.25rem}.depth-stack div small{grid-column:1/-1;color:#83919d;font-size:.72rem;line-height:1.35;opacity:.72}.depth-stack div.is-active{border-color:rgba(169,255,203,.5);background:rgba(12,20,27,.96);box-shadow:0 22px 70px rgba(0,0,0,.35)}.depth-stack div.is-active small{opacity:1;color:#aab6c0}.depth-stack div.is-preview{border-color:rgba(169,255,203,.25);background:rgba(12,18,25,.92);box-shadow:0 8px 28px rgba(0,0,0,.2)}.depth-stack div.is-preview::after{content:"KLICK";position:absolute;right:1rem;top:.8rem;font:700 .46rem/1 ui-monospace,monospace;letter-spacing:.14em;color:rgba(169,255,203,.78)}
#contour-canvas{cursor:crosshair;height:285px}.contour-modes{margin-bottom:.2rem}
.about--reactor{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);min-height:auto}.identity-stage{width:min(100%,760px);height:auto!important;min-height:0!important;aspect-ratio:750/517;justify-self:center;background:radial-gradient(circle at 50% 50%,rgba(124,168,255,.05),transparent 52%),#05080d}.identity-hint{bottom:.6rem}
@media(max-width:1180px){.about--reactor{grid-template-columns:1fr}.identity-stage{width:min(88vw,760px)}}
@media(max-width:760px){.kpi-strip--four{grid-template-columns:1fr 1fr}.waterfall-summary{grid-template-columns:1fr}.heatmap-footer{align-items:flex-start;flex-direction:column}.spotlight-bento{grid-template-columns:1fr 1fr;grid-template-rows:140px 130px 130px}.spotlight-bento .bento-card--hero{grid-row:auto;grid-column:span 2}.spotlight-bento .bento-card--wide{grid-column:span 2}.identity-stage{width:100%;aspect-ratio:750/517}.depth-stack{height:350px}.depth-stack div{left:4%;right:4%;height:130px}.depth-stack div:nth-child(2){transform:translate3d(0,48px,-30px)}.depth-stack div:nth-child(3){transform:translate3d(0,96px,-60px)}.depth-stack div:nth-child(4){transform:translate3d(0,144px,-90px)}}