/* Approved immersive homepage: edge-to-edge video with a light four-edge fade. */
.immersive-home .header {
  position: absolute;
  inset: 0 0 auto;
  background: transparent;
  backdrop-filter: none;
  border-bottom: 0;
  box-shadow: none;
  transition: background .3s, box-shadow .3s;
}
.immersive-home .header.is-scrolled {
  position: fixed;
  background: #f7f9faf2;
  backdrop-filter: blur(16px);
  box-shadow: 0 8px 24px -20px #305c6c55;
}
.immersive-home .editorial-hero.centered-video-hero.wrap {
  width: 100%;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  border-radius: 0;
  border: 0;
  box-shadow: none;
  align-items: center;
  background: var(--reese-page);
}
.immersive-home .centered-video-hero .editorial-hero-image {
  inset: 0;
  background-position: center;
}
.immersive-home .centered-video-hero .editorial-hero-shade {
  background:
    radial-gradient(ellipse 72% 65% at 50% 43%,#f7f9fa75, #f7f9fa30 68%,transparent 100%),
    linear-gradient(180deg,#f7f9fa25,#f7f9fa55 65%,#f7f9fa44);
}
.immersive-home .centered-video-hero::after {
  inset: 0;
  height: auto;
  z-index: 0;
  background:
    linear-gradient(180deg,#f7f9faf5 0%,#f7f9fa85 9%,#f7f9fa00 24%),
    linear-gradient(0deg,#f7f9fa 0%,#f7f9fac9 9%,#f7f9fa00 32%),
    linear-gradient(90deg,#f7f9fac0 0%,#f7f9fa00 13%,#f7f9fa00 87%,#f7f9fac0 100%);
}
.immersive-home .centered-video-hero .editorial-hero-copy {
  position: relative;
  z-index: 2;
  width: min(1040px,calc(100% - var(--reese-gutter) * 2));
  max-width: 1040px;
  padding: calc(var(--header-block) + 38px) 28px 98px;
}
.immersive-home .hero-scroll-hint { z-index: 2; bottom: 34px; }
.immersive-home .brand-intro { padding-top: 32px; }
@media (max-width: 980px) {
  .immersive-home .centered-video-hero .editorial-hero-copy { padding-inline: 22px; }
}
@media (max-width: 700px) {
  .immersive-home .centered-video-hero .editorial-hero-copy {
    width: calc(100% - 40px);
    padding: calc(var(--header-block) + 30px) 2px 84px;
  }
  .immersive-home .centered-video-hero .editorial-hero-shade {
    background: linear-gradient(180deg,#f7f9fa45,#f7f9fa9c 35%,#f7f9fa66 68%,#f7f9fa15);
  }
  .immersive-home .centered-video-hero::after {
    background:
      linear-gradient(180deg,#f7f9faf2,#f7f9fa00 27%),
      linear-gradient(0deg,#f7f9fa,#f7f9fac0 10%,#f7f9fa00 35%),
      linear-gradient(90deg,#f7f9fa80,#f7f9fa00 10%,#f7f9fa00 90%,#f7f9fa80);
  }
  .immersive-home .hero-background-video { object-position: 54% center; }
  .immersive-home .mobile-nav { background: #f7f9faf5; }
}
@media (prefers-reduced-motion: reduce) {
  .immersive-home .header { transition: none; }
}