/* Mobile: unobstructed portrait video first, offer and action beneath. */
@media(max-width:650px){
 .hero{padding-top:clamp(340px,58svh,500px)!important;padding-bottom:0!important;min-height:0!important}
 .hero video,.hero>.hero-poster,.hero>.shade{top:0!important;bottom:auto!important;height:clamp(340px,58svh,500px)!important;width:100%!important}
 .hero video,.hero>.hero-poster{object-fit:cover;object-position:center}
 .hero>.shade{background:linear-gradient(180deg,#0b1f3310 65%,#0b1f3355)!important}
 .hero-content{position:relative;padding:28px 24px!important;border-top:1px solid #d5bf8c55!important}
}