:root{--black:#000;--ink:#0a0a0b;--white:#f4f2ee;--muted:#f4f2ee8c;--line:#f4f2ee2e;--font-display:"Cinzel", "Trajan Pro", serif;--font-sans:"Jost", "Futura", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--black);color:var(--white);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:300;overflow-x:hidden}img{max-width:100%;display:block}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}::selection{color:var(--black);background:#f4f2eee6}.page{background:var(--black);min-height:100svh}.nav{z-index:10;background:linear-gradient(#000000b3,#0000);grid-template-columns:1fr auto 1fr;align-items:center;padding:1.6rem clamp(1.5rem,4vw,3.5rem);animation:1.4s cubic-bezier(.16,1,.3,1) .5s both nav-reveal;display:grid;position:fixed;inset:0 0 auto}.nav-side{color:#fff;align-items:center;gap:.85rem;width:fit-content;transition:opacity .4s;display:inline-flex}.nav-side:hover{opacity:1}.nav-store{justify-self:end}.nav-label{font-family:var(--font-display);letter-spacing:.42em;text-transform:uppercase;font-size:.85rem;font-weight:500;transition:letter-spacing .4s;transform:translate(.21em)}.nav-side:hover .nav-label{letter-spacing:.5em}.nav-logo{justify-self:center}.nav-logo img{object-fit:contain;width:auto;height:clamp(92px,10vw,128px)}.hero{flex-direction:column;justify-content:center;align-items:center;height:100svh;padding:clamp(5rem,10vh,7rem) 1.5rem clamp(3.5rem,9vh,6.5rem);display:flex;position:relative;overflow:hidden}.hero-stage{width:min(82vw,1090px,108vh);position:relative;transform:translateY(2.5vh)}.hero-car{z-index:1;opacity:0;width:100%;position:relative;-webkit-mask-image:linear-gradient(#000 95%,#0000 100%);mask-image:linear-gradient(#000 95%,#0000 100%)}.hero.is-ready .hero-car{animation:2.6s cubic-bezier(.16,1,.3,1) both car-arrival}.hero-headlights{z-index:2;pointer-events:none;filter:drop-shadow(0 0 16px #aac8ff4d);opacity:0;width:100%;position:absolute;inset:0}.hero.is-ready .hero-headlights{animation:1.6s linear 1.2s forwards headlight-ignite}.hero-copy{z-index:3;text-align:center;flex-direction:column;align-items:center;margin-top:clamp(-3.4rem,-5vw,-1.6rem);display:flex;position:relative}.hero-title{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 18px #00000080;font-size:clamp(1.9rem,4.4vw,3.4rem);font-weight:400;line-height:1.3;animation:1.4s cubic-bezier(.16,1,.3,1) 1.2s both rise}.hero-title em{letter-spacing:.32em;color:#f4f2eebf;margin-top:.1em;font-size:.6em;font-style:normal;font-weight:400;display:block}@property --shine{syntax:"<angle>";inherits:false;initial-value:0deg}.hero-cta{border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.38em;text-transform:uppercase;border-radius:999px;margin-top:2.6rem;padding:1.05rem 3rem;font-size:.7rem;font-weight:500;transition:background .55s cubic-bezier(.16,1,.3,1),color .55s cubic-bezier(.16,1,.3,1),border-color .55s;animation:1.4s cubic-bezier(.16,1,.3,1) 1.4s both rise;position:relative}.hero-cta:before{content:"";background:conic-gradient(from var(--shine), transparent 0deg 280deg, #fffffff2 320deg, transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;border-radius:999px;padding:1px;animation:3.2s linear infinite shine-orbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-cta:hover{background:var(--white);border-color:var(--white);color:var(--black)}.grain{z-index:20;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.menu-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;animation:.45s both fade;position:fixed;inset:0;overflow:hidden}.menu-overlay.closing{pointer-events:none;animation:.4s .2s both fade-out}.menu-panel{clip-path:polygon(0 0,100% 0,80% 100%,0 100%);background:linear-gradient(165deg,#1f1f24,#0e0e11);width:min(46vw,560px);min-width:330px;animation:.6s cubic-bezier(.76,0,.24,1) both panel-slide;position:absolute;top:0;bottom:0;left:0}.menu-overlay.closing .menu-panel{animation:.5s cubic-bezier(.76,0,.24,1) .12s both panel-slide-out}.menu-links{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.8rem,2.4vh,1.6rem);height:100%;padding-left:clamp(2.5rem,6vw,5rem);padding-right:18%;display:flex}.menu-links a{width:fit-content;font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:#f4f2eee0;align-items:baseline;gap:1.6rem;font-size:clamp(1.8rem,4.8vh,3rem);font-weight:400;transition:color .4s,letter-spacing .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.menu-links a:hover{color:#fff;letter-spacing:.16em}.menu-links .menu-word{animation:link-rise .9s cubic-bezier(.16, 1, .3, 1) calc(.4s + var(--d) * 80ms) both;display:inline-block;transform:translateY(110%)}.menu-num{font-family:var(--font-sans);letter-spacing:.3em;color:var(--muted);animation:fade .8s ease calc(.55s + var(--d) * 80ms) both;font-size:.65rem;font-weight:400}.menu-links a:after{content:"";transform-origin:100%;background:#f4f2ee80;width:100%;height:1px;transition:transform .55s cubic-bezier(.76,0,.24,1);position:absolute;bottom:.1em;left:0;transform:scaleX(0)}.menu-links a:hover:after{transform-origin:0;transform:scaleX(1)}.menu-overlay.closing .menu-links{animation:.18s both fade-out}@keyframes car-arrival{0%{opacity:0;filter:brightness(.4)blur(6px);transform:scale(1.14)}60%{opacity:1}to{opacity:1;filter:brightness()blur();transform:scale(1)}}@keyframes headlight-ignite{0%{opacity:0}7%{opacity:.7}11%{opacity:.08}19%{opacity:.85}25%{opacity:.25}33%{opacity:1}41%{opacity:.5}52%{opacity:.95}to{opacity:1}}@keyframes nav-reveal{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shine-orbit{to{--shine:360deg}}@keyframes panel-slide{0%{transform:translate(-105%)}to{transform:translate(0)}}@keyframes panel-slide-out{0%{transform:translate(0)}to{transform:translate(-105%)}}@keyframes link-rise{to{transform:translateY(0)}}@keyframes fade-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.nav,.hero-car,.hero-title,.hero-cta,.hero-cta:before{animation:none}.hero-car{opacity:1}.hero-headlights{opacity:.9;animation:none}.menu-overlay,.menu-panel,.menu-links,.menu-links .menu-word,.menu-num{animation-duration:10ms;animation-delay:0s}}@media (width<=640px){.nav-label{display:none}.nav-logo img{height:74px}.hero-stage{width:min(96vw,560px)}.hero-car{-webkit-mask-composite:destination-in;-webkit-mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%),linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 7% 93%,#0000 100%),linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.menu-panel{width:78vw;min-width:0}.menu-links{gap:clamp(.7rem,2vh,1.3rem);padding-left:2rem;padding-right:14%}.menu-links a{font-size:clamp(1.5rem,6.2vw,2.1rem)}.hero{padding-top:clamp(4rem,9vh,6rem);padding-bottom:clamp(4.5rem,11vh,7rem)}.hero-stage{transform:translateY(1vh)}.hero-copy{margin-top:.6rem;transform:translateY(2vh)}.hero-cta{margin-top:1.8rem;padding:1rem 2.4rem}}
