@font-face{font-family:Outfit;font-style:normal;font-weight:200 600;font-display:swap;src:url(/fonts/outfit.woff2) format("woff2")}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-text: #a0a0a8;--color-text-dim: #48484f;--color-accent: #c8c8d0}html,body{overflow:hidden;width:100%;height:100%;background:var(--color-bg);font-family:Outfit,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#scene{position:fixed;top:0;left:0;width:100%;height:100%;display:block;touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#overlay{position:fixed;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:3rem 2rem;z-index:10;user-select:none;-webkit-user-select:none}#loader{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:100;transition:opacity .8s ease,visibility .8s ease}#loader.hidden{opacity:0;visibility:hidden}.loader-bar{width:120px;height:2px;background:#ffffff0f;border-radius:1px;overflow:hidden}.loader-fill{width:0%;height:100%;background:var(--color-accent);border-radius:1px;transition:width .3s ease}nav{display:flex;align-items:center;gap:1.5rem;opacity:0;transform:translateY(-12px);transition:opacity 1s ease .3s,transform 1s ease .3s}nav.visible{opacity:1;transform:translateY(0)}.nav-item{font-size:.72rem;font-weight:300;font-family:inherit;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);background:none;border:none;cursor:pointer;pointer-events:auto;padding:.75rem 1.25rem;margin:-.75rem -1.25rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:color .3s ease}.nav-item:hover{color:var(--color-accent)}.nav-divider{width:3px;height:3px;border-radius:50%;background:var(--color-text-dim)}#about-panel,#projects-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(12px);max-width:480px;width:calc(100% - 3rem);padding:2.5rem;background:#000000a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:8px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease,transform .5s ease,visibility .5s ease}#about-panel.visible,#projects-panel.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) translateY(0)}#about-panel h2,#projects-panel h2{font-family:Outfit,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem}#about-panel p,#projects-panel p{font-family:Outfit,sans-serif;font-size:.85rem;font-weight:300;line-height:1.7;color:var(--color-text);margin-bottom:1rem}#about-panel p:last-child,#projects-panel p:last-child{margin-bottom:0}footer{opacity:0;transform:translateY(12px);transition:opacity 1s ease .5s,transform 1s ease .5s}footer.visible{opacity:1;transform:translateY(0)}.footer-text{font-size:.65rem;font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text)}