.editorial-hero.hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.hero-white-transition { position: absolute; inset: 0; z-index: 10; overflow: hidden; pointer-events: none; }
.editorial-hero .hero-portal-wrap { position: relative; z-index: 1; }
.editorial-hero .hero-portal-wrap:nth-child(2) { z-index: 3; }
.hero-white-feather { position: absolute; width: 160vmax; height: 160vmax; left: calc(50% - 80vmax); top: calc(50% - 80vmax); border-radius: 50%; background: radial-gradient(circle, #fff 0%, #fff 48%, #fffffff5 58%, #ffffff00 72%); filter: blur(18px); opacity: 0; transform: scale(.04); }
.hero-white-solid { position: absolute; inset: 0; background: #fff; opacity: 0; }
.hero-motion-ready .hero-white-feather { will-change: transform, opacity; }
.editorial-hero .hero-image { filter: brightness(.62) blur(3px); }
.living-manifesto.hero-next-section { position: relative; z-index: 2; margin-top: 0; background: #fff; }
.living-manifesto.hero-next-section::before { content: none; }
.living-manifesto + .search-section { margin-top: 0; }

.editorial-hero .hero-background-motion {
  position: absolute;
  top: -25%;
  left: 0;
  width: 100%;
  height: 125%;
  z-index: -3;
  pointer-events: none;
}

.editorial-hero .hero-background-motion .hero-slides {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: auto;
  transform-origin: center;
}

.editorial-hero .hero-heading-mask {
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  vertical-align: bottom;
  padding-block: .1em .14em;
  margin-block: -.1em -.14em;
}

.editorial-hero .hero-heading-line {
  display: inline-block;
}

.hero-motion-ready .editorial-hero .hero-enter,
.hero-motion-ready .editorial-hero .hero-image.active {
  animation: none;
}

.hero-motion-ready .editorial-hero .hero-image.active {
  transform: none;
}

.hero-motion-ready .hero-background-motion,
.hero-motion-ready .editorial-hero .hero-slides,
.hero-motion-ready .editorial-hero .hero-content {
  will-change: transform;
}

.hero-next-section.search-section {
  position: relative;
  isolation: isolate;
  z-index: 6;
  margin-top: -74px;
  padding-bottom: 24px;
}

.hero-next-section::before {
  content: '';
  position: absolute;
  inset: 42px 0 -26px;
  z-index: -1;
  background: #fff;
  box-shadow: 0 0 0 100vmax #fff;
  clip-path: inset(0 -100vmax);
  pointer-events: none;
}

.hero-next-section .search-bar {
  box-shadow: 0 12px 42px #20262d0d;
}

@media (min-width: 768px) {
  .editorial-hero.hero { height: 100svh; min-height: 0; max-height: none; }
  .editorial-hero .hero-content { top: clamp(88px, 12vh, 112px); }
  .editorial-hero.hero h1 { font-size: clamp(46px, 9vh, 86px); }
  .editorial-hero .hero-portals {
    bottom: 26%;
  }

  .editorial-hero .hero-note {
    bottom: 86px;
  }

  .editorial-hero .hero-bottom {
    bottom: 24px;
  }
}

@media (max-width: 767px) {
  .hero-white-transition { display: none; }
  .editorial-hero .hero-image { filter: brightness(.62); }
  .editorial-hero .hero-background-motion {
    top: 0;
    height: 100%;
  }

  .hero-next-section.search-section {
    margin-top: -32px;
    padding-bottom: 12px;
  }

  .hero-next-section::before {
    top: 38px;
    bottom: -12px;
  }

  .hero-motion-ready .hero-background-motion {
    will-change: auto;
  }

  .editorial-hero .hero-note {
    bottom: 100px;
  }

  .editorial-hero .hero-bottom {
    bottom: 40px;
  }
}

.reduced-motion .hero-heading-line {
  opacity: 1 !important;
  transform: none !important;
}
.reduced-motion .hero-white-transition { display: none; }

@media (prefers-reduced-motion: reduce) {
  .hero-white-transition { display: none; }
  .editorial-hero .hero-enter,
  .editorial-hero .hero-image.active {
    animation: none;
    transform: none;
  }

  .hero-heading-line {
    opacity: 1 !important;
    transform: none !important;
  }
}