/* A full-screen film with the copy layered over the work. */
.hero{display:block;min-height:clamp(640px,calc(100svh - 122px),860px)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;margin:0}
.hero-image>picture{position:absolute;inset:0;width:100%;height:100%}
.hero-image>picture>img,.hero-image>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% center}
.hero-image>video{opacity:0;transition:opacity .35s ease}
.hero-image.is-playing>video{opacity:1}
.hero-image::before{z-index:1;background:linear-gradient(90deg,rgba(8,12,8,.86),rgba(8,12,8,.67) 30%,rgba(8,12,8,.23) 65%,rgba(8,12,8,.08));pointer-events:none}
.hero-image::after{z-index:1;inset:55% 0 0;background:linear-gradient(transparent,rgba(8,12,8,.65))}
.hero-wrap{min-height:inherit;align-items:center;padding-block:96px 112px;pointer-events:none}
.hero-copy{width:58%;max-width:680px;pointer-events:auto}
.hero .hero-headline{text-shadow:0 2px 24px rgba(0,0,0,.18)}
.hero .hero-note{color:#e0e7db}
.hero-image .photo-caption{left:44px;right:90px;bottom:28px;z-index:2}
.hero-video-control{position:absolute;right:24px;bottom:20px;z-index:3;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(17,20,17,.72);color:white}
.hero-video-control:hover{background:var(--black);border-color:var(--green)}
.hero-video-control svg{width:18px;height:18px;fill:currentColor}
.hero-video-control.is-paused .pause-symbol,.hero-video-control:not(.is-paused) .play-symbol{display:none}
@media(max-width:940px) and (min-width:641px){.hero-copy{width:75%;max-width:620px}.hero-image::before{background:linear-gradient(90deg,rgba(8,12,8,.85),rgba(8,12,8,.55) 48%,rgba(8,12,8,.12))}.hero-image .photo-caption{left:30px}}
@media(max-width:640px){
  .hero{--mobile-hero-height:clamp(560px,calc(100svh - 102px),720px);min-height:var(--mobile-hero-height)}
  .hero-image{height:100%;bottom:0}
  .hero-wrap{display:block;min-height:inherit;max-width:none;padding:0}
  .hero-copy{display:flex;flex-direction:column;justify-content:space-between;gap:80px;min-height:inherit;width:100%;max-width:none;padding:64px 20px 56px;pointer-events:none}
  .hero-intro{min-height:0;padding:0}
  .hero-intro>h1,.hero-intro>.hero-headline{max-width:420px}
  .hero-support{position:relative;top:-28px;background:transparent;padding:0;pointer-events:auto}
  .hero-support .hero-description{margin-top:0}
  .hero-support .hero-buttons{margin-top:16px}
  .hero-support .hero-note{margin-top:14px}
  .hero-image>picture>img,.hero-image>video{object-position:50% 38%}
  .hero-image::before{background:linear-gradient(180deg,rgba(8,12,8,.82),rgba(8,12,8,.7) 210px,rgba(8,12,8,.12) 350px,rgba(8,12,8,.06) 70%,rgba(8,12,8,.16))}
  .hero-image::after{display:block;inset:auto 0 0;height:340px;background:linear-gradient(transparent,rgba(8,12,8,.68) 30%,rgba(8,12,8,.86))}
  .hero-image .photo-caption{display:none}
  .hero-video-control{top:16px;right:16px;bottom:auto}
  .trust-inner{gap:14px 16px;padding-block:16px;min-height:0}
  .trust-item{flex-direction:row;align-items:center;gap:9px;line-height:1.35}
  .trust-item>img{width:32px;height:32px}
  .trust-item>span{font-size:12px}
  .trust-item:nth-child(2n){border-left:0;padding-left:0}
}
@media(prefers-reduced-motion:reduce){.hero-image>video{transition:none}}