/* The image has its own grid area; text never sits on top of a vehicle. */
.hero{background:radial-gradient(ellipse at 88% 48%,rgba(87,119,92,.13),transparent 57%),radial-gradient(ellipse at 8% 0,rgba(240,138,14,.08),transparent 42%),#0e1111}
.hero::after{content:none}
.hero-grid{gap:36px;align-items:center}
.hero-copy,.hero-space{min-width:0}
.hero-copy{position:relative}
.hero-space{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:0}
.hero-space .hero-bg{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 18%,#000 85%,transparent);mask-composite:intersect}
.topnav a.btn-primary{color:#18130d}
@media(min-width:1051px){
 .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
 .hero-copy{padding-block:64px}
 .hero h1{font-size:clamp(40px,4.1vw,62px)}
}
@media(max-width:1050px){
 .hero-grid{gap:0;min-height:0}
 .hero-copy{padding-bottom:10px}
 .hero-space{width:100%;max-width:820px;margin-inline:auto}
 .hero-space .hero-bg{margin-top:0}
}
@media(max-width:700px){
 .hero,.hero-grid{min-height:0}
 .hero-copy{padding-bottom:24px}
 .hero-space .hero-bg{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.hero *{transition:none}}