/* Light (off-white) variant of the hero video rotator — used by smartparol-test.html.
   Add class "hero-video--light" next to "hero-video" and point data-base at hero/videos-light/ */
.hero-video--light{
  width: min(884px, 100%);                 /* 15% smaller than the 1040px dark version */
  background: #F5F2EA;
  border: 1px solid rgba(15,19,48,.10);
  box-shadow: 0 30px 70px -36px rgba(0,0,0,.55);
}
.hero-video--light .hv-stage{ background: #F5F2EA; }
.hero-video--light .hv-shade{ display: none; }
.hero-video--light .hv-label{ color: #3b3a45; opacity: .9; }
.hero-video--light .hv-dot{ background: rgba(15,19,48,.18); }
.hero-video--light .hv-dot.is-active{ background: rgba(15,19,48,.12); }
.hero-video--light .hv-dot i{ background: #EF9E29; }
.hero-video--light .hv-btn{
  background: rgba(255,255,255,.75); color: #16151B; border-color: rgba(15,19,48,.22);
}
.hero-video--light .hv-btn:hover{ background: rgba(239,158,41,.18); border-color: #EF9E29; }
.hero-video--light .hv-btn:focus-visible,.hero-video--light .hv-dot:focus-visible{ outline-color: #EF9E29; }

/* Smaller in-page feature videos, same light treatment (15% narrower, centred) */
.feat-media.feat-light{
  width: 85%; margin-inline: auto; background: #F5F2EA;
  border: 1px solid rgba(15,19,48,.10);
  box-shadow: 0 30px 70px -36px rgba(0,0,0,.55);
}