/* Authentic ROST-AUTO mark and a cinematic stage continuous with the page.
   Load after film-player.css and readability-v8.css. No form/focus resets. */
body .logo.logo--authentic{gap:12px;min-width:0;background:none;border:0;border-radius:0;box-shadow:none}
body .logo--authentic .brand-mark{display:block;width:64px;height:auto;aspect-ratio:96/55;object-fit:contain;flex:none;background:transparent;border:0;border-radius:0;box-shadow:none}
body .logo--authentic>.brand-wordmark{display:block;min-width:0;line-height:1.1;font-size:22px;font-weight:750!important;letter-spacing:.015em}
body .logo--authentic .logo-dash{padding:0 .025em}
body .header .logo--authentic small{white-space:nowrap}
body .footer .logo--authentic .brand-mark{width:76px}
body .footer .logo--authentic>.brand-wordmark{font-size:26px}
body .footer .logo--authentic small{max-width:240px;white-space:normal}

/* Remove the picture-card geometry, keeping the original complete frame.
   Masks affect only its outermost background pixels; controls stay outside. */
body .hero-visual,
body .hero-visual:has(.car-showcase),
body .hero-visual:has(.film-showcase),
body .hero-visual :is(.car-showcase,.film-showcase),
body .x5-cinematic :is(.car-showcase,.film-showcase){background:transparent;border:0;border-radius:0;box-shadow:none}
body .hero-visual{overflow:visible}
body .hero-visual::before,body .hero-visual::after{display:none}
body :is(.hero-visual,.x5-cinematic) :is(.car-showcase__stage,.film-showcase__stage){
  border:0;border-radius:0;box-shadow:none;background:transparent;
  --scene-edge-x:6%;--scene-edge-top:12%;--scene-edge-bottom:16%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--scene-edge-x),#000 calc(100% - var(--scene-edge-x)),transparent),linear-gradient(180deg,transparent,#000 var(--scene-edge-top),#000 calc(100% - var(--scene-edge-bottom)),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 var(--scene-edge-x),#000 calc(100% - var(--scene-edge-x)),transparent),linear-gradient(180deg,transparent,#000 var(--scene-edge-top),#000 calc(100% - var(--scene-edge-bottom)),transparent);
  -webkit-mask-composite:source-in;mask-composite:intersect;
}
body :is(.hero-visual,.x5-cinematic) :is(.car-showcase__poster,.car-showcase__viewport,.film-showcase__poster,.film-showcase__video){border:0;border-radius:0;box-shadow:none;background:transparent}
body .hero-visual :is(.film-showcase__poster,.film-showcase__video){object-fit:contain;object-position:center}
body .hero-visual :is(.car-showcase__controls,.film-showcase__controls){position:relative;z-index:2;margin-top:12px;overflow:visible}
body .x5-cinematic{background:transparent}
body .x5-cinematic :is(.car-showcase__stage,.film-showcase__stage){--scene-edge-x:3%;--scene-edge-top:8%;--scene-edge-bottom:12%}

@media(max-width:700px){
  body .header .logo.logo--authentic{gap:8px}
  body .header .logo--authentic .brand-mark{width:40px}
  body .header .logo--authentic>.brand-wordmark{font-size:19px;letter-spacing:0}
  body .footer .logo.logo--authentic{max-width:100%;gap:12px}
  body .footer .logo--authentic .brand-mark{width:56px}
  body .footer .logo--authentic>.brand-wordmark{font-size:22px;min-width:0}
  body .hero-visual :is(.car-showcase__stage,.film-showcase__stage){--scene-edge-x:6%;--scene-edge-top:12%;--scene-edge-bottom:16%}
}
@media(max-width:390px){
  body .header .logo.logo--authentic{gap:6px}
  body .header .logo--authentic .brand-mark{width:34px}
  body .header .logo--authentic>.brand-wordmark{font-size:18px}
}
@media(max-width:340px){
  body .header .logo--authentic>.brand-wordmark{display:none}
  body .header .logo--authentic .brand-mark{width:60px}
}