.hero-image {
  background-image: url('assets/finish-line-hero-v4.png');
}

/* Keep the cover copy and vehicle photography in separate visual zones. */
.hero{height:min(900px,100vh);min-height:760px;background:#08090b}
.hero-image{left:0;width:100%;background-position:center center}
.hero-shade{right:auto;width:48%;background:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.96) 58%,rgba(8,9,11,.68) 82%,rgba(8,9,11,0) 100%)}
.hero-content{max-width:none;width:42%;margin:0;padding:205px 34px 80px max(28px,calc((100vw - var(--max))/2))}
.hero h1{font-size:clamp(3.25rem,5.2vw,5.4rem);max-width:640px}
.hero-copy{max-width:560px}
@media(max-width:900px){
  .hero{height:auto;min-height:0;padding-top:108px;display:flex;flex-direction:column;background:#08090b}
  .hero-image{position:relative;inset:auto;width:100%;height:380px;background-size:contain;background-position:center center;background-color:#08090b;order:1}
  .hero-shade{display:none}
  .hero-content{width:100%;order:2;padding:56px 28px 76px}
  .hero h1{max-width:720px}
  .scroll-cue{display:none}
}
@media(max-width:600px){
  .hero-image{height:290px;background-position:center center}
  .hero-content{padding:46px 20px 68px}
  .hero h1{font-size:3.05rem}
}