/* The homepage shares the category banners' restrained colour treatment. */
html body.home main > section.mh-home-media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: #343638;
}
html body.home main > section.mh-home-media > .mh-home-picture,
html body.home main > section.mh-home-media > .mh-home-video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}
html body.home main > section.mh-home-media > .mh-home-picture > img,
html body.home main > section.mh-home-media > .mh-home-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: brightness(.90) contrast(1.02) saturate(.94);
}
html body.home main > section.mh-home-media > .mh-home-video { opacity: 0; transition: opacity .25s ease; }
html body.home main > section.mh-home-media.mh-home-playing > .mh-home-video { opacity: 1; }
html body.home main > section.mh-home-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(180deg,rgba(10,13,16,.10) 0%,rgba(10,13,16,.16) 42%,rgba(10,13,16,.28) 100%);
}
html body.home main > section.mh-home-media > .container { position: relative; z-index: 2; }
@media(prefers-reduced-motion: reduce) {
  html body.home main > section.mh-home-media > .mh-home-video { transition: none; }
}

/* Replace the old mobile-only dark gradient instead of stacking overlays. */
html body.home main > section.mh-home-media::after { content: none !important; display: none !important; }