:root{--carbonflux-gray: #101010;--title-color: rgba(220, 220, 220, .5);--panel-title-text: rgba(230, 220, 200, .5);--text-color: #858585;--ui-gray: rgba(48, 48, 48, .1);--ui-background: rgba(32, 32, 32, .25);--icon-gray: rgba(128, 128, 128, .3);--text-background: rgba(24, 24, 24, .25);--warm-contrast-color: #8B5F09;--cold-contrast-color: #09758B;--cold-contrast-color-transparent: rgba(9, 117, 139, .5);--warm-contrast-color-transparent: rgba(139, 95, 9, .5)}body{margin:0;background-color:var(--carbonflux-gray);color:var(--text-color);font-family:sans-serif}#webgl-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;display:block}.hidden{display:none!important}.loader-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background-color:#00000080;z-index:10}#main-loader{position:fixed}.loader{border:4px solid var(--text-color);border-top:4px solid var(--warm-contrast-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.menu-button{position:fixed;top:20px;left:50%;transform:translate(-50%);font-size:32px;color:var(--icon-gray);cursor:pointer;transition:color .2s ease-in-out;z-index:2}.menu-button:hover{color:var(--cold-contrast-color)}.menu-button.active{color:var(--warm-contrast-color)}#about-box{position:fixed;top:80px;left:50%;transform:translate(-50%);background-color:var(--ui-background);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;padding:20px;width:300px;max-width:calc(100% - 40px);box-sizing:border-box;z-index:2}#about-box h3{color:var(--panel-title-text);margin-top:0}#about-box h4{color:var(--panel-title-text);margin-top:20px;margin-bottom:10px}#about-box p{color:var(--text-color)}#about-box .construction-notice{color:var(--warm-contrast-color)}#about-box a{color:var(--warm-contrast-color);text-decoration:none}#about-box a:hover{text-decoration:underline}:root{--primary: #e9bf8d;--secondary: #b5c9dd;--cyan-glow: #87ceeb;--background: #0e0e0e;--on-surface: #e5e2e1;--font-headline: "Space Grotesk", sans-serif;--font-body: "Manrope", sans-serif;--font-label: "Space Grotesk", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--background);color:var(--on-surface);font-family:var(--font-body);overflow:hidden;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center}main{position:relative;width:100%;max-width:1024px;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;z-index:10}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(233,191,141,.03) 0%,transparent 70%);pointer-events:none}.blur-orb-1{position:fixed;top:5rem;right:5rem;width:16rem;height:16rem;background-color:#e9bf8d0d;border-radius:9999px;filter:blur(100px);z-index:-10;pointer-events:none}.blur-orb-2{position:fixed;bottom:5rem;left:5rem;width:24rem;height:24rem;background-color:#b5c9dd0d;border-radius:9999px;filter:blur(120px);z-index:-10;pointer-events:none}.nav-links{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2.5rem;z-index:20}.nav-link{font-family:var(--font-label);font-size:11px;text-transform:uppercase;letter-spacing:.4em;color:#b5c9dd99;text-decoration:none;transition:all .5s ease}.nav-link:hover{color:var(--secondary);text-shadow:0 0 15px rgba(181,201,221,.6)}.composition{position:relative;display:flex;align-items:center;justify-content:center}.bg-logo-wrapper{mix-blend-mode:screen;filter:grayscale(1);opacity:.3;max-width:36rem}.bg-logo{width:100%;height:auto;object-fit:contain;pointer-events:none;animation:slow-spin 60s linear infinite}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eye-logo-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:10}.eye-logo{width:3.375rem;height:3.375rem;object-fit:contain;transition:all .7s cubic-bezier(.4,0,.2,1);cursor:pointer;filter:brightness(0) saturate(100%) invert(84%) sepia(34%) saturate(629%) hue-rotate(156deg) brightness(98%) contrast(92%);animation:eye-pulse 5s ease-in-out infinite}@keyframes eye-pulse{0%,5%{filter:brightness(0) saturate(100%) invert(84%) sepia(34%) saturate(629%) hue-rotate(156deg) brightness(75%) contrast(92%) drop-shadow(0 0 2px rgba(135,206,235,.1))}25%,75%{filter:brightness(0) saturate(100%) invert(84%) sepia(34%) saturate(629%) hue-rotate(156deg) brightness(98%) contrast(92%) drop-shadow(0 0 15px rgba(135,206,235,.9))}95%,to{filter:brightness(0) saturate(100%) invert(84%) sepia(34%) saturate(629%) hue-rotate(156deg) brightness(75%) contrast(92%) drop-shadow(0 0 2px rgba(135,206,235,.1))}}.eye-logo:hover{transform:scale(1.3);animation:none;filter:brightness(0) saturate(100%) invert(85%) sepia(25%) saturate(828%) hue-rotate(341deg) brightness(110%) contrast(100%) drop-shadow(0 0 30px rgba(233,191,141,1)) drop-shadow(0 0 50px rgba(233,191,141,.6))}.skandhas-container{position:relative;width:100%;height:6rem;display:flex;align-items:center;justify-content:center;margin-top:2.5rem}.skandha-item{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;opacity:0;animation:skandha-loop 25s infinite}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 200,"GRAD" 0,"opsz" 48;font-size:2.25rem;color:#b5c9ddcc;margin-bottom:.75rem}.skandha-label{font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.3em;color:#b5c9dd99}@keyframes skandha-loop{0%,5%{opacity:0;transform:translateY(10px)}10%,25%{opacity:1;transform:translateY(0)}30%,to{opacity:0;transform:translateY(-10px)}}.skandha-1{animation-delay:0s}.skandha-2{animation-delay:5s}.skandha-3{animation-delay:10s}.skandha-4{animation-delay:15s}.skandha-5{animation-delay:20s}@media (max-width: 768px){.bg-logo-wrapper{max-width:24rem}.eye-logo{width:2.8rem;height:2.8rem}}