.scroll-hero{--video-ratio:16/9;background:var(--dark);color:var(--cream);position:relative}
.scroll-hero__stage{position:relative;padding:130px 7% 55px;max-width:1600px;margin-inline:auto}
.scroll-hero__copy{position:relative;z-index:2}
.scroll-hero__copy h1{font:400 clamp(48px,5.2vw,80px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em}
.scroll-hero__copy h1 em{color:#e3c991}
.scroll-hero__support{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin-top:25px;max-width:1100px}
.scroll-hero__support p{max-width:510px;margin:0;font-size:18px;line-height:1.65}
.scroll-hero__support .button{flex-shrink:0}
.scroll-hero__media{position:relative;aspect-ratio:var(--video-ratio);margin:35px auto 0;overflow:hidden;background:var(--dark)}
.scroll-hero__video{display:block;width:100%;height:100%;object-fit:cover}
.scroll-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,17,.88),rgba(13,24,17,.5) 60%,rgba(13,24,17,.25));opacity:0;pointer-events:none}
.scroll-hero__caption{position:relative;margin-top:24px;font-size:14px;letter-spacing:.14em}
.landing-page:has(.scroll-hero) .site-header{background:var(--dark)}
.scroll-hero.is-animated .scroll-hero__stage{max-width:none;width:100%;height:110vh;padding:0;overflow:hidden}
.scroll-hero.is-animated .scroll-hero__copy{position:absolute;top:0;left:max(7%,calc((100% - 1376px)/2));right:max(7%,calc((100% - 1376px)/2));color:#fff}
.scroll-hero.is-animated .scroll-hero__media{position:absolute;inset:auto;margin:0;aspect-ratio:auto}
.scroll-hero.is-animated .scroll-hero__caption{position:absolute;left:7%;bottom:24px;z-index:2;margin:0;color:#fff}
.landing-page:has(.scroll-hero.is-animated) .site-header:not(.is-scrolled){background:transparent;box-shadow:none}
@media(max-width:950px){
 .scroll-hero__stage{padding:125px 6% 55px}
 .scroll-hero__copy h1{font-size:clamp(43px,8vw,70px)}
 .scroll-hero__support{display:block;margin-top:25px}
 .scroll-hero__support p{font-size:17px;max-width:550px}
 .scroll-hero__support .button{margin-top:25px;max-width:100%}
 .scroll-hero__media{margin-top:35px}
 .scroll-hero__caption{letter-spacing:.08em;line-height:1.6}
}
@media(max-width:360px){.scroll-hero__stage{padding-top:145px}}

@media(min-width:951px) and (prefers-reduced-motion:no-preference) {
  .scroll-hero:not(.is-animated) .scroll-hero__stage {
    max-width: none;
    min-height: 100svh;
    padding: 145px 7% 110px;
    display: flex;
    align-items: center;
  }
  .scroll-hero:not(.is-animated) .scroll-hero__copy { width: 100%; color: #fff; }
  .scroll-hero:not(.is-animated) .scroll-hero__media {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    aspect-ratio: auto;
  }
  .scroll-hero:not(.is-animated) .scroll-hero__shade { opacity: 1; }
  .scroll-hero:not(.is-animated) .scroll-hero__caption {
    position: absolute;
    left: 7%;
    bottom: 24px;
    z-index: 2;
    margin: 0;
  }
  .landing-page:has(.scroll-hero) .site-header:not(.is-scrolled) { background: transparent; box-shadow: none; }
}