.hero-h1{font-family:'Clash Grotesk','DM Sans',sans-serif;font-weight:600;font-size:clamp(32px,4.6vw,56px);line-height:1.02;letter-spacing:-.02em;color:var(--ink);margin:0 0 20px;text-wrap:balance}
.hero-mech{font-family:'Clash Grotesk','DM Sans',sans-serif;font-size:19px;font-weight:600;letter-spacing:.02em;color:var(--teal-deep);margin:0 0 14px}
.hero-sub{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.55;letter-spacing:-.005em;color:var(--ink-2);margin:0 0 26px;max-width:640px;text-wrap:pretty}
.hero-bg{position:absolute;inset:0;z-index:0;background:#0A1621}
.hero-bg image-slot,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.hero-bg::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(105deg,rgba(10,22,33,.78) 0%,rgba(10,22,33,.5) 55%,rgba(10,22,33,.24) 100%)}
@media (max-width:820px){
  .hero-bg img{object-position:center top}
  .hero-bg::after{background:linear-gradient(175deg,rgba(10,22,33,.3) 0%,rgba(10,22,33,.6) 48%,rgba(10,22,33,.9) 100%)}
}