:root{--color-black: #0A0A0A;--color-black-2: #0F0F0F;--color-black-3: #141414;--color-black-4: #1C1C1C;--color-gray-1: #2A2A2A;--color-gray-2: #3A3A3A;--color-gray-3: #4A4A4A;--color-gray-4: #6A6A6A;--color-gray-5: #8A8A8A;--color-gray-6: #AAAAAA;--color-white-3: #D8D6D2;--color-white-2: #EAE8E3;--color-white-1: #F5F3EE;--color-white: #FFFFFF;--color-accent: #C8A96E;--color-accent-dim: #A08650;--color-accent-muted: rgba(200, 169, 110, .15);--bg-primary: var(--color-black);--bg-secondary: var(--color-black-2);--bg-surface: var(--color-black-3);--bg-elevated: var(--color-black-4);--bg-light: var(--color-white-1);--bg-light-elevated: var(--color-white-2);--fg-primary: var(--color-white);--fg-secondary: var(--color-gray-6);--fg-tertiary: var(--color-gray-5);--fg-disabled: var(--color-gray-4);--fg-on-light: var(--color-black);--fg-on-light-2: var(--color-gray-3);--fg-accent: var(--color-accent);--fg-accent-hover: var(--color-accent-dim);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-light: rgba(0, 0, 0, .08);--border-light-strong:rgba(0, 0, 0, .14);--font-display: "DM Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--text-2xs: clamp(11px, .75vw, 13px);--text-xs: clamp(12px, .9vw, 15px);--text-sm: clamp(14px, 1.05vw, 17px);--text-base: clamp(15px, 1.15vw, 19px);--text-md: clamp(17px, 1.35vw, 22px);--text-lg: clamp(20px, 1.6vw, 26px);--text-xl: clamp(24px, 2vw, 32px);--text-2xl: clamp(30px, 2.6vw, 42px);--text-3xl: clamp(38px, 3.5vw, 54px);--text-4xl: clamp(50px, 5vw, 74px);--text-5xl: clamp(62px, 7vw, 94px);--text-hero: clamp(56px, 9vw, 148px);--leading-none: 1;--leading-tight: 1.05;--leading-snug: 1.2;--leading-normal: 1.4;--leading-relaxed: 1.6;--leading-loose: 1.8;--tracking-tight: -.03em;--tracking-snug: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--space-40: 160px;--radius-none: 0px;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-full: 9999px;--shadow-card: 0 1px 0 rgba(255,255,255,.04), 0 4px 32px rgba(0,0,0,.4);--shadow-raised: 0 8px 48px rgba(0,0,0,.5);--shadow-overlay: 0 16px 80px rgba(0,0,0,.6);--shadow-glow: 0 0 40px rgba(200,169,110,.15);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .5s;--duration-enter: .6s;--max-width: 1280px;--section-px: clamp(24px, 5vw, 64px);--section-py: clamp(64px, 10vw, 120px);--nav-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);color:var(--fg-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-size:var(--text-3xl);font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-2xl);font-weight:var(--weight-regular);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug)}h3{font-size:var(--text-xl);font-weight:var(--weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--fg-secondary)}code,pre,.mono{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-accent)}button{font-family:var(--font-body);cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}@keyframes pulseBar{0%,to{opacity:.35;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.4)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}