:root{--black: #000000;--white: #ffffff;--gold: #c9a84c;--font-display: "Playfair Display", serif;--font-body: "DM Sans", sans-serif;--font-number: "Bebas Neue", sans-serif;--bg: #000000;--bg-elev: #0a0a0a;--text: #ffffff;--text-2: rgba(255, 255, 255, .8);--text-3: rgba(255, 255, 255, .5);--text-4: rgba(255, 255, 255, .3);--surface: rgba(255, 255, 255, .06);--surface-2: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .15);--border-strong: rgba(255, 255, 255, .4);--scrim: rgba(0, 0, 0, .7);--scrim-strong: rgba(0, 0, 0, .95);--widget-bg: rgba(0, 0, 0, .55);--text-ghost: rgba(255, 255, 255, .08);--on-gold: #000000}body.light-mode{--black: #f5f5f0;--white: #111111;--bg: #f5f5f0;--bg-elev: #ffffff;--text: #111111;--text-2: rgba(0, 0, 0, .78);--text-3: rgba(0, 0, 0, .55);--text-4: rgba(0, 0, 0, .32);--surface: rgba(0, 0, 0, .04);--surface-2: rgba(0, 0, 0, .08);--border: rgba(0, 0, 0, .12);--border-strong: rgba(0, 0, 0, .45);--scrim: rgba(255, 255, 255, .85);--scrim-strong: rgba(245, 245, 240, .95);--widget-bg: rgba(255, 255, 255, .7);--text-ghost: rgba(0, 0, 0, .1);--on-gold: #111111}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;transition:background .4s ease,color .4s ease}.fade-in{animation:fadeIn .4s ease forwards}.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-elev)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}body.light-mode #hero{background:var(--bg)}body.light-mode #hero canvas{filter:brightness(1.05)}body.light-mode .section-dark{background:var(--bg-elev)}