@font-face{font-family:BebasNeue;src:local("Bebas Neue")}:root{--c1-h:210;--c1-s:90%;--c1-l:60%;--c2-h:160;--c2-s:80%;--c2-l:55%;--c3-h:40;--c3-s:95%;--c3-l:60%;--c4-h:290;--c4-s:75%;--c4-l:65%;--c5-h:0;--c5-s:85%;--c5-l:60%;--color-1:hsl(var(--c1-h),var(--c1-s),var(--c1-l));--color-2:hsl(var(--c2-h),var(--c2-s),var(--c2-l));--color-3:hsl(var(--c3-h),var(--c3-s),var(--c3-l));--color-4:hsl(var(--c4-h),var(--c4-s),var(--c4-l));--color-5:hsl(var(--c5-h),var(--c5-s),var(--c5-l));--bg:#080808;--bg-alt:#111;--fg:#f0f0f0;--fg-muted:hsla(0,0%,94%,.5);--accent:var(--color-1);--accent-glow:hsla(var(--c1-h),var(--c1-s),var(--c1-l),.35);--font-display:"Bebas Neue","Impact","Arial Black",sans-serif;--font-body:"DM Sans","Helvetica Neue","Arial",sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem;--space-xxl:12rem;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in:cubic-bezier(.7,0,.84,0);--ease-inout:cubic-bezier(.87,0,.13,1);--ease-game:cubic-bezier(.34,1.56,.64,1);--radius-sm:4px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--z-base:0;--z-scene:1;--z-content:10;--z-overlay:50;--z-header:100;--z-toast:200;--z-modal:300}[data-theme=light]{--bg:#f0ece8;--bg-alt:#e0dbd5;--fg:#0a0a0a;--fg-muted:hsla(0,0%,4%,.5);--accent-glow:hsla(var(--c1-h),var(--c1-s),40%,.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.65;overflow-x:hidden;transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}img,video{display:block;height:auto;max-width:100%}a{text-decoration:none}a,button{color:inherit}button{background:none;border:none;cursor:pointer;font:inherit}ol,ul{list-style:none}canvas{display:block}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.01em;line-height:.92;text-transform:uppercase}.display-hero{display:inline-block;font-size:clamp(3.5rem,8vw,10rem);transform:skew(-3deg)}.display-section{display:inline-block;font-size:clamp(2.5rem,6vw,8rem);transform:skew(-2deg)}.display-xl{font-size:clamp(4rem,10vw,12rem)}.text-gradient{background:linear-gradient(135deg,var(--color-1),var(--color-3));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-stroke{-webkit-text-stroke:2px var(--fg);color:transparent}.text-stroke-accent{-webkit-text-stroke:2px var(--accent);color:transparent}.container{margin:0 auto;max-width:1400px;padding:0 var(--space-md);width:100%}.full-viewport{height:100svh;min-height:100svh;position:relative;width:100%}.wave-separator{line-height:0;overflow:hidden;width:100%}.wave-separator svg{display:block;width:100%}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--accent);outline-offset:4px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px}.design-grid-overlay{background-image:linear-gradient(rgba(255,0,0,.08) 1px,transparent 0),linear-gradient(90deg,rgba(255,0,0,.08) 1px,transparent 0);background-size:80px 80px;display:none;inset:0;pointer-events:none;position:fixed;z-index:var(--z-modal)}.design-grid-overlay.active{display:block}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.section-locked{filter:blur(4px);opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .8s var(--ease-out),filter .8s var(--ease-out),transform .8s var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-unlocked{filter:none;opacity:1;pointer-events:auto;transform:translateY(0);-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.btn{align-items:center;border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-full);display:inline-flex;font-family:var(--font-body);font-size:.85rem;font-weight:500;gap:.5rem;letter-spacing:.05em;padding:.75rem 1.5rem;text-transform:uppercase;transition:transform .2s var(--ease-game),background-color .2s}.btn:hover{transform:scale(1.04)}.btn-ghost{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-accent{background:var(--accent);border-color:var(--accent);color:#000}.interaction-hint{align-items:center;color:var(--fg-muted);display:flex;font-family:var(--font-body);font-size:.8rem;gap:.5rem;letter-spacing:.12em;text-transform:uppercase}.hint-arrow{animation:bounceX 1.5s ease-in-out infinite;display:inline-block}@keyframes bounceX{0%,to{transform:translate(0)}50%{transform:translate(6px)}}@keyframes bounceY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.project-card{aspect-ratio:16/9;background:var(--bg-alt);border:1px solid hsla(0,0%,100%,.08);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:transform .35s var(--ease-game),border-color .3s}.project-card:hover{border-color:var(--accent);transform:scale(1.03) translateY(-4px)}.legend-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000bf;border:1px solid hsla(0,0%,100%,.1);border-radius:var(--radius-md);bottom:var(--space-md);max-width:280px;padding:var(--space-sm);position:absolute;right:var(--space-md);z-index:var(--z-overlay)}.unlock-overlay{background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0,transparent 70%);inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:var(--z-toast)}.unlock-badge,.unlock-overlay{align-items:center;display:flex}.unlock-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:2rem 3rem;text-align:center}.header-util-btn{align-items:center;background:#ffffff0f;border:1px solid hsla(0,0%,100%,.12);border-radius:50%;display:flex;font-size:1rem;height:36px;justify-content:center;opacity:0;transform:scale(0);transition:transform .4s var(--ease-game),opacity .4s,background-color .2s;width:36px}.header-util-btn.unlocked{opacity:1;transform:scale(1)}.header-util-btn:hover{background:#ffffff24}.section-eyebrow{color:var(--accent);font-size:.75rem;letter-spacing:.15em;margin-bottom:var(--space-sm);text-transform:uppercase}@media(max-width:768px){.display-hero{font-size:clamp(2.5rem,12vw,6rem)}.display-section{font-size:clamp(2rem,8vw,5rem)}.container{padding:0 var(--space-sm)}}