@font-face{font-family:Francy;src:url(/assets/Francy-B-S26SBT.ttf) format("truetype");font-display:swap}:root{--color-bg: #ffffff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;background-color:var(--color-bg);overflow-x:hidden}.top-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;padding:24px 40px;z-index:100;pointer-events:none}.nav-links{display:flex;gap:40px}.nav-links a{pointer-events:auto;text-decoration:none;font-family:Caveat,cursive;font-size:1.4rem;font-weight:600;color:#090b18;opacity:.55;position:relative;transition:opacity .2s}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#090b18;opacity:.3;border-radius:2px;transform:scaleX(.85);transition:transform .2s,opacity .2s}.nav-links a:hover{opacity:1}.nav-links a:hover:after{transform:scaleX(1);opacity:.6}#vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;background:radial-gradient(ellipse at var(--vx, 50%) var(--vy, 50%),rgba(99,102,255,.07) 0%,transparent 70%)}#webgl-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none}.scroll-track{width:100%;height:3600vh;position:relative;z-index:2}.fabric-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#6366ff;z-index:5;pointer-events:none;clip-path:ellipse(150% 0% at 50% 50%)}.svg-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translate(var(--logo-x, 0px),var(--logo-y, 0px)) scale(var(--logo-scale, 1)) rotate(var(--logo-rotate, 0rad));opacity:var(--logo-opacity, 0);width:114px;max-width:40vw;height:auto;pointer-events:none;will-change:transform,opacity}.black-logo{z-index:3;filter:invert(1) brightness(.05)}.white-logo{z-index:6;filter:none}.hero-text{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;pointer-events:none;opacity:var(--hero-opacity, 0);will-change:opacity}.hero-gif{width:clamp(200px,30vw,360px);height:auto;display:block}.typewriter-container{position:fixed;left:calc(50% + 90px);top:50%;transform:translate(var(--typewriter-x, 0px),calc(-50% + var(--typewriter-y, 0px)));font-family:Francy,Inter,system-ui,-apple-system,sans-serif;font-size:clamp(1.2rem,3.5vw,2.5rem);font-weight:900;letter-spacing:.08em;pointer-events:none;opacity:var(--typewriter-opacity, 0);display:flex;align-items:center;will-change:opacity,transform}.black-text{z-index:4;color:#090b18}.white-text{z-index:6;color:#fff}.typewriter-cursor{font-weight:300;color:#6366ff;margin-left:4px;animation:blink-cursor .8s infinite}.white-text .typewriter-cursor{color:#fff}@keyframes blink-cursor{0%,to{opacity:0}50%{opacity:1}}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:10;pointer-events:none;opacity:0}.scroll-arrow{display:block;width:24px;height:24px;border-right:2px solid #090b18;border-bottom:2px solid #090b18;transform:rotate(45deg);animation:bounce-arrow 2s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:rotate(45deg) translate(0);opacity:1}50%{transform:rotate(45deg) translate(6px,6px);opacity:.3}}.portfolio-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:8;pointer-events:none;opacity:0;display:none}.portfolio-item{position:absolute;font-family:Francy,sans-serif;font-size:80px;line-height:1;color:#ffffff59;white-space:nowrap;padding:4px 8px;-webkit-user-select:none;user-select:none;opacity:0;transform-origin:50% 50%;transition:opacity .6s ease,color .3s ease;cursor:pointer;pointer-events:auto}.portfolio-item.revealed{opacity:1}.portfolio-item:hover{color:#fff}.image-stack{position:fixed;z-index:9;pointer-events:none;opacity:0;transition:opacity .5s ease;border-radius:12px}.image-stack.active{opacity:1}.category-group{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.collage-img{position:absolute;border-radius:10px;box-shadow:0 4px 18px #00000059;object-fit:cover;opacity:0;transform:scale(.35) rotate(12deg);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);pointer-events:auto;will-change:transform,opacity;cursor:default}.collage-img.active{opacity:1;transform:scale(1) rotate(var(--rot, 0deg))}.collage-img.hovered{z-index:20!important;transform:scale(1.2) rotate(var(--rot, 0deg));transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .55s cubic-bezier(.22,1,.36,1)}.vcr-indicator{position:fixed;top:12px;left:12px;z-index:999;pointer-events:none;opacity:0;transition:opacity .12s ease;will-change:opacity}.vcr-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:998;pointer-events:none}.vcr-indicator.visible{opacity:1}.vcr-indicator svg{width:100%;height:100%;display:block}