/* The hero video slot (assets/art/hero-video.js) */
.hero .container.hv-grid { max-width: var(--container) !important; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 0.95fr); column-gap: clamp(32px, 4vw, 80px); align-items: center; }
.hv-media { position: relative; aspect-ratio: 4 / 3; pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 45%, transparent 100%);
          mask-image: radial-gradient(ellipse 50% 50% at 50% 50%, #000 45%, transparent 100%); }
.hv-media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1s ease; }
.hv-media video.on { opacity: 0.65; }