/* Louvano hero day-cycle video — scoped to the home hero banner only.
   Follows 2026-09-11-daylight-hero-v1/K3-接入说明.md:
   - ratio box comes from the existing #Banner-louvano-hero padding rules (43% / 149.33%)
   - video fills the box; text/CTA stay real HTML on top
   - one variant loads per breakpoint (sources assigned by hero-video.js)
   - accessible toggle button + Concept visualization label stay visible */
#Banner-louvano-hero .banner-media video {
  display: block;
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  object-fit: cover;
}
.hero-video-toggle {
  position: absolute;
  left: 12px; bottom: 12px;
  z-index: 5;
  width: 40px; height: 40px;
  border: 0;
  border-radius: 50%;
  background: rgba(27,32,31,.72);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}
.hero-video-toggle:hover,
.hero-video-toggle:focus-visible {
  background: rgba(27,32,31,.9);
}
.hero-video-toggle svg {
  width: 14px; height: 14px;
  fill: currentColor;
}
@media (max-width: 749px) {
  .hero-video-toggle {
    left: 8px; bottom: 8px;
    width: 34px; height: 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-video-toggle {
    background: rgba(27,32,31,.88);
  }
}