/* Keep the copy in its own grid row, so image placement follows actual text
   height, including wrapping, font loading and a short browser viewport. */
.breeze-9 .breeze-element.breeze-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto minmax(0, 1fr);
  align-items: start;
  row-gap: min(94px, 3vw);
  padding: 0;
  min-height: 100vh;
  min-height: 100svh;
}
.breeze-9 .breeze-element.breeze-hero-copy {
  grid-area: 1 / 1;
}
.breeze-9 .breeze-element.breeze-element-a1d76dc {
  margin-bottom: 0;
}
.breeze-hero > .breeze-hero-scroll-track {
  grid-area: 2 / 1;
  justify-self: center;
  align-self: start;
  width: min(1100px, 100%);
  min-width: 0;
  padding-bottom: 52px;
}
.breeze-9 .breeze-element.breeze-hero-scroll {
  margin: 0 306px 0 auto;
}
.breeze-9 .breeze-element.breeze-hero-photo-secondary {
  grid-area: 2 / 1;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  justify-self: end;
  align-self: end;
  margin: 0 0 55px;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .breeze-9 .breeze-element.breeze-hero {
    row-gap: 32px;
  }
  .breeze-9 .breeze-element.breeze-hero-copy {
    margin-top: 160px;
  }
  .breeze-9 .breeze-element.breeze-element-1dab04e,
  .breeze-9 .breeze-element.breeze-element-a1d76dc {
    width: min(456px, 48vw);
    max-width: 456px;
    --container-widget-width: min(456px, 48vw);
  }
  .breeze-9 .breeze-element.breeze-element-1dab04e .breeze-heading-title {
    font-size: clamp(36px, 4.1vw, 54px);
  }
  .breeze-9 .breeze-element.breeze-hero-photo-main {
    width: 40vw;
    max-width: 420px;
    --container-widget-width: 40vw;
  }
  .breeze-hero > .breeze-hero-scroll-track {
    width: 88vw;
  }
  .breeze-9 .breeze-element.breeze-hero-scroll {
    margin: 0;
  }
  body:not(.rtl) .breeze-9 .breeze-element.breeze-hero-photo-secondary {
    right: 0;
  }
}
@media (max-width: 767px) {
  .breeze-9 .breeze-element.breeze-hero {
    grid-template-rows: auto auto auto;
    row-gap: 12px;
    min-height: 0;
    padding: 80px 0 50px;
  }
  .breeze-9 .breeze-element.breeze-hero-copy {
    margin: 0;
  }
  .breeze-9 .breeze-element.breeze-element-1dab04e .breeze-heading-title {
    font-size: clamp(28px, 9.3vw, 36px);
  }
  .breeze-9 .breeze-element.breeze-element-a1d76dc {
    width: 100%;
    max-width: 100%;
    --container-widget-width: 100%;
  }
  .breeze-hero > .breeze-hero-scroll-track {
    width: calc(100% - 32px);
    padding: 0;
  }
  .breeze-9 .breeze-element.breeze-hero-scroll {
    margin: 0 0 0 auto;
  }
  .breeze-9 .breeze-element.breeze-hero-photo-main {
    grid-area: 3 / 1;
    /* Overlap the 60px scroll-guide row while retaining 24px below the copy. */
    margin-top: -60px;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    z-index: 2;
  }
}

/* Keep the scroll guide readable on the pale background and the mobile photo. */
.breeze-hero-scroll .e-text-path text * {
  color: var(--e-global-color-text) !important;
  fill: var(--e-global-color-text) !important;
  mix-blend-mode: normal !important;
}
.breeze-hero-copy-in-view .breeze-9 .breeze-element.breeze-element-07ab4c9 {
  visibility: hidden !important;
  pointer-events: none;
}

.breeze-hero-copy .breeze-hero-keep { white-space: nowrap; }