.navbar{z-index:100;background:var(--color-bg-dark);border-bottom:1px solid var(--color-border-dark);position:sticky;top:0}.navbar-container{max-width:1400px;padding:var(--space-lg) var(--space-6xl);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.navbar-logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:.06em;color:var(--color-text-primary);transition:color var(--duration-base) var(--easing-ease-out);text-decoration:none}.navbar-logo:hover{color:var(--color-primary)}.navbar-menu-desktop{gap:var(--space-4xl);align-items:center;display:flex}.navbar-link{font-size:var(--text-sm);letter-spacing:var(--ls-wide);color:var(--color-text-primary);text-transform:uppercase;font-weight:var(--weight-semibold);transition:color var(--duration-base) var(--easing-ease-out);text-decoration:none}.navbar-link:hover{color:var(--color-primary)}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:0;display:none}.hamburger-line{background:var(--color-text-primary);width:26px;height:2px;transition:all var(--duration-base) var(--easing-ease-out);display:block}.hamburger-line:nth-child(2){background:var(--color-primary);width:18px}.hamburger.active .hamburger-line:first-child{transform:rotate(45deg)translateY(11px)}.hamburger.active .hamburger-line:nth-child(2){opacity:0}.hamburger.active .hamburger-line:nth-child(3){transform:rotate(-45deg)translateY(-11px)}.mobile-menu-overlay{z-index:90;animation:fadeIn var(--duration-base) var(--easing-ease-out);background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-menu{background:var(--color-bg-dark);width:100%;padding:var(--space-6xl) var(--space-lg);max-height:90vh;animation:slideUp var(--duration-base) var(--easing-ease-out);gap:var(--space-4xl);flex-direction:column;display:flex;overflow-y:auto}.mobile-menu-close{font-size:var(--text-lg);color:var(--color-text-primary);cursor:pointer;padding:var(--space-md);margin:calc(-1 * var(--space-md));transition:color var(--duration-base) var(--easing-ease-out);background:0 0;border:none;align-self:flex-end}.mobile-menu-close:hover{color:var(--color-primary)}.mobile-menu-nav{gap:var(--space-3xl);flex-direction:column;display:flex}.mobile-menu-link{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.01em;color:var(--color-text-primary);padding:var(--space-lg) 0;transition:color var(--duration-base) var(--easing-ease-out);border-bottom:1px solid var(--color-border-dark);font-weight:400;text-decoration:none}.mobile-menu-link:hover{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (width<=768px){.navbar-container{padding:var(--space-lg) var(--space-lg)}.navbar-logo{font-size:var(--text-base)}.navbar-menu-desktop{display:none}.hamburger{display:flex}.mobile-menu{padding:var(--space-4xl) var(--space-lg)}.mobile-menu-link{font-size:var(--text-xl)}}@media (width<=480px){.navbar-container{padding:var(--space-md) var(--space-lg)}.navbar-logo{font-size:var(--text-sm);letter-spacing:.05em}.mobile-menu{padding:var(--space-3xl) var(--space-lg)}.mobile-menu-link{font-size:var(--text-lg);padding:var(--space-md) 0}}:root{--color-primary:#c96f4a;--color-primary-light:#e0956a;--color-primary-dark:#9a5035;--color-bg-dark:#181310;--color-bg-darker:#141210;--color-bg-light:#221f1a;--color-text-primary:#f3ede4;--color-text-secondary:#f3ede4b3;--color-text-tertiary:#f3ede480;--color-text-muted:#f3ede459;--color-accent-warm:#8a8a5e;--color-accent-copper:#c96f4a;--color-accent-sand:#d4a574;--color-accent-olive:#5a5a3a;--color-border-light:#f3ede433;--color-border-medium:#f3ede426;--color-border-dark:#f3ede41a;--color-overlay-subtle:#c96f4a29;--color-overlay-dark:#141210cc;--font-display:"Bebas Neue", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:ui-monospace, Menlo, monospace;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-lg:15px;--text-xl:17px;--text-2xl:18px;--text-3xl:22px;--text-4xl:30px;--text-5xl:34px;--text-6xl:44px;--text-7xl:84px;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--lh-tight:.98;--lh-compact:1;--lh-normal:1.6;--lh-relaxed:1.75;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.05em;--ls-wider:.06em;--ls-widest:.1em;--ls-ultra:.14em;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:32px;--space-4xl:40px;--space-5xl:48px;--space-6xl:56px;--space-7xl:64px;--space-8xl:80px;--space-9xl:100px;--space-10xl:120px;--radius-none:0;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--duration-fast:.15s;--duration-base:.3s;--duration-slow:.5s;--duration-slower:.9s;--easing-ease-in:cubic-bezier(.4, 0, 1, 1);--easing-ease-out:cubic-bezier(0, 0, .2, 1);--easing-ease-in-out:cubic-bezier(.4, 0, .2, 1);--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 4px #0000001f;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0003;--z-hide:-1;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-fixed:50;--z-modal:100;--z-toast:1000;--z-tooltip:1001}:root[data-theme=cool]{--color-primary:#4a90e2;--color-primary-light:#6ba3eb;--color-primary-dark:#2e5db8;--color-bg-dark:#181310;--color-bg-darker:#141210;--color-accent-warm:#5a7a8a;--color-accent-copper:#4a90e2;--color-accent-sand:#7a9db8;--color-accent-olive:#3a5a6a}:root[data-theme=warm]{--color-primary:#d4a574;--color-primary-light:#e0b88a;--color-primary-dark:#a67c4d;--color-bg-dark:#181310;--color-bg-darker:#141210;--color-accent-warm:#a89a5e;--color-accent-copper:#d4a574;--color-accent-sand:#e8c4a0;--color-accent-olive:#6a6a3a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg-dark);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);font-weight:var(--weight-normal)}h1{font-family:var(--font-display);font-size:var(--text-7xl);font-weight:400;line-height:var(--lh-tight);letter-spacing:.01em}h2{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:400;line-height:var(--lh-compact);letter-spacing:.01em}h3{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;line-height:var(--lh-normal);letter-spacing:.01em}h4{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.01em;font-weight:400}p{line-height:var(--lh-relaxed);color:var(--color-text-secondary)}a{color:var(--color-primary);transition:color var(--duration-base) var(--easing-ease-out);text-decoration:none}a:hover{color:var(--color-primary-light)}@keyframes ffFade{0%{opacity:0;transform:translateY(var(--space-lg))}to{opacity:1;transform:translateY(0)}}@keyframes ffSlideUp{0%{opacity:0;transform:translateY(var(--space-xl))}to{opacity:1;transform:translateY(0)}}@keyframes ffSlideDown{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xl)))}to{opacity:1;transform:translateY(0)}}@keyframes ffPulse{0%,to{opacity:1}50%{opacity:.5}}.container{max-width:1400px;padding:0 var(--space-6xl);margin:0 auto}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html,body{overflow-x:hidden}