:root{color-scheme:dark;--bg:#090b0b;--fg:#f0f2e9;--muted:#93978c;--accent:#d7ff78;--border:#30332c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif;font-size:16px}.site{max-width:2400px;margin:auto;padding:0 4.6%}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button,label{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-100px;background:var(--accent);color:#090b0b;padding:1rem;z-index:20}.skip:focus{top:0}header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.logo{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:2.6rem;letter-spacing:-.08em}.logo span{color:var(--accent)}.logo sup{font-family:Arial;font-size:.7rem;letter-spacing:0;vertical-align:top;position:relative;top:.5rem;margin-left:.4rem}nav{display:flex;align-items:center;gap:3.2rem;font-size:.9rem}nav a{display:flex;gap:2rem;align-items:center}.nav-pill{border:1px solid #686e5a;border-radius:50px;padding:13px 20px}.nav-pill:hover{background:var(--accent);color:#090b0b}.eyebrow{display:flex;align-items:center;gap:.8rem;font-size:.75rem;letter-spacing:.12em;padding-top:30px}.spark{color:var(--accent);font-size:1.5rem}.edition{margin-left:auto;color:var(--muted)}.scene{position:relative;isolation:isolate;min-height:620px;height:min(70vw,760px);display:flex;flex-direction:column;justify-content:center}canvas{position:absolute;width:77%;height:110%;top:-6%;right:-4%;z-index:-1;pointer-events:auto}.scene:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 70%)}h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(4rem,8.5vw,12rem);font-weight:500;line-height:1.08;letter-spacing:-.065em;margin:2rem 0 3rem;pointer-events:none}h1 em{font-style:normal;color:var(--accent)}.orbit-label{position:absolute;right:0;top:13%;font-size:.75rem;letter-spacing:.1em;display:flex;flex-direction:column;gap:12px;color:#bac0aa}.orbit-label i{height:44px;width:1px;background:#727b59;margin-left:auto}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:470px}.hero-bottom p{font-size:1rem;line-height:1.7;color:#b4b9aa;margin:0}.round-link{border:1px solid #576046;border-radius:50%;height:66px;width:66px;display:grid;place-items:center;font-size:1.8rem;transition:background .2s,transform .2s}.round-link:hover{background:var(--accent);color:var(--bg);transform:translateY(4px)}.controlbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.live{font-size:.75rem;letter-spacing:.09em;display:flex;align-items:center;gap:9px}.status-mark{width:7px;height:7px;background:var(--accent);border-radius:50%}fieldset{border:0;display:flex;gap:10px;align-items:center;padding:0;margin:0}.color{display:grid;place-items:center;padding:4px;cursor:pointer}.color input{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--swatch);margin:0;cursor:pointer}.color:has(input:checked){outline:1px solid #b0b5a4;border-radius:50%}.palette-label{color:var(--muted);font-size:.875rem;margin-left:8px}button{background:transparent;border:0;color:var(--fg);font-size:.875rem;cursor:pointer;display:flex;gap:10px;align-items:center;padding:8px}button:hover{color:var(--accent)}.idea{display:grid;grid-template-columns:1fr 2.35fr;gap:2rem;padding:110px 0 100px;border-bottom:1px solid var(--border)}.section-index{font-size:.75rem;letter-spacing:.12em;color:var(--muted);padding-top:12px}h2{font-family:'Manrope',Arial,sans-serif;font-weight:500;font-size:clamp(2.4rem,4.3vw,6rem);letter-spacing:-.05em;line-height:1.14;margin:0 0 40px}h2 span{color:#a8b19a}.idea-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.idea-bottom p{margin:0;max-width:390px;font-size:1rem;line-height:1.8;color:#c3c6bc}.muted{display:block;color:var(--muted);margin-top:16px}footer{padding:35px 0;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;font-size:.8rem;color:var(--muted)}.small{font-size:1.6rem;color:var(--fg)}footer>span{font-size:.75rem;letter-spacing:.08em}footer a:hover{color:var(--accent)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(min-width:1800px){.scene{height:900px}.hero-bottom{max-width:650px}.hero-bottom p{font-size:1.2rem}}@media(max-width:760px){.site{padding:0 6%}header{height:86px}.logo{font-size:2rem}nav{gap:1.2rem}nav a{gap:.7rem}nav>a:first-child{display:none}.eyebrow{font-size:.65rem;letter-spacing:.07em}.edition{font-size:.65rem}.scene{min-height:600px;height:80vh;max-height:780px;justify-content:flex-start;padding-top:52px}canvas{width:125%;height:90%;right:-6%;top:11%}h1{font-size:clamp(3.3rem,11.5vw,5.4rem);margin:0;line-height:1.12}.scene:after{background:linear-gradient(180deg,var(--bg),transparent 50%,var(--bg) 97%)}.orbit-label{display:none}.hero-bottom{margin-top:auto;margin-bottom:34px;width:100%;max-width:none}.hero-bottom p{font-size:.9rem}.round-link{width:52px;height:52px}.controlbar{flex-wrap:wrap;row-gap:20px}.live{width:100%;font-size:.7rem}.palette-label{display:none}button{font-size:.8rem}.idea{padding:65px 0;grid-template-columns:1fr;gap:28px}.idea-bottom{grid-template-columns:1fr;gap:22px}h2{margin-bottom:28px}footer{flex-wrap:wrap}footer>span{order:3;width:100%;font-size:.65rem}footer>a:last-child{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* NOVA / Volume 002 */
:root{--accent-rgb:215,255,120}
body{background:radial-gradient(ellipse at 85% 8%,#141a10 0,transparent 36%),var(--bg)}
.site{overflow:clip}
header{position:relative;z-index:3}
.logo,.nav-pill,.round-link{transition:color .3s,background .3s,border-color .3s,transform .3s}
.logo:hover{color:var(--accent)}
.spark{display:inline-block;animation:spark-turn 28s linear infinite}
.scene{min-height:660px}
.scene-grid{position:absolute;inset:4% -5% 0 40%;z-index:-2;pointer-events:none;opacity:.26;background-image:linear-gradient(#6d7c3924 1px,transparent 1px),linear-gradient(90deg,#6d7c3924 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(ellipse at center,#000,transparent 66%)}
canvas{width:83%;height:116%;right:-8%;top:-7%}
.scene:after{background:linear-gradient(90deg,var(--bg) 0%,rgba(9,11,11,.65) 22%,transparent 59%)}
h1{position:relative;font-weight:500;letter-spacing:-.072em;filter:drop-shadow(0 8px 25px #090b0b55)}
.headline-line{display:block;animation:headline-enter 1.25s cubic-bezier(.16,1,.3,1) both}
.headline-line:nth-child(2){animation-delay:.13s}
h1 em{background:linear-gradient(115deg,var(--fg) -50%,var(--accent) 65%);background-clip:text;-webkit-background-clip:text;color:transparent}
.eyebrow,.hero-bottom,.orbit-label{animation:soft-enter 1.4s .2s both}
.orbit-label{top:16%;right:1%;font-size:.75rem;color:#abb797;line-height:1.5}
.orbit-label i{height:60px;background:linear-gradient(var(--accent),transparent)}
.hero-bottom{max-width:490px}
.round-link{position:relative;background:#151a1055;backdrop-filter:blur(6px)}
.round-link:before{content:'';position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.12)}
.round-link:hover{box-shadow:0 0 32px rgba(var(--accent-rgb),.15)}
.controlbar{position:relative;background:#090b0b77;backdrop-filter:blur(12px)}
.color input{transition:box-shadow .25s,transform .25s}
.color:hover input{transform:scale(1.12);box-shadow:0 0 20px var(--swatch)}
.idea{padding-top:130px;padding-bottom:105px;position:relative}
.idea:before{content:'';position:absolute;top:0;left:0;width:80px;height:1px;background:var(--accent)}
.idea h2 span{color:var(--accent)}
.idea.in-view h2{animation:headline-enter 1.1s cubic-bezier(.16,1,.3,1) both}
.idea.in-view .idea-bottom{animation:soft-enter 1s .15s both}
.wordmark{position:relative;display:flex;align-items:baseline;justify-content:center;line-height:.88;padding:50px 5% 65px;font-family:'Manrope',Arial,sans-serif;font-size:clamp(8rem,30vw,42rem);font-weight:800;letter-spacing:-.095em;color:transparent;-webkit-text-stroke:1px #454e39;user-select:none;isolation:isolate}
.wordmark:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 110%,rgba(var(--accent-rgb),.08),transparent 67%)}
.wordmark span:nth-child(2){-webkit-text-stroke:1px var(--accent);color:rgba(var(--accent-rgb),.035)}
.wordmark i{position:absolute;right:2%;top:22%;font-size:clamp(2rem,4vw,5rem);font-weight:400;font-style:normal;letter-spacing:0;color:var(--accent);-webkit-text-stroke:0;animation:spark-turn 40s linear infinite}
.wordmark.in-view>span{animation:wordmark-enter 1.2s cubic-bezier(.16,1,.3,1) both}
.wordmark.in-view>span:nth-child(2){animation-delay:.06s}.wordmark.in-view>span:nth-child(3){animation-delay:.12s}.wordmark.in-view>span:nth-child(4){animation-delay:.18s}
footer{border-top:1px solid var(--border)}
@keyframes headline-enter{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes soft-enter{from{opacity:0}to{opacity:1}}
@keyframes wordmark-enter{from{opacity:.2;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}
@keyframes spark-turn{to{transform:rotate(360deg)}}
.motion-paused .spark,.motion-paused .wordmark i{animation-play-state:paused!important}
@media(min-width:1800px){.scene{min-height:900px}.hero-bottom{max-width:660px}}
@media(max-width:760px){.scene{min-height:620px}.scene-grid{inset:15% -10% 10% 0;background-size:54px 54px}canvas{width:136%;height:95%;right:-20%;top:10%}.scene:after{background:linear-gradient(180deg,rgba(9,11,11,.35),transparent 50%,var(--bg) 96%)}h1{font-size:clamp(3rem,11.5vw,5.4rem);letter-spacing:-.067em}.hero-bottom{max-width:none}.idea{padding-top:70px;padding-bottom:65px}.wordmark{padding:45px 0 50px;font-size:32vw}.wordmark i{top:18%;right:0;font-size:1.6rem}.controlbar{backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.headline-line,.eyebrow,.hero-bottom,.orbit-label{opacity:1!important;transform:none!important;filter:none!important}}

/* Volume 003 / Light studio */
.studio-controls{display:grid;grid-template-columns:1.5fr 1fr auto;gap:2.5rem;align-items:center;padding:25px 0;border-top:1px solid var(--border)}
.shapes{display:block;min-width:0}.shapes legend,.energy>label{font-size:.75rem;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}
.shape-options{display:flex;gap:7px}.shape-options label{cursor:pointer;position:relative}.shape-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.shape-options span{display:block;border:1px solid var(--border);border-radius:8px;padding:11px 16px;font-size:.875rem;transition:color .25s,background .25s,border-color .25s}
.shape-options input:checked+span{background:rgba(var(--accent-rgb),.1);color:var(--accent);border-color:rgba(var(--accent-rgb),.5)}
.shape-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:4px}.shape-options label:hover span{border-color:var(--accent)}
.energy>label{display:flex;justify-content:space-between}.energy output{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:0}
.energy input{width:100%;height:28px;cursor:pointer;accent-color:var(--accent);margin:0}
#immersive{border:1px solid var(--border);border-radius:50px;padding:12px 17px;white-space:nowrap}#immersive>span:first-child{font-size:1.4rem}#immersive[hidden]{display:none}
.hero:fullscreen{background:var(--bg);padding:0 4%;overflow:auto;display:flex;flex-direction:column;height:100dvh}
.hero:fullscreen .scene{flex:1;min-height:180px;height:auto;isolation:isolate}
.hero:fullscreen .scene canvas{inset:0;width:100%;height:100%}
.hero:fullscreen h1,.hero:fullscreen .hero-bottom,.hero:fullscreen .scene:after{display:none}
.hero:fullscreen .orbit-label{right:0;top:12%;font-size:.75rem}
.hero:fullscreen .studio-controls,.hero:fullscreen .controlbar{flex-shrink:0}
.hero:fullscreen .eyebrow{padding-top:18px}
@media(max-width:1000px){.studio-controls{gap:1.2rem;grid-template-columns:1.5fr 1fr}.studio-controls #immersive{grid-column:1/-1;justify-self:start}.shape-options span{padding:10px 13px}}
@media(max-width:560px){.studio-controls{grid-template-columns:1fr;gap:20px}.shape-options label{flex:1;text-align:center}.shape-options{width:100%}.studio-controls #immersive{grid-column:auto;justify-self:stretch;justify-content:center}.hero:fullscreen .studio-controls{padding:14px 0;gap:10px;grid-template-columns:1fr 1fr}.hero:fullscreen .shapes{grid-column:1/-1}.hero:fullscreen #immersive{padding:7px;font-size:.75rem}.hero:fullscreen .controlbar{padding:8px 0;gap:6px}.hero:fullscreen .live{display:none}.hero:fullscreen .eyebrow{font-size:.6rem}.hero:fullscreen .orbit-label{display:none}}