/* ================= NEWS PAGE ================= */
.news-head{
  position:relative;padding:170px 28px 40px;background:var(--noir);
  border-bottom:1px solid var(--ligne);
}
.news-head h1{
  font-family:var(--display);font-size:clamp(50px,9vw,110px);color:#fff;letter-spacing:3px;line-height:.95;
}

.news-loading,.news-empty{
  font-family:var(--mono);font-size:13px;letter-spacing:1px;color:var(--gris);text-transform:uppercase;padding:20px 0;
}

/* ---------- GRID (listing) ---------- */
.news-grid{
  display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:24px;
}
.news-card{
  display:flex;flex-direction:column;background:var(--acier);border:1px solid var(--ligne);
  overflow:hidden;transition:.2s;
}
.news-card:hover{border-color:var(--rouille);transform:translateY(-3px)}
.news-card .thumb{
  width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--acier2);display:block;
}
.news-card .thumb-ph{
  width:100%;aspect-ratio:16/10;background:linear-gradient(135deg, var(--acier2), var(--acier));
  display:flex;align-items:center;justify-content:center;
}
.news-card .thumb-ph span{font-family:var(--display);font-size:28px;letter-spacing:2px;color:var(--ligne)}
.news-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.news-card .date{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;color:var(--rouille-vif);text-transform:uppercase}
.news-card h3{font-size:19px;color:#fff;line-height:1.25}
.news-card p{font-size:14px;color:var(--gris);flex:1}
.news-card .read{
  font-family:var(--mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--beton);
  align-self:flex-start;margin-top:6px;
}
.news-card:hover .read{color:var(--rouille-vif)}

/* ---------- DETAIL ---------- */
.news-detail .back{
  display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--gris);margin-bottom:28px;
}
.news-detail .back:hover{color:var(--beton)}
.news-detail .date{
  font-family:var(--mono);font-size:12px;letter-spacing:2px;color:var(--rouille-vif);text-transform:uppercase;margin-bottom:10px;
}
.news-detail h1{
  font-family:var(--display);font-size:clamp(32px,6vw,56px);color:#fff;letter-spacing:1px;line-height:1.05;margin-bottom:24px;
}
.news-detail img{
  width:100%;max-height:480px;object-fit:cover;border:1px solid var(--ligne);margin-bottom:28px;
}
.news-detail .content{font-size:17px;line-height:1.8;color:var(--beton);max-width:760px}
.news-detail .content p{margin-bottom:1.2em}