/* Keep the homepage introduction legible beside the mobile partner rail. */
[data-home-layout="20261020-v2"] .hero__copy {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-block-size: var(--hero-copy-height, 0px);
}
[data-home-layout="20261020-v2"] .hero__copy > * { flex-shrink: 0; }
[data-home-layout="20261020-v2"] .hero__copy .hero-controls {
  margin-top: auto;
  padding-top: 12px;
}
[data-home-layout="20261020-v2"] .hero--measure {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  contain: layout style;
  z-index: -1;
}
[data-home-layout="20261020-v2"] .hero--measure .hero__copy {
  min-block-size: 0;
  max-width: none;
}
@media (max-width: 720px) {
  [data-home-layout="20261020-v2"] .hero__copy {
    /* The intro WWF mark is 69px wide. Keep 10px clear even during it. */
    /* Existing mobile outer gutter: 16px; 16 + 63 = 79. */
    padding-inline-end: 63px;
  }
  [data-home-layout="20261020-v2"] .hero__copy h1,
  [data-home-layout="20261020-v2"] .hero[data-active-scene="2"] h1 {
    font-size: clamp(28px, 7.4vw, 48px);
    overflow-wrap: normal;
  }
  [data-home-layout="20261020-v2"] .hero[data-active-scene="0"] h1 {
    font-size: clamp(26px, 7.1vw, 44px);
  }
  [data-home-layout="20261020-v2"] .hero__copy > .eyebrow {
    display: block;
  }
  [data-home-layout="20261020-v2"] .hero__actions {
    flex-wrap: wrap;
  }
}