/* ==========================================================================
   home.php — page des articles (README §7.6)
   --------------------------------------------------------------------------
   Porté du prototype (`style.css` 532-542) : la publication à la une, en deux
   colonnes, et son badge orange. La grille qui suit est celle des parts.
   La bascule à une colonne sous 980px est dans `parts.css`, avec les autres
   grilles à deux colonnes.
   ========================================================================== */
.feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,3vw,52px);align-items:center;padding-bottom:clamp(32px,4vw,56px);border-bottom:1px solid var(--line);}
.feature__img{display:block;aspect-ratio:16/10;background:var(--grey);overflow:hidden;}
.feature__img img{width:100%;height:100%;object-fit:cover;display:block;}
.feature__badges{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.badge{display:inline-flex;align-items:center;height:28px;padding:0 12px;background:var(--orange);color:#fff;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;}
.feature__date{font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;color:var(--secondaire);}
.feature__t{display:block;font-size:clamp(22px,2.6vw,34px);font-weight:800;line-height:1.15;letter-spacing:-.018em;color:var(--ink);}
.feature__t:hover{color:var(--orange);}
.feature__d{margin:16px 0 20px;max-width:600px;font-size:16px;line-height:1.7;color:var(--secondaire);}
.feature__more{display:inline-flex;align-items:center;height:52px;padding:0 4px;border-bottom:2px solid var(--orange);color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.feature__more:hover{color:var(--orange);}

@media (max-width:980px){
  .feature{grid-template-columns:minmax(0,1fr);}
}