/* V3-B01. Shared controls and a full-viewport film that settles on the right. */
:root{--action-red:#c8102e;--action-red-deep:#8e0b24}
.v3-scene-index{display:none!important}
.v3-scene-bottom{justify-content:flex-end}
body #header,body #header.scrolled,body.page-open #header,body.on-tickets #header{position:fixed;inset:0 0 auto;z-index:1000;padding:14px 0;background:var(--v3-black);transform:none;visibility:visible;opacity:1}
#header .wrap.nav{max-width:1560px;gap:26px;align-items:center}
.v3-header-links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,1.6vw,26px);margin-left:auto;white-space:nowrap}
body #header .v3-header-links a{color:#d9d7d2;font:400 10px/1.4 Inter,Arial,sans-serif;letter-spacing:.07em;padding:14px 0;text-decoration:none}
body #header .v3-header-links a:hover,body #header .v3-header-links a[aria-current=page]{color:#fff;text-decoration:underline;text-underline-offset:7px}
.v3-header-tools{margin-left:0;gap:18px}
body #header.nav-open .v3-header-links{visibility:hidden}

/* The circle stays behind the label; links, forms and their existing handlers survive. */
body :is(.home-button,.btn-red,.editorial-button,.v3-header-reserve,.nav-cta){position:relative;isolation:isolate;overflow:hidden;border-radius:8px!important;background:var(--action-red)!important;box-shadow:none;transform:none!important;transition:color .2s,border-color .2s;min-height:44px}
body :is(.home-button,.btn-red,.editorial-button,.v3-header-reserve,.nav-cta)::before{content:"";position:absolute;z-index:-1;inset:-100% -30%;border-radius:48% 52% 44% 56%;background:var(--action-red-deep);transform:translate(-70%,65%) scale(.2);transition:transform .5s cubic-bezier(.2,.75,.25,1);pointer-events:none}
body :is(.home-button,.btn-red,.editorial-button,.v3-header-reserve,.nav-cta):is(:hover,:focus-visible):not(:disabled):not([aria-disabled=true])::before{transform:translate(0,0) scale(1)}
body :is(.home-button,.btn-red,.editorial-button,.v3-header-reserve,.nav-cta):focus-visible{outline:2px solid currentColor;outline-offset:4px}
body #header .v3-header-reserve{display:flex;align-items:center;justify-content:center;padding:12px 20px}

/* Keep the rendered car completely framed, with the wordmark in the empty upper area. */
body #preloader{background:#000;align-items:center}
#preloader .pl-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}
#preloader .pl-inner{position:absolute;top:clamp(28px,7svh,80px);left:0;right:0;width:100%;padding:0 24px;z-index:2;opacity:1}
#preloader .pl-logo{width:clamp(220px,27vw,430px)}
#preloader .pl-sub{margin-top:18px;color:#d0cec8}
#preloader .pl-skip{z-index:3;bottom:24px;right:24px;padding:13px 18px;border:1px solid #777;border-radius:8px;background:#080808;color:#eee;min-height:44px}

.v3-hero-scene{position:relative;overflow:hidden}
.v3-hero-slot{aspect-ratio:16/9;width:100%;min-width:0;align-self:center}
.v3-hero-slot>.v3-hero-media{width:100%;height:100%;max-width:none}
.v3-enhanced .v3-hero-scene .v3-copy{opacity:var(--hero-copy-opacity,0);visibility:var(--hero-copy-visibility,hidden);position:relative;z-index:2}
.v3-enhanced .v3-hero-scene .v3-split{width:100%;max-width:1400px}
.v3-enhanced .v3-hero-media{position:absolute;left:var(--hero-x,0px);top:var(--hero-y,0px);width:var(--hero-width,100%);height:var(--hero-height,100%);max-width:none;z-index:1;margin:0}
.v3-hero-media>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.v3-hero-media video.hero-bg{object-fit:cover;object-position:center}
.v3-enhanced .v3-hero-scene .v3-scene-bottom{z-index:3;max-width:1400px;pointer-events:none}
.v3-hero-scene .v3-next-scene{pointer-events:auto;background:#080808;padding:12px 18px;border-radius:8px;color:#f2f0eb}
.v3-hero-media .v3-video-toggle{right:22px;bottom:22px;background:#080808;border-color:#ddd}
.v3-hero-media .v3-video-toggle:hover{background:#282828}
.v3-sound-toggle{position:absolute;left:22px;bottom:22px;z-index:2;min-height:48px;padding:12px 18px;border:1px solid #ddd;border-radius:24px;background:#080808;color:#f2f0eb;font:400 10px Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.v3-sound-toggle:hover{background:#282828}
.v3-hero-media .v3-video-status{bottom:85px;left:22px;right:22px;z-index:3;background:#080808;color:#eee;padding:10px 14px;border-radius:6px;line-height:1.5}

@media(max-width:1200px){.v3-header-links{display:none}.v3-header-tools{margin-left:auto}#header .wrap.nav{gap:16px}}
@media(max-width:900px){
 .v3-enhanced .v3-hero-scene .v3-scene-bottom{bottom:80px}
 .v3-hero-scene .v3-split{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:24px}
 .v3-hero-scene .v3-copy{order:2}
 .v3-hero-slot{order:1;max-width:100%;flex:none;align-self:stretch}
 .v3-hero-scene h1{font-size:clamp(32px,6.3vw,54px)}
 .v3-hero-scene .v3-copy>p:not(.v3-kicker){margin-top:14px}
 .v3-hero-scene .v3-kicker{margin-bottom:12px}
 .v3-hero-scene .v3-actions{margin-top:18px}
 .v3-hero-scene{padding-top:90px;padding-bottom:80px}
 .v3-hero-media .v3-video-toggle{right:12px;bottom:12px;width:46px;height:46px;padding:12px}
 .v3-sound-toggle{left:12px;bottom:12px;min-height:44px;padding:10px 14px}
}
@media(max-width:600px){
 body #header,body #header.scrolled,body.page-open #header,body.on-tickets #header{padding:10px 0}
 body #header .logo img,body #header.scrolled .logo img{width:110px}
 body #header .v3-header-reserve{display:none}
 #header .wrap.nav{padding:0 20px}
 .v3-header-tools{gap:8px}
 #preloader .pl-inner{top:12svh}
 #preloader .pl-logo{width:230px}
 #preloader .pl-sub{font-size:8px;letter-spacing:.2em}
 .v3-hero-scene h1{font-size:clamp(29px,8vw,42px)}
 .v3-hero-scene .v3-next-scene{font-size:8px;gap:12px}
}
@media(prefers-reduced-motion:reduce){
 body :is(.home-button,.btn-red,.editorial-button,.v3-header-reserve,.nav-cta)::before{transition:none}
 .v3-enhanced .v3-hero-scene .v3-copy{opacity:1;visibility:visible}
 .v3-enhanced .v3-hero-media{position:relative;left:auto;top:auto;width:100%;height:auto}
}
