/* Dedicated, full-width photographs. All copy and controls remain live HTML. */
body.magazine-home > header {
  position: relative;
  z-index: 2;
  background: transparent;
}

body.magazine-home .magazine-hero[data-home-hero-twelve] {
  position: relative;
  isolation: isolate;
  min-height: calc(clamp(720px, 56.28vw, 960px) - var(--home-hero-header-height, 154px));
  padding-bottom: clamp(200px, 17vw, 330px);
}

body.magazine-home .home-hero-photos {
  position: absolute;
  z-index: -1;
  top: calc(0px - var(--home-hero-header-height, 154px));
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none;
  background: #f6f8f8;
}

body.magazine-home .home-hero-photo {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1.1s ease;
}

body.magazine-home .home-hero-photo.is-current { opacity: 1; }

body.magazine-home .home-hero-photo picture,
body.magazine-home .home-hero-photo img {
  display: block;
  width: 100%;
  height: 100%;
}

body.magazine-home .home-hero-photo img {
  max-width: none;
  object-fit: cover;
  object-position: center bottom;
}

body.magazine-home .home-hero-photos::after {
  content: "";
  position: absolute;
  z-index: 3;
  inset: 0;
  background: linear-gradient(to bottom,
    rgb(255 255 255 / .96) 0%,
    rgb(255 255 255 / .91) 14%,
    rgb(255 255 255 / .78) 32%,
    rgb(255 255 255 / .64) 48%,
    rgb(255 255 255 / .34) 64%,
    rgb(255 255 255 / .05) 82%,
    rgb(255 255 255 / 0) 100%);
}

body.magazine-home [data-home-hero-twelve] .hero-rotator { position: relative; }
body.magazine-home [data-home-hero-twelve] .hero-word {
  opacity: 1;
  transform: none;
  animation: none;
  will-change: auto;
  transition: opacity 1.1s ease;
}
body.magazine-home [data-home-hero-twelve] .hero-word[data-hero-word-layer] { opacity: 0; }
body.magazine-home [data-home-hero-twelve] .hero-word[data-current="true"] { opacity: 1; }
body.magazine-home [data-home-hero-twelve] .hero-word-copy {
  position: absolute;
  inset: 0;
  width: 100%;
}

body.magazine-home .home-footer-mark {
  display: flex;
  justify-content: center;
  padding-top: 24px;
}
body.magazine-home .home-footer-mark img {
  width: 48px;
  height: auto;
}

@media (max-width: 700px) {
  body.magazine-home .magazine-hero[data-home-hero-twelve] {
    min-height: max(520px, calc(177.78vw - var(--home-hero-header-height, 190px)));
    padding-bottom: max(170px, 30vw);
  }
  body.magazine-home .home-hero-photos {
    top: calc(0px - var(--home-hero-header-height, 190px));
  }
}

@media (prefers-reduced-motion: reduce) {
  body.magazine-home .home-hero-photo,
  body.magazine-home [data-home-hero-twelve] .hero-word { transition: none; }
  /* Override the shared legacy reduced-motion rule for the inactive buffer. */
  body.magazine-home [data-home-hero-twelve] .hero-word[data-hero-word-layer] { opacity: 0 !important; }
  body.magazine-home [data-home-hero-twelve] .hero-word[data-current="true"] { opacity: 1 !important; }
}