*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#020206;--white:#fff;--gray:#7a7a7a;--gray-dark:#2a2a2a;--gray-light:#b0b0b0;--accent:#2a5a3a;--accent-light:#3a8a5a;--accent-glow:#2a8a5a66;--font-mono:"Space Mono", monospace;--font-body:"Inter", sans-serif}body{background:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}#webgl{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#scroll-driver{pointer-events:none;height:600vh}#overlays{z-index:10;pointer-events:none;perspective:1200px;width:100%;height:100%;position:fixed;top:0;left:0}.overlay{text-align:center;opacity:0;width:100%;height:100%;transform-style:preserve-3d;pointer-events:none;will-change:transform, opacity, filter;flex-direction:column;justify-content:center;align-items:center;padding:60px;transition:opacity 1.4s cubic-bezier(.22,1,.36,1),transform 1.6s cubic-bezier(.22,1,.36,1),filter 1.2s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:0;transform:scale3d(.7,.7,.7)translateZ(-200px)}.overlay.active{opacity:1;pointer-events:auto;filter:blur();transform:scale(1)translateZ(0)}.overlay.approaching{opacity:.3;filter:blur();transform:scale3d(.7,.7,.7)translateZ(-200px)}.overlay.exiting{opacity:0;filter:blur(4px);transform:scale3d(1.3,1.3,1.3)translateZ(150px)}.overlay.active .overlay-pre,.overlay.active .overlay-header,.overlay.active .card-date{transition-delay:.1s;transform:translateZ(10px)}.overlay.active .overlay-title,.overlay.active .overlay-label,.overlay.active .overlay-lead{transition-delay:.2s;transform:translateZ(25px)}.overlay.active .overlay-sub,.overlay.active .overlay-body,.overlay.active .overlay-cards,.overlay.active .overlay-transforms,.overlay.active .overlay-phases{transition-delay:.3s;transform:translateZ(15px)}.overlay.active .overlay-tags,.overlay.active .overlay-accent,.overlay.active .overlay-principles,.overlay.active .overlay-cta{transition-delay:.4s;transform:translateZ(5px)}.overlay>*{transition:transform 1.4s cubic-bezier(.22,1,.36,1),opacity 1.2s cubic-bezier(.22,1,.36,1);transform:translateZ(0)}.overlay-pre{font-family:var(--font-mono);letter-spacing:.5em;text-transform:uppercase;color:var(--gray);margin-bottom:24px;font-size:11px}.overlay-title{font-family:var(--font-mono);letter-spacing:.35em;text-shadow:0 0 40px #2a8a5a26;margin-bottom:16px;font-size:clamp(24px,5vw,56px);font-weight:700;line-height:1.2}.overlay-sub{color:var(--gray-light);letter-spacing:.15em;margin-bottom:32px;font-size:16px;font-weight:300}.overlay-tags{font-family:var(--font-mono);letter-spacing:.4em;color:var(--gray-dark);gap:16px;font-size:10px;display:flex}.overlay-header{align-items:center;gap:20px;margin-bottom:40px;display:flex}.overlay-index{font-family:var(--font-mono);color:var(--accent-light);letter-spacing:.1em;font-size:12px}.overlay-label{font-family:var(--font-mono);letter-spacing:.5em;color:var(--gray);font-size:14px}.overlay-cards{gap:20px;width:100%;max-width:900px;display:flex}.overlay-card{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0a99;border:1px solid #ffffff0f;border-radius:4px;flex:1;padding:24px}.card-date{font-family:var(--font-mono);color:var(--gray);letter-spacing:.1em;font-size:10px}.overlay-card h3{font-family:var(--font-mono);letter-spacing:.08em;margin:10px 0;font-size:13px;font-weight:400;line-height:1.4}.overlay-card p{color:var(--gray-light);margin-bottom:12px;font-size:12px;line-height:1.6}.card-tags{gap:8px;display:flex}.card-tags span{font-family:var(--font-mono);color:var(--accent-light);font-size:9px}.overlay-lead{max-width:600px;margin-bottom:16px;font-size:28px;font-weight:400;line-height:1.4}.overlay-body{color:var(--gray-light);max-width:560px;margin-bottom:16px;font-size:14px;line-height:1.8}.overlay-accent{font-family:var(--font-mono);color:var(--accent-light);letter-spacing:.05em;text-shadow:0 0 20px var(--accent-glow);margin-bottom:32px;font-size:14px}.overlay-principles{gap:32px;display:flex}.overlay-principle{color:var(--gray-light);border-left:1px solid var(--gray-dark);text-align:left;padding-left:16px;font-size:12px;line-height:1.5}.overlay-principle span{font-family:var(--font-mono);letter-spacing:.3em;color:var(--white);margin-bottom:4px;font-size:10px;display:block}.overlay-transforms{flex-direction:column;gap:20px;display:flex}.overlay-transform{font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:24px;font-size:14px;display:flex}.t-from{color:var(--gray);text-align:right;min-width:180px}.t-arrow{color:var(--accent-light);text-shadow:0 0 15px var(--accent-glow);font-size:20px}.t-to{color:var(--white);font-weight:500}.overlay-phases{gap:40px;margin-bottom:48px;display:flex}.overlay-phase{align-items:baseline;gap:12px;display:flex}.phase-n{font-family:var(--font-mono);color:var(--gray-dark);font-size:28px;font-weight:700}.phase-t{font-family:var(--font-mono);letter-spacing:.1em;color:var(--white);font-size:13px}.overlay-cta p{color:var(--gray-light);letter-spacing:.05em;margin-bottom:24px;font-size:16px}.cta-button{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--white);border:1px solid var(--gray);pointer-events:auto;padding:14px 44px;font-size:12px;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-block}.cta-button:hover{border-color:var(--accent-light);box-shadow:0 0 40px var(--accent-glow);background:#2a8a5a1a;transform:translateY(-2px)}#hud{z-index:50;pointer-events:none;width:100%;height:100%;font-family:var(--font-mono);color:var(--gray-dark);letter-spacing:.08em;font-size:9px;position:fixed;top:0;left:0}.hud-tl{flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;left:24px}.hud-tr{text-align:right;flex-direction:column;gap:4px;display:flex;position:absolute;top:24px;right:24px}.hud-bl{position:absolute;bottom:24px;left:24px}.hud-br{text-align:right;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:24px;right:24px}#hud-zone-name{color:var(--accent-light);letter-spacing:.3em}#hud-progress-bar{background:#ffffff0d;height:1px;position:absolute;bottom:24px;left:80px;right:80px}#hud-progress-fill{background:var(--accent-light);width:0%;height:100%;box-shadow:0 0 8px var(--accent-glow);transition:width .1s linear}.hud-nav{pointer-events:auto;flex-direction:column;gap:16px;display:flex;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.hud-dot{cursor:pointer;background:#ffffff1f;border-radius:50%;width:6px;height:6px;transition:all .3s}.hud-dot.active{background:var(--accent-light);box-shadow:0 0 8px var(--accent-glow)}.hud-dot:hover{background:#2a8a5a99}#scroll-hint{z-index:60;flex-direction:column;align-items:center;gap:10px;transition:opacity .6s;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}#scroll-hint span{font-family:var(--font-mono);letter-spacing:.3em;color:var(--gray);text-transform:lowercase;font-size:9px}#scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-line{background:linear-gradient(to bottom, var(--accent-light), transparent);width:1px;height:40px;animation:2s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%,to{opacity:.2;transform:scaleY(.5)}50%{opacity:.8;transform:scaleY(1)}}@media (width<=768px){.overlay{padding:30px}.overlay-cards{flex-direction:column;max-width:100%}.overlay-principles,.overlay-phases{flex-direction:column;gap:16px}.overlay-transform{text-align:center;flex-direction:column;gap:8px}.t-from{text-align:center;min-width:auto}.hud-nav{display:none}#hud-progress-bar{left:24px;right:24px}}