.motion-hero{height:clamp(640px,calc(100svh - 124px),920px);min-height:0;display:flex;align-items:flex-end;overflow:hidden;padding:0}
.motion-hero .hero-film{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:50% 42%}
.motion-hero .hero-film.is-donation-wall{object-position:50% 0}
.motion-hero:after{height:100%;background:linear-gradient(0deg,rgba(10,30,21,.93),rgba(10,30,21,.62) 22%,rgba(10,30,21,.08) 56%,transparent 78%)}
.motion-hero .hero-content{padding-top:260px;padding-bottom:42px}
.motion-hero h1{font-size:clamp(38px,4.1vw,64px);max-width:950px;margin-bottom:15px;line-height:1.06}
.motion-hero .eyebrow{font-size:11px;margin-bottom:12px}
.motion-hero p.hero-intro{max-width:650px;line-height:1.5;font-size:15px;margin-bottom:20px}
.hero-playback{position:absolute;right:30px;bottom:34px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff80;border-radius:50%;background:#13281e66;color:#fff;font-size:17px;backdrop-filter:blur(6px)}
.hero-playback:hover{background:#203c2b}.hero-playback:focus-visible{outline-color:#fff}
@media(max-width:700px){.motion-hero{height:calc(100svh - 105px);min-height:620px;max-height:880px;padding:0;display:flex;overflow:hidden}.motion-hero .hero-film{height:100%;object-position:48% 40%}.motion-hero:after{height:100%;background:linear-gradient(0deg,#10271aef 0%,#10271aaa 29%,#10271a00 65%)}.motion-hero .hero-content{padding-top:300px;padding-bottom:35px}.motion-hero h1{font-size:clamp(34px,8vw,48px);max-width:530px;line-height:1.08;margin-bottom:16px}.motion-hero .eyebrow{font-size:10px;max-width:280px}.motion-hero p.hero-intro{font-size:14px;max-width:300px}.motion-hero .actions{gap:13px 20px;padding-right:30px}.hero-playback{right:18px;bottom:25px;width:40px;height:40px}.motion-hero .text-link{font-size:12px}.motion-hero .btn{padding-inline:16px}}
/* H10: favour the branded side of the van and lift its logo above the copy.
   The dark hero background continues beneath the shifted image. */
@media(max-width:700px){.motion-hero .hero-film.is-office-van{object-position:85% 40%;transform:translateY(-16%);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 68%,transparent 100%)}}
/* H05: start on the KN shirt, then pan left toward the interview. */
@media(max-width:700px){.motion-hero .hero-film.is-press-interview{object-position:var(--interview-pan,65%) 40%;transform:translateY(-16%);-webkit-mask-image:linear-gradient(to bottom,#000 68%,transparent 100%);mask-image:linear-gradient(to bottom,#000 68%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.motion-hero .hero-film{transition:none}}