/* Desktop: portrait stays pinned while the copy moves, then the next section covers both. */
@media(min-width:801px){
main>.v3hero{height:100vh;margin-bottom:70vh}
main>.v3hero .hero-grid{position:relative!important;display:block!important;padding:65px 6vw 30px!important}
main>.v3hero .hero-copy{width:48%!important;max-width:620px;transform:translateY(calc(var(--hero-progress,0) * -180px))!important}
main>.v3hero .hero-copy h1{font-size:clamp(48px,4.8vw,72px)!important;line-height:1.08!important}
main>.v3hero .hero-copy p{font-size:17px!important;max-width:410px!important;line-height:1.55!important}
main>.v3hero .hero-portrait{left:auto!important;right:-11%!important;top:3vh!important;bottom:auto!important;height:105vh!important;object-position:top right!important}
}
@media(min-width:801px) and (max-height:760px){main>.v3hero .hero-grid{padding-top:28px!important}main>.v3hero .hero-copy h1{font-size:clamp(43px,4.4vw,62px)!important}}
@media(prefers-reduced-motion:reduce) and (min-width:801px){main>.v3hero{height:auto;min-height:900px!important;margin-bottom:0}main>.v3hero .hero-copy{transform:none!important}}

/* The same pinned composition also applies to narrow desktop windows and phones. */
@media(max-width:800px){
main>.v3hero{height:100svh;min-height:0!important;margin-bottom:85svh}
main>.v3hero .hero-grid{height:100%;min-height:0!important;padding:25px 24px!important;display:block!important}
main>.v3hero .hero-portrait{left:auto!important;right:-36vw!important;top:7svh!important;bottom:auto!important;height:78svh!important;max-height:none!important;width:auto!important;max-width:none!important;opacity:1!important;z-index:1;object-position:top right!important}
main>.v3hero .hero-copy{width:100%!important;transform:translateY(calc(var(--hero-progress,0) * var(--hero-copy-shift,-220px)))!important;z-index:3}
main>.v3hero .hero-copy h1{max-width:350px;text-shadow:0 2px 18px #071a39cc}
main>.v3hero .hero-copy p{max-width:290px!important;text-shadow:0 1px 8px #071a39,0 1px 18px #071a39}
main>.v3hero .hero-copy .tiny{padding:5px 0;text-shadow:0 1px 6px #071a39}
}
@media(prefers-reduced-motion:reduce){main>.v3hero{position:relative!important;height:auto;min-height:900px!important;margin-bottom:0}main>.v3hero .hero-copy{transform:none!important}}