*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink: #e8e4dc;--ink-dim: rgba(232,228,220,.3);--ink-ghost: rgba(232,228,220,.05);--bg: #0a0a0a;--bg-alt: #0d0d0d;--mono: "Courier New", monospace;--serif: "Georgia", serif;--gold: rgba(200,185,122,.15);--gold-solid: #c8b97a}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);overflow-x:hidden;cursor:none}.cursor{width:6px;height:6px;background:var(--ink);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:difference}.cursor-ring{width:36px;height:36px;border:1px solid rgba(232,228,220,.3);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s,opacity .3s}body:has(a:hover) .cursor-ring,body:has(button:hover) .cursor-ring,body:has(.step:hover) .cursor-ring,body:has(.knob:hover) .cursor-ring{width:56px;height:56px;border-color:#e8e4dc80}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#particles{position:fixed;inset:0;z-index:0;pointer-events:none}.vignette{position:fixed;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.6) 100%)}#world{position:relative;z-index:1}.root-vine{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#rootVinePath{fill:none;stroke:#c8b97a29;stroke-width:1.4}.vine-node{fill:none;stroke:#c8b97a59;stroke-width:1.4}#rootVineDot{fill:var(--gold-solid);filter:drop-shadow(0 0 6px rgba(200,185,122,.85)) drop-shadow(0 0 14px rgba(200,185,122,.4));pointer-events:all;cursor:pointer}.whisper{position:fixed;z-index:60;font-family:var(--serif);font-style:italic;font-size:14px;color:#e8e4dcbf;text-shadow:0 0 10px rgba(200,185,122,.45);pointer-events:none;opacity:0;transition:opacity .6s ease,transform .6s ease;transform:translate(-50%,-130%);white-space:nowrap}.whisper.visible{opacity:1;transform:translate(-50%,-155%)}section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80px 60px;position:relative;overflow:hidden;transform-style:preserve-3d;z-index:1}.depth-far{position:absolute;pointer-events:none;user-select:none;will-change:transform;transform:translateZ(-120px) scale(1.15)}.depth-mid{position:absolute;pointer-events:none;user-select:none;will-change:transform;transform:translateZ(-60px) scale(1.07)}.depth-near{position:relative;will-change:transform;transform:translateZ(0)}.ghost{font-family:var(--serif);font-style:italic;color:var(--ink-ghost);line-height:1}.horizon{position:absolute;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(232,228,220,.04),transparent);pointer-events:none}[data-reveal]{opacity:0;transition:opacity 1s ease,transform 1s ease}[data-reveal=up]{transform:translateY(50px)}[data-reveal=left]{transform:translate(-70px)}[data-reveal=scale]{transform:scale(.9)}[data-reveal=fade]{transform:none}[data-reveal=depth]{transform:translateZ(-40px) scale(.96);opacity:0}[data-reveal].visible{opacity:1;transform:none}.glow{color:var(--gold-solid);text-shadow:0 0 6px rgba(200,185,122,.45),0 0 16px rgba(200,185,122,.2);animation:goldBreathe 4.6s ease-in-out infinite}@keyframes goldBreathe{0%,to{text-shadow:0 0 6px rgba(200,185,122,.4),0 0 14px rgba(200,185,122,.16)}50%{text-shadow:0 0 10px rgba(200,185,122,.65),0 0 24px rgba(200,185,122,.3)}}.reception{flex-direction:column;gap:32px;background:radial-gradient(circle at 50% 35%,#100e0a 0%,var(--bg) 70%);z-index:3}.reception-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase}.panel{position:relative;width:100%;max-width:940px;background:linear-gradient(165deg,#3c372e,#221f1a 38%,#0d0c0a);border-radius:18px;padding:24px 28px 28px;border:1px solid #050504;box-shadow:0 30px 70px #000000a6,inset 0 2px #ffffff0f,inset 0 -2px #00000080}.panel-sheen{position:absolute;top:0;left:0;right:0;height:42%;border-radius:18px 18px 60% 60%/18px 18px 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.09),transparent);pointer-events:none}.brushed{position:absolute;inset:0;border-radius:18px;pointer-events:none;background-image:repeating-linear-gradient(95deg,rgba(255,255,255,.045) 0px,rgba(255,255,255,.045) 1px,transparent 1px,transparent 4px),repeating-linear-gradient(95deg,rgba(0,0,0,.07) 0px,rgba(0,0,0,.07) 2px,transparent 2px,transparent 6px)}.screw{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#7a7a7a,#161616 72%);box-shadow:inset 0 0 3px #000000d9,0 1px 1px #ffffff1a;z-index:3}.screw:after{content:"";position:absolute;top:50%;left:13%;width:74%;height:1.2px;background:#000000b3;transform:translateY(-50%) rotate(36deg)}.screw.tl{top:13px;left:13px}.screw.tr{top:13px;right:13px}.screw.bl{bottom:13px;left:13px}.screw.br{bottom:13px;right:13px}.panel-header{position:relative;z-index:2;display:flex;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#4a4338,#15120e 75%);border:1px solid rgba(200,185,122,.5);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:12px;color:#e8d9a8;text-shadow:0 0 6px rgba(232,217,168,.6);box-shadow:inset 0 0 10px #c8b97a40,0 2px 4px #00000080;flex-shrink:0}.brand-text{flex:1;min-width:0}.brand-title{font-family:var(--serif);font-size:16px;color:#f0ece2;line-height:1.2}.brand-sub{font-family:var(--mono);font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:#e8e4dc59;margin-top:3px}.lcd{background:linear-gradient(160deg,#1c2616,#0a0f08);border:1px solid #000;border-radius:5px;padding:8px 14px;box-shadow:inset 0 3px 8px #000000e6,inset 0 0 0 1px #ffffff0a;position:relative;overflow:hidden;min-width:150px;flex-shrink:0;text-align:center}.lcd:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,rgba(0,0,0,.35) 0px,rgba(0,0,0,.35) 1px,transparent 1px,transparent 3px);pointer-events:none}.lcd-text{position:relative;font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:#b9f08a;text-shadow:0 0 8px rgba(185,240,138,.85),0 0 16px rgba(185,240,138,.4);white-space:nowrap}.seq-screen{position:relative;z-index:2;background:linear-gradient(160deg,#0d0d0d,#020202);border-radius:12px;padding:16px 14px;box-shadow:inset 0 4px 14px #000000e6,inset 0 0 0 1px #ffffff0d;max-height:340px;overflow-y:auto}.sequencer{display:flex;flex-direction:column;gap:9px}.track-row{display:flex;align-items:center;gap:7px}.track-label{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#d8d2c2;text-shadow:0 1px 1px rgba(0,0,0,.8);width:34px;flex-shrink:0}.track-toggles{display:flex;gap:3px;flex-shrink:0}.track-toggle{width:16px;height:14px;border-radius:3px;background:linear-gradient(150deg,#3a3a3a,#161616);border:1px solid rgba(0,0,0,.6);font-family:var(--mono);font-size:6.5px;color:#e8e4dc66;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none}.track-toggle.mute-active{background:linear-gradient(150deg,#5a2420,#2a0f0d);color:#ffb3a6;border-color:#ff5a3c80;box-shadow:0 0 6px #ff5a3c66}.track-toggle.solo-active,.track-toggle.fx-active,.track-toggle.rev-active{background:linear-gradient(150deg,#5a4420,#2a1f0d);color:#ffe9a6;border-color:#ffdd8c80;box-shadow:0 0 6px #ffdd8c66}.track-led{width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a1810,#150805 70%);box-shadow:inset 0 0 2px #000c;flex-shrink:0}.track-led.lit{background:radial-gradient(circle at 35% 30%,#fff3d0,#ffb84d 70%);box-shadow:0 0 9px 3px #ffb84de6,0 0 18px 6px #ffb84d73}.steps{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;flex:1}.step{aspect-ratio:1;border-radius:4px;background:linear-gradient(150deg,#4a4a48,#232220 45%,#0d0c0b);border:1px solid rgba(0,0,0,.6);box-shadow:inset 1px 1px 2px #ffffff26,inset -2px -2px 4px #0009;cursor:pointer}.step.beat{box-shadow:inset 1px 1px 2px #ffffff26,inset -2px -2px 4px #0009,inset 0 0 0 1px #e8d9a847}.step.active{background:linear-gradient(150deg,#ffe8a8,#f0b248 45%,#a86a1e);border-color:#ffe196b3;box-shadow:0 0 14px 3px #ffb248b3,0 0 28px 8px #ffb2484d,inset 1px 1px 2px #ffffffa6,inset -2px -2px 3px #78460f8c}.step.playhead{outline:2px solid #fff;outline-offset:1px}.controls-screen{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:18px;background:linear-gradient(160deg,#16140f,#0a0908);border-radius:12px;padding:18px 20px;box-shadow:inset 0 3px 10px #00000080,inset 0 0 0 1px #ffffff0a}.knobs-row{display:flex;gap:22px;flex-wrap:wrap}.knob{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:4px;cursor:grab;user-select:none;touch-action:none}.knob:active{cursor:grabbing}.knob-ring{position:absolute;top:-4px;left:50%;width:56px;height:56px;transform:translate(-50%);pointer-events:none}.knob-ring-bg,.knob-ring-fg{fill:none;stroke-width:3;stroke-linecap:round;transform:rotate(-225deg);transform-origin:28px 28px}.knob-ring-bg{stroke:#ffffff14;stroke-dasharray:117.81 39.27}.knob-ring-fg{stroke:var(--gold-solid);filter:drop-shadow(0 0 4px rgba(200,185,122,.6));stroke-dasharray:0 157.08}.knob-body{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#6a6358,#2c2820 45%,#0d0b08);border:1px solid #050403;box-shadow:0 5px 10px #000000a6,inset 2px 2px 3px #ffffff38,inset -3px -3px 5px #000000b3;position:relative;z-index:1}.knob-body:before{content:"";position:absolute;top:18%;left:22%;width:28%;height:16%;border-radius:50%;background:#fff6;filter:blur(2px)}.knob-indicator{position:absolute;bottom:50%;left:50%;width:3px;height:17px;margin-left:-1.5px;background:linear-gradient(to top,#c8b97a,#fff3d0);box-shadow:0 0 7px #e8d9a8cc;border-radius:2px;transform-origin:50% 100%}.knob-label{font-family:var(--mono);font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#e8e4dc80}.knob-value{font-family:var(--mono);font-size:10px;color:#e8d9a8;text-shadow:0 0 5px rgba(232,217,168,.4);min-width:40px;text-align:center}.power-unit{display:flex;flex-direction:column;align-items:center;gap:8px}.power-btn{width:50px;height:50px;border-radius:50%;background:radial-gradient(circle at 32% 26%,#4a4642,#18160f 75%);border:2px solid #020201;box-shadow:0 5px 10px #000000a6,inset 2px 2px 3px #ffffff29,inset -3px -3px 5px #000000bf;display:flex;align-items:center;justify-content:center;cursor:pointer}.power-led{width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a1810,#1a0805 70%);box-shadow:inset 0 0 3px #0009}.power-btn.on .power-led{background:radial-gradient(circle at 35% 30%,#ffb39e,#f42 70%);box-shadow:0 0 11px 4px #f42c,0 0 24px 8px #ff442261}.power-label{font-family:var(--mono);font-size:8px;letter-spacing:.28em;text-transform:uppercase;color:#e8e4dc73}.hw-button{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#d8d2c2;background:linear-gradient(150deg,#3a382f,#161410);border:1px solid #050403;border-radius:6px;padding:13px 18px;cursor:pointer;box-shadow:inset 1px 1px 2px #ffffff24,inset -2px -2px 4px #0000008c,0 2px 4px #0006}.hw-button:hover{color:var(--gold-solid)}.float-mute{position:fixed;bottom:28px;right:28px;z-index:50;font-family:var(--mono);font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#c8b97a73;background:#0a0a0a8c;border:1px solid rgba(200,185,122,.2);padding:10px 18px;border-radius:20px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s ease,color .3s,border-color .3s}.float-mute.visible{opacity:1;pointer-events:all}.float-mute:hover{color:var(--gold-solid);border-color:#c8b97a80}.hero{flex-direction:column;text-align:center;background:var(--bg);perspective:800px}.hero-eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.35em;text-transform:uppercase;margin-bottom:48px}.hero-name{font-size:clamp(64px,13vw,148px);font-weight:400;line-height:.88;letter-spacing:-.02em;transform-style:preserve-3d}.hero-name .light{color:#e8e4dc1f;font-style:italic;display:block;transform:translateZ(-20px)}.hero-name .bold{display:block;transform:translateZ(20px)}.hero-sub{margin-top:48px;font-family:var(--mono);font-size:11px;letter-spacing:.25em}.scroll-hint{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;opacity:0;animation:fadeIn 1s ease 1.4s forwards}.scroll-hint span{font-family:var(--mono);font-size:9px;letter-spacing:.35em;color:#e8e4dc2e;text-transform:uppercase}.scroll-hint:after{content:"";width:1px;height:56px;background:linear-gradient(to bottom,rgba(232,228,220,.2),transparent);animation:scrollPulse 2.4s ease infinite}@keyframes fadeIn{to{opacity:1}}@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}49%{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.manifesto{background:var(--bg-alt);flex-direction:column}.manifesto-wrap{max-width:640px;width:100%}.m-line{font-size:clamp(26px,4vw,46px);font-weight:400;line-height:1.15;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--ink-ghost)}.m-line:last-child{border-bottom:none}.m-em{color:var(--ink)}.m-dim{color:#e8e4dc33}.m-mid{color:#e8e4dc8c}.m-italic{font-style:italic;font-size:clamp(14px,2vw,20px)}.pillars{background:var(--bg);flex-direction:column;gap:72px}.pillars-label{font-family:var(--mono);font-size:10px;letter-spacing:.45em;text-transform:uppercase}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e8e4dc0f;width:100%;max-width:900px}.pillar{background:var(--bg);padding:48px 32px;transition:background .4s ease,transform .4s ease;transform-style:preserve-3d}.pillar:hover{background:#0f0f0f;transform:translateZ(12px)}.pillar-num{font-family:var(--mono);font-size:10px;letter-spacing:.2em;margin-bottom:24px}.pillar h3{font-size:22px;font-weight:400;margin-bottom:18px;line-height:1.2}.pillar p{font-family:var(--mono);font-size:11px;color:#e8e4dc52;line-height:1.9;letter-spacing:.04em}.teatro{background:var(--bg-alt);flex-direction:column;text-align:center;gap:64px}.teatro h2{font-size:clamp(38px,7vw,84px);font-weight:400;letter-spacing:-.02em;line-height:1.05}.teatro h2 em{font-style:italic;color:#e8e4dc38}.acts{display:flex;align-items:center;gap:48px}.act{display:flex;flex-direction:column;align-items:center;gap:14px}.act-symbol{font-size:28px;opacity:.45;line-height:1;transition:opacity .4s,transform .4s}.act:hover .act-symbol{opacity:.9;transform:translateZ(20px) scale(1.1)}.act-label{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase}.act-sep{font-size:16px;color:#e8e4dc14;padding-bottom:20px}.cierre{background:var(--bg);flex-direction:column;text-align:center;gap:36px}.cierre-quote{font-size:clamp(17px,2.8vw,30px);font-style:italic;color:#e8e4dc73;max-width:560px;line-height:1.6}.cierre-quote strong{color:var(--ink);font-weight:400}.cierre-sig{font-family:var(--mono);font-size:11px;letter-spacing:.3em}.cierre-links{display:flex;gap:48px;justify-content:center;margin-top:16px}.cierre-link{font-family:var(--mono);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#c8b97a73;text-decoration:none;padding-bottom:4px;border-bottom:1px solid rgba(200,185,122,.15);transition:color .3s,border-color .3s,transform .3s,text-shadow .3s;display:inline-block}.cierre-link:hover{color:var(--gold-solid);border-color:#c8b97a99;text-shadow:0 0 10px rgba(200,185,122,.6),0 0 22px rgba(200,185,122,.3);transform:translateY(-2px)}@media(max-width:760px){section{padding:60px 20px}.panel{padding:16px 12px 18px}.panel-header{flex-wrap:wrap}.lcd{min-width:100%;order:3;margin-top:6px}.seq-screen{max-height:300px;padding:10px 8px}.sequencer{gap:6px}.track-row{gap:4px}.track-label{font-size:7.5px;width:24px}.track-toggle{width:13px;height:12px;font-size:6px}.steps{gap:2px}.controls-screen{justify-content:center;gap:16px;padding:14px}.knobs-row{gap:14px;justify-content:center}.pillars-grid{grid-template-columns:1fr}.acts{flex-direction:column;gap:28px}.act-sep{transform:rotate(90deg)}.cierre-links{gap:24px;flex-wrap:wrap;justify-content:center}.hero-eyebrow,.hero-sub{font-size:13px}.m-dim{color:#e8e4dc73}.m-italic{font-size:16px}.pillar p{font-size:13px;color:#e8e4dc8c;line-height:2}.pillars-label,.act-label,.cierre-sig,.cierre-link{font-size:12px}.cierre-quote{font-size:clamp(18px,4.5vw,26px);color:#e8e4dca6}}