:root{--color-bg: #0a0a0a;--color-bg-secondary: #141414;--color-text: #ffffff;--color-text-muted: #888888;--color-accent: #ffffff;--color-border: #2a2a2a;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--transition-slower: .8s cubic-bezier(.4, 0, .2, 1);--z-canvas: 1;--z-content: 10;--z-scroll-indicator: 50;--z-header: 100;--z-menu: 200;--z-loading: 1000}[data-theme=light]{--color-bg: #f5f5f5;--color-bg-secondary: #ffffff;--color-text: #0a0a0a;--color-text-muted: #666666;--color-accent: #0a0a0a;--color-border: #e0e0e0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;background:var(--color-bg);color:var(--color-text);overflow-x:hidden;transition:background-color var(--transition-slower),color var(--transition-slower)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.loading-screen{position:fixed;inset:0;z-index:var(--z-loading);display:flex;align-items:center;justify-content:center;background:var(--color-bg);transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility .6s cubic-bezier(.4,0,.2,1)}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen.hidden .loader-container{transform:scale(.8);opacity:0}.loading-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.loading-logo{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-text);letter-spacing:.1em;animation:logo-glow 2s ease-in-out infinite}@keyframes logo-glow{0%,to{opacity:1;text-shadow:0 0 20px rgba(255,255,255,0)}50%{opacity:.8;text-shadow:0 0 30px rgba(255,255,255,.3)}}[data-theme=light] .loading-logo{animation:logo-glow-light 2s ease-in-out infinite}@keyframes logo-glow-light{0%,to{opacity:1;text-shadow:0 0 20px rgba(0,0,0,0)}50%{opacity:.7;text-shadow:0 0 30px rgba(0,0,0,.2)}}.loader-container{position:relative;width:120px;height:120px;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1)}.loader-orbit{position:absolute;inset:0;animation:orbit-spin 8s linear infinite}@keyframes orbit-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.orbit-dot{position:absolute;width:8px;height:8px;background:var(--color-text);border-radius:50%;top:50%;left:50%;transform-origin:center;animation:dot-pulse 1.5s ease-in-out infinite;animation-delay:calc(var(--i) * .15s)}.orbit-dot:nth-child(1){transform:translate(-50%,-50%) rotate(0) translateY(-50px)}.orbit-dot:nth-child(2){transform:translate(-50%,-50%) rotate(60deg) translateY(-50px)}.orbit-dot:nth-child(3){transform:translate(-50%,-50%) rotate(120deg) translateY(-50px)}.orbit-dot:nth-child(4){transform:translate(-50%,-50%) rotate(180deg) translateY(-50px)}.orbit-dot:nth-child(5){transform:translate(-50%,-50%) rotate(240deg) translateY(-50px)}.orbit-dot:nth-child(6){transform:translate(-50%,-50%) rotate(300deg) translateY(-50px)}@keyframes dot-pulse{0%,to{transform:translate(-50%,-50%) rotate(calc(var(--i) * 60deg)) translateY(-50px) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) rotate(calc(var(--i) * 60deg)) translateY(-50px) scale(1.5);opacity:1}}.loader-pulse{position:absolute;top:50%;left:50%;width:40px;height:40px;border:2px solid var(--color-text);border-radius:50%;transform:translate(-50%,-50%);animation:pulse-expand 2s cubic-bezier(.4,0,.2,1) infinite}.loader-pulse-delay{animation-delay:1s}@keyframes pulse-expand{0%{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}.loader-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.loader-ring-bg{fill:none;stroke:var(--color-border);stroke-width:2}.loader-ring-progress{fill:none;stroke:var(--color-text);stroke-width:3;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .3s cubic-bezier(.4,0,.2,1)}.loading-text{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);letter-spacing:.15em;text-transform:uppercase;animation:text-fade 2s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:.5}50%{opacity:1}}#webgl-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-canvas)}.scroll-container{position:relative;height:500vh;z-index:0}.nav-header{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);z-index:var(--z-header);pointer-events:none}.nav-header>*{pointer-events:auto}.nav-logo{display:flex;align-items:center;gap:var(--space-xs)}.logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:.05em;color:var(--color-text);transition:opacity var(--transition-fast)}.logo-text:hover{opacity:.7}.menu-container{position:relative}.menu-toggle-btn{display:flex;align-items:center;justify-content:center;min-width:80px;padding:.625rem 1rem;color:var(--color-text);background:transparent;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.menu-toggle-btn:hover{background:#ffffff0d}.menu-toggle-text{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;transition:opacity var(--transition-fast)}.menu-toggle-close{position:absolute;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.menu-container[data-state=open] .menu-toggle-text{opacity:0}.menu-container[data-state=open] .menu-toggle-close{opacity:1}.menu-container[data-state=open] .menu-toggle-btn{background:transparent;border-color:var(--color-text)}.menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top right;transition:opacity .35s cubic-bezier(.25,.46,.45,.94),visibility .35s cubic-bezier(.25,.46,.45,.94),transform .35s cubic-bezier(.25,.46,.45,.94);box-shadow:0 20px 40px #0000004d}.menu-dropdown[data-state=open]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.menu-nav{padding:var(--space-md)}.menu-links{list-style:none;display:flex;flex-direction:column;gap:0}.menu-links li{overflow:hidden;opacity:0;transform:translateY(-8px);transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)}.menu-dropdown[data-state=open] .menu-links li{opacity:1;transform:translateY(0);transition-delay:calc(var(--item-index) * 40ms + 80ms)}.menu-links a{display:flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);padding:.375rem 0;transition:color var(--transition-fast)}.menu-links a:hover{color:var(--color-text)}.menu-links a:hover .menu-number{opacity:1}.menu-number{font-size:.75rem;font-weight:400;color:var(--color-text-muted);opacity:0;transition:opacity var(--transition-fast);min-width:1.5rem}.menu-label{transition:transform var(--transition-fast);white-space:nowrap}.menu-links a:hover .menu-label{transform:translate(4px)}.menu-footer{padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.menu-footer-links{display:flex;flex-direction:column;gap:.125rem}.menu-footer-links a{font-size:.75rem;color:var(--color-text-muted);transition:color var(--transition-fast)}.menu-footer-links a:hover{color:var(--color-text)}.menu-social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-muted);transition:color var(--transition-fast)}.menu-social-link:hover{color:var(--color-text)}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:var(--z-content)}.content-panel{position:absolute;left:var(--space-lg);bottom:var(--space-xl);max-width:450px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-slow) ease,visibility 0s linear var(--transition-slow)}.content-panel.active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--transition-slow) ease,visibility 0s linear 0s}.content-panel .section-subtitle,.content-panel .section-title,.content-panel .section-description,.content-panel .section-buttons{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.content-panel.active .section-subtitle{opacity:1;transform:translateY(0);transition-delay:.1s}.content-panel.active .section-title{opacity:1;transform:translateY(0);transition-delay:.2s}.content-panel.active .section-description{opacity:1;transform:translateY(0);transition-delay:.35s}.content-panel.active .section-buttons{opacity:1;transform:translateY(0);transition-delay:.5s}.section-subtitle{display:block;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-sm);text-shadow:0 1px 3px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.6)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1;margin-bottom:var(--space-md);color:var(--color-text);text-shadow:0 2px 4px rgba(0,0,0,.7),0 0 12px rgba(0,0,0,.5)}.section-description{font-size:1rem;line-height:1.7;color:var(--color-text-muted);margin-bottom:var(--space-md);text-shadow:0 1px 3px rgba(0,0,0,.7),0 0 8px rgba(0,0,0,.5)}.section-buttons{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-size:.875rem;font-weight:500;letter-spacing:.02em;border-radius:2px;transition:all var(--transition-fast)}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover{opacity:.85;transform:translateY(-2px)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.scroll-indicator{position:fixed;right:var(--space-lg);top:50%;transform:translateY(-50%);z-index:var(--z-scroll-indicator);display:flex;gap:var(--space-md)}.indicator-track{width:2px;height:150px;background:var(--color-border);border-radius:1px;position:relative}.indicator-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:var(--color-text);border-radius:1px;transition:height var(--transition-fast)}.indicator-markers{display:flex;flex-direction:column;justify-content:space-between;height:150px}.indicator-marker{font-size:.75rem;font-weight:500;color:var(--color-text-muted);padding:0;transition:color var(--transition-fast)}.indicator-marker:hover,.indicator-marker.active{color:var(--color-text)}.scroll-hint{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);z-index:var(--z-content);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);opacity:1;transition:opacity var(--transition-slow)}.scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-icon{width:24px;height:40px;border:2px solid var(--color-text-muted);border-radius:12px;position:relative}.scroll-wheel{position:absolute;top:8px;left:50%;transform:translate(-50%);width:4px;height:8px;background:var(--color-text-muted);border-radius:2px;animation:scroll-bounce 2s ease-in-out infinite}@keyframes scroll-bounce{0%,to{transform:translate(-50%) translateY(0);opacity:1}50%{transform:translate(-50%) translateY(12px);opacity:.3}}.scroll-text{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase}@media(max-width:1024px){:root{--space-lg: 2rem;--space-xl: 4rem}.content-panel{max-width:380px;left:var(--space-md);bottom:var(--space-lg)}.scroll-indicator{right:var(--space-md)}}@media(max-width:768px){:root{--space-md: 1.5rem;--space-lg: 1.5rem;--space-xl: 3rem}.nav-header{padding:var(--space-sm) var(--space-md)}.menu-text{display:none}.content-panel{left:var(--space-md);right:var(--space-md);bottom:calc(var(--space-xl) + 60px);max-width:none}.section-title{font-size:clamp(1.75rem,8vw,2.5rem)}.section-description{font-size:.9375rem}.scroll-indicator{display:none}.scroll-hint{bottom:var(--space-md)}.menu-links a{font-size:clamp(1.5rem,6vw,2.5rem)}}@media(max-width:480px){.content-panel{left:var(--space-sm);right:var(--space-sm)}.btn{padding:.75rem 1.25rem;font-size:.8125rem}.section-buttons{flex-direction:column}.section-buttons .btn{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-wheel{animation:none}}