:root{--gold-bright:#f0cf8d;--gold-deep:#8b5a22;--black-rich:#050505}
body{background:radial-gradient(circle at 70% 5%,#21180e 0,transparent 24%),var(--black-rich)}
body::before{content:"";position:fixed;inset:0;z-index:25;pointer-events:none;background:radial-gradient(420px circle at var(--mouse-x,50%) var(--mouse-y,40%),rgba(217,171,91,.055),transparent 60%);mix-blend-mode:screen}
.brand-intro{position:fixed;inset:0;z-index:100;background:#050505;display:grid;place-content:center;justify-items:center;gap:18px;animation:introAway 1.9s cubic-bezier(.77,0,.18,1) forwards}
.brand-intro img{width:108px;height:108px;object-fit:contain;animation:introLogo 1.25s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 0 30px rgba(224,181,100,.22))}
.brand-intro span{font-family:var(--display);font-size:.74rem;letter-spacing:.42em;color:#ddbd7d;animation:introText 1.1s .2s ease both}
.scroll-progress{position:fixed;left:0;top:0;z-index:80;width:var(--scroll,0%);height:2px;background:linear-gradient(90deg,#8a5a22,#f1d49b);box-shadow:0 0 12px rgba(240,207,141,.6)}
.site-header{transition:height .35s ease,background .35s ease,backdrop-filter .35s ease,border-color .35s ease}
.site-header.scrolled{position:fixed;height:72px;background:rgba(5,5,5,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:rgba(220,184,117,.18)}
.brand-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 3px 10px rgba(201,155,85,.28));transition:transform .45s ease,filter .45s ease}
.brand:hover .brand-logo{transform:scale(1.07) rotate(-2deg);filter:drop-shadow(0 4px 18px rgba(232,192,116,.5))}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(255,224,164,.055) 48%,transparent 60%);background-size:260% 100%;animation:heroSweep 9s ease-in-out infinite}
.hero-brand-watermark{position:absolute;right:8%;top:16%;z-index:2;width:min(18vw,230px);height:auto;opacity:.075;filter:drop-shadow(0 0 28px rgba(218,172,89,.3));animation:watermarkFloat 7s ease-in-out infinite}
.hero-content{filter:drop-shadow(0 16px 35px rgba(0,0,0,.28))}
.eyebrow{display:inline-flex;align-items:center;gap:12px}.eyebrow::before{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-bright))}
.button{position:relative;overflow:hidden;isolation:isolate}.button::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.32) 45%,transparent 70%);transform:translateX(-130%);transition:transform .75s ease}.button:hover::after{transform:translateX(130%)}
.statement{position:relative;overflow:hidden;background:radial-gradient(circle at 92% 5%,rgba(201,155,85,.16),transparent 26%),var(--paper)}
.statement::after{content:"1989";position:absolute;right:-1vw;bottom:-9vw;font-family:var(--display);font-size:clamp(8rem,20vw,21rem);font-weight:800;letter-spacing:-.09em;color:rgba(95,63,23,.045);pointer-events:none}
.metrics strong{background:linear-gradient(110deg,#4c2f0f,#c4944d 45%,#5a3812);color:transparent;background-clip:text;-webkit-background-clip:text}
.collections{position:relative;background:radial-gradient(circle at 50% 0,rgba(197,145,70,.11),transparent 35%),#080808}
.collection-card{filter:saturate(.86);transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .55s ease,box-shadow .55s ease;transform-style:preserve-3d}
.collection-card:hover{filter:saturate(1.07);box-shadow:0 28px 60px rgba(0,0,0,.38);z-index:3}
.collection-card h3{transition:transform .45s ease,color .45s ease}.collection-card:hover h3{transform:translateY(-5px);color:var(--gold-bright)}
.brand-list>div{position:relative;overflow:hidden;transition:padding .35s ease,background .35s ease}.brand-list>div::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gold);transform:scaleY(0);transition:transform .35s ease}.brand-list>div:hover{padding-inline:18px;background:rgba(255,255,255,.025)}.brand-list>div:hover::before{transform:scaleY(1)}
.dealer-art{position:relative;background:radial-gradient(circle at 35% 28%,#292016,#0b0b0b 52%);box-shadow:inset 0 0 0 1px rgba(224,181,100,.14),0 30px 80px rgba(0,0,0,.17);animation:dealerBreathe 7s ease-in-out infinite}
.dealer-art::before{content:"";position:absolute;inset:7%;border:1px solid rgba(234,198,130,.2);border-radius:inherit;animation:ringRotate 18s linear infinite}
.dealer-art span{position:relative;z-index:1;text-shadow:0 8px 32px rgba(0,0,0,.6)}
.footer-brand .brand-logo{width:58px;height:58px}
@keyframes introLogo{from{opacity:0;transform:scale(.72) rotate(-6deg);filter:blur(9px)}to{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 30px rgba(224,181,100,.22))}}
@keyframes introText{from{opacity:0;letter-spacing:.8em}to{opacity:1;letter-spacing:.42em}}
@keyframes introAway{0%,70%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes heroSweep{0%,55%{background-position:130% center}85%,100%{background-position:-80% center}}
@keyframes watermarkFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(14px) rotate(1deg)}}
@keyframes dealerBreathe{0%,100%{box-shadow:inset 0 0 0 1px rgba(224,181,100,.14),0 30px 80px rgba(0,0,0,.17)}50%{box-shadow:inset 0 0 0 1px rgba(224,181,100,.28),0 36px 90px rgba(146,92,29,.22)}}
@keyframes ringRotate{to{transform:rotate(360deg)}}
@media(max-width:640px){.brand-logo{width:39px;height:39px}.hero-brand-watermark{width:30vw;right:3%;top:15%;opacity:.065}.brand-intro img{width:84px;height:84px}.brand-intro span{font-size:.65rem}.statement::after{bottom:-3vw}.footer-brand .brand-logo{width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none}.hero::after,.hero-brand-watermark,.dealer-art,.dealer-art::before{animation:none!important}}