/* DriveSolution – Hero (Video/Bild) */

.ds-hero{position:relative;display:flex;align-items:flex-end;overflow:hidden}
.ds-hero--full{height:100dvh;min-height:620px}
.ds-hero--large{height:78vh;min-height:540px}
.ds-hero--medium{height:60vh;min-height:440px}

.ds-hero__bg{position:absolute;inset:0;z-index:0}
.ds-hero__bg img,.ds-hero__bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ds-hero--kenburns .ds-hero__bg img{animation:ds-kb 24s ease-in-out infinite alternate}
@keyframes ds-kb{from{transform:scale(1.04)}to{transform:scale(1.15) translate(-1.5%,-1%)}}

.ds-hero__scrim{position:absolute;inset:0;z-index:1;
  background:linear-gradient(95deg,rgba(7,7,9,.92) 0%,rgba(7,7,9,.55) 38%,rgba(7,7,9,.12) 65%,rgba(7,7,9,.35) 100%),
             linear-gradient(to top,rgba(7,7,9,.92) 2%,rgba(7,7,9,0) 42%)}

.ds-hero__inner{position:relative;z-index:2;width:100%;padding-bottom:8vh}
.ds-hero__kicker{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem}
.ds-hero__kicker .ds-ico{font-size:1rem}
.ds-hero__title{font-size:clamp(3rem,8.5vw,8rem);margin-bottom:.4rem;text-shadow:0 2px 40px rgba(0,0,0,.4)}
.ds-hero__sub{font-family:"Archivo",sans-serif;font-weight:800;font-style:italic;font-size:clamp(1.5rem,4vw,3rem);color:var(--ds-accent);text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1.5rem}
.ds-hero__lead{font-size:1.18rem;color:#d6d6da;max-width:44ch;margin-bottom:2.2rem}
.ds-hero__cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}

/* Mobil: Hero-Inhalt kann höher als ein kurzer Hero werden -> Höhe auto + Mindesthöhe,
   damit die Überschrift nicht oben unter das fixe Logo läuft (Fix Leistungen/Werkstatt). */
@media(max-width:780px){
  .ds-hero--full,.ds-hero--large,.ds-hero--medium{height:auto;min-height:82vh}
  .ds-hero__inner{padding-top:6.5rem;padding-bottom:3.25rem}
}
@media(max-width:560px){
  .ds-hero__title{font-size:clamp(2.6rem,13vw,4rem)}
}
@media(prefers-reduced-motion:reduce){
  .ds-hero__bg img{animation:none}
}