:root { --gold:#c9a84c; }
html { scroll-behavior:smooth; }
body { font-family:Inter,system-ui,sans-serif; background:#faf8f5; color:#1a1814; -webkit-font-smoothing:antialiased; }
h1,h2,h3,h4,.font-serif { font-family:"Cormorant Garamond",Georgia,serif; letter-spacing:-0.01em; }
.bg-charcoal { background-color:#1a1814; }
.bg-primary { background-color:#9b3b2a; }
.text-primary { color:#9b3b2a; }
.bg-secondary\/40 { background-color:rgba(240,235,227,0.4); }
.glass-dark { background:rgba(13,11,9,0.55); backdrop-filter:saturate(140%) blur(14px); border:1px solid rgba(255,255,255,0.08); }
.glass { background:rgba(250,248,245,0.7); backdrop-filter:saturate(140%) blur(14px); border:1px solid rgba(0,0,0,0.08); }
.gold-text { background:linear-gradient(120deg,#b8862a 0%,#e7c976 45%,#b8862a 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .9s ease, transform .9s ease; }
.reveal.in { opacity:1; transform:translateY(0); }
.hover-lift { transition:transform .5s, box-shadow .5s; }
.hover-lift:hover { transform:translateY(-6px); box-shadow:0 30px 60px -25px rgba(0,0,0,.35); }
.marquee-mask { mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent); }
.nav-link { color:rgba(255,255,255,0.8); }
.nav-link:hover, .nav-link.active { color:#fff; }
header.scrolled .nav-link { color:rgba(26,24,20,0.75); }
header.scrolled .nav-link:hover, header.scrolled .nav-link.active { color:#1a1814; }
header.scrolled .brand-text { color:#1a1814; }
header.scrolled .brand-pill { background:rgba(250,248,245,0.7); backdrop-filter:saturate(140%) blur(14px); border:1px solid rgba(0,0,0,0.08); box-shadow:0 10px 40px -20px rgba(0,0,0,0.35); }