/* Keep the real Honda emblem visible; no alterations to the photograph. */
.hero{min-height:max(760px,100svh);padding-top:145px;padding-bottom:155px;background:#08090b}
.hero-image{inset:82px 0 80px auto;width:60%;height:calc(100% - 162px);object-fit:cover;object-position:42% center}
.hero-shade{background:linear-gradient(90deg,#08090b 0%,#08090b 34%,rgba(8,9,11,.6) 40%,rgba(8,9,11,.1) 47%,transparent 60%),linear-gradient(0deg,#08090b 5%,transparent 30%,transparent 82%,#08090b 100%)}
.hero-copy{width:52%;max-width:720px}
.hero h1{font-size:clamp(62px,6.6vw,110px)}
.hero-sub{max-width:460px;font-size:16px}
.hero-copy .eyebrow{max-width:400px;line-height:1.6}
.hero-actions{gap:12px;flex-wrap:wrap}
.hero-actions .btn{padding:0 21px;font-size:11px;gap:20px}
.services .section-head h2{font-size:clamp(50px,5.7vw,90px);line-height:1.03}
.photo-credit{max-width:950px;color:#8f8f94;font-size:11px;line-height:1.8;margin:22px 0 0}
.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){
  .hero{display:block;min-height:0;padding:430px 22px 135px}
  .hero-image{inset:68px 0 auto;width:100%;height:400px;object-fit:cover;object-position:center 52%}
  .hero-shade{height:480px;background:linear-gradient(0deg,#08090b 2%,rgba(8,9,11,.25) 23%,transparent 48%,rgba(8,9,11,.12) 84%,#08090b 100%)}
  .hero-copy{width:100%;max-width:none}
  .hero h1{font-size:clamp(58px,10vw,86px)}
  .hero-sub{max-width:600px;font-size:15px}
}
@media(max-width:560px){
  .hero{padding-top:380px}
  .hero-image{height:330px;object-position:35% center}
  .hero-shade{height:410px;background:linear-gradient(0deg,#08090b 2%,rgba(8,9,11,.2) 25%,transparent 55%,rgba(8,9,11,.15) 85%,#08090b 100%)}
  .hero h1{font-size:clamp(50px,13vw,70px)}
  .hero-copy .eyebrow{font-size:9px;letter-spacing:.12em}
  .hero-sub{margin:24px 0}
  .hero-actions{flex-direction:column}
}