/* =========================================================
   ACCUEIL DE KP MOTORS AUTOMOBILES
   ========================================================= */

/* ---------- Héros : plus court que celui du garage, les annonces arrivent vite ---------- */
.hero-automobiles{padding:clamp(120px,16vw,170px) 0 clamp(40px,5vw,64px)}
.hero-logo{width:min(100%,640px);height:auto;margin-bottom:clamp(14px,2vw,22px);animation:apparait .8s both}
.hero-texte{margin:0 0 clamp(28px,4vw,40px);max-width:40ch;color:var(--gris);font-size:1.12rem;animation:apparait .8s .3s both}
/* Les annonces suivent le héros de près */
#vehicules{padding-top:clamp(40px,6vw,80px)}

/* ---------- Véhicules : filtres par type ---------- */
.filtres{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0}
.filtres a{--c:8px;display:inline-block;padding:11px 16px;font-weight:600;font-size:.9rem;text-decoration:none;color:var(--gris);background:var(--nuit);
  clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%);transition:background .15s,color .15s}
.filtres a:hover{color:var(--blanc)}
.filtres a[aria-current]{background:var(--bleu);color:var(--noir)}