.hero--overlay .hero-image.hero-media{
  position:absolute;
  inset:0;
  z-index:0!important;
  width:100%;
  height:100%;
  min-height:0;
  max-height:none;
  overflow:hidden;
  transform:none;
  background:#20352d;
}
.hero-media__slides,.hero-media__slide{position:absolute;inset:0;width:100%;height:100%}
.hero-media__slides,.hero-media__slide,.hero-media__video{pointer-events:none}
.hero-media__slide{
  opacity:0;
  visibility:hidden;
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  transition-property:opacity,visibility;
  transition-timing-function:ease;
}
.hero-media__slide.is-active{opacity:1;visibility:visible}
.hero-media__video{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
/* Keep hero media itself unshaded. Only the lower control area receives a soft overlay. */
.hero-media::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:150px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(10,16,13,0) 0%,rgba(10,16,13,.10) 25%,rgba(10,16,13,.38) 68%,rgba(10,16,13,.58) 100%);
}
.hero--overlay .copy-band{
  position:relative;
  z-index:3;
  padding-bottom:130px;
  pointer-events:none;
}
.hero--overlay .copy-band a,
.hero--overlay .copy-band button,
.hero--overlay .copy-band input,
.hero--overlay .copy-band select,
.hero--overlay .copy-band textarea{pointer-events:auto}
.hero-media__controls{
  position:absolute;
  left:50%;
  bottom:26px;
  z-index:10;
  width:min(calc(100% - 56px),860px);
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 52px;
  align-items:center;
  gap:22px;
  pointer-events:auto;
}
.hero-media__arrow{
  position:relative;
  z-index:11;
  width:52px;
  height:52px;
  border:1px solid rgba(255,255,255,.62);
  border-radius:50%;
  background:rgba(15,24,20,.62);
  color:#fff;
  display:grid;
  place-items:center;
  padding:0;
  font-size:34px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(7px);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transition:background .2s ease,transform .2s ease,border-color .2s ease;
  pointer-events:auto;
  touch-action:manipulation;
}
.hero-media__arrow:hover,.hero-media__arrow:focus-visible{
  background:rgba(184,130,68,.9);
  border-color:#fff;
  transform:scale(1.05);
  outline:none;
}
.hero-media__progress{
  position:relative;
  z-index:11;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-width:0;
  pointer-events:auto;
}
.hero-media__dot{
  position:relative;
  z-index:11;
  flex:1 1 0;
  max-width:140px;
  min-width:44px;
  height:7px;
  padding:0;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.38);
  cursor:pointer;
  box-shadow:0 1px 3px rgba(0,0,0,.15);
  pointer-events:auto;
  touch-action:manipulation;
}
.hero-media__dot::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-12px;
  bottom:-12px;
}
.hero-media__dot:hover,.hero-media__dot:focus-visible{background:rgba(255,255,255,.7);outline:none}
.hero-media__progress-fill{
  display:block;
  width:100%;
  height:100%;
  transform:scaleX(0);
  transform-origin:left center;
  border-radius:inherit;
  background:#fff;
  pointer-events:none;
}
.hero-media__dot.is-active{background:rgba(255,255,255,.5)}
@media(prefers-reduced-motion:reduce){.hero-media__slide{transition:none}.hero-media__progress-fill{animation:none!important}}
@media(max-width:720px){
  .hero--overlay .hero-image.hero-media{height:100%;min-height:0}
  .hero-media__slide,.hero-media__video{object-position:center center;background-position:center center}
  .hero-media::after{height:125px;background:linear-gradient(180deg,rgba(10,16,13,0) 0%,rgba(10,16,13,.12) 28%,rgba(10,16,13,.46) 72%,rgba(10,16,13,.62) 100%)}
  .hero--overlay .copy-band{padding-bottom:118px}
  .hero-media__controls{bottom:18px;width:min(calc(100% - 24px),620px);grid-template-columns:44px minmax(0,1fr) 44px;gap:10px}
  .hero-media__arrow{width:44px;height:44px;font-size:29px}
  .hero-media__progress{gap:6px}
  .hero-media__dot{height:6px;min-width:28px}
}

@media(max-width:720px){.hero--overlay .hero-image.hero-media{background:#121212!important}.hero-media__slide{background-size:contain!important;background-position:center!important;background-color:#121212}.hero-media__video{object-fit:contain!important;object-position:center!important;background:#121212}}