.hero.ph{background:#0b0b0b;height:min(82vh,760px);min-height:520px}
.hero.ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;aspect-ratio:auto}
.hero.ph::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.1) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}
.hero.ph .hero-copy{position:absolute;z-index:1;left:48px;bottom:56px;color:#fff;padding:0}
.hero.ph .eyebrow{color:#fff;letter-spacing:.14em;text-transform:uppercase;font-weight:700}
.hero.ph h1{font-family:Anton,sans-serif;color:#fff;font-size:clamp(72px,11vw,168px);line-height:.92;margin:10px 0 30px;text-shadow:0 2px 24px rgba(0,0,0,.5)}
.hero.ph h1 .ul{display:inline-block;border-bottom:.08em solid #c41e18;padding-bottom:.02em}
.hero.ph .btn{background:#c41e18;color:#fff}
.hero.ph .btn:hover{background:#fff;color:#111}
@media (max-width:760px){
 .hero.ph{height:78vh;min-height:480px}
 .hero.ph>img{object-position:72% 50%}
 .hero.ph::after{background:linear-gradient(0deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.2) 100%)}
 .hero.ph .hero-copy{left:20px;right:20px;bottom:32px}
 .hero.ph h1{font-size:clamp(64px,19vw,96px)}
}