/* CARVEX V4.19 – showroom hero video. Homepage only. */
.hero-media-video{
  position:relative;
  background:#0c1320 url('/assets/carvex-showroom-poster.webp') center/cover no-repeat;
  isolation:isolate;
}
.hero-media-video .hero-showroom-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  max-width:none;
  z-index:0;
}
.hero-media-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(18,20,24,.34) 0%,rgba(18,20,24,.08) 22%,rgba(0,0,0,0) 54%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(6,17,35,.16));
}
.hero-media-video::after{
  content:"";
  position:absolute;
  inset:-10% -35%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 42%,rgba(93,162,255,.04) 47%,rgba(212,233,255,.22) 50%,rgba(74,147,255,.05) 53%,transparent 58%);
  transform:translateX(-42%);
  animation:carvexHeroFlash 7.5s ease-in-out infinite;
  mix-blend-mode:screen;
}
@keyframes carvexHeroFlash{
  0%,58%{transform:translateX(-42%);opacity:0}
  62%{opacity:.55}
  74%{transform:translateX(42%);opacity:.9}
  78%,100%{transform:translateX(42%);opacity:0}
}
@media(max-width:720px){
  .hero-media-video .hero-showroom-video{object-position:center center}
  .hero-media-video::before{background:linear-gradient(180deg,rgba(8,16,30,.04),rgba(8,16,30,.18))}
  .hero-media-video::after{animation-duration:9s;opacity:.75}
}
@media(prefers-reduced-motion:reduce){
  .hero-media-video::after{display:none}
}

/* Expand the video panel by ~1 cm toward the headline on desktop. */
@media(min-width:1051px){
  .hero{grid-template-columns:calc(54% - 1cm) calc(46% + 1cm)}
}