/* Actualités : section de l'accueil et « À lire aussi » des articles */
.news { position:relative; padding:clamp(96px, 11vw, 150px) var(--g); overflow:hidden; overflow:clip; }
.news::before { content:""; position:absolute; left:50%; top:0; width:min(1100px, 90vw); height:420px; transform:translateX(-50%); background:radial-gradient(50% 60% at 50% 0%, rgba(255,75,31,.12), transparent 70%); pointer-events:none; }
.news-head { position:relative; display:flex; justify-content:space-between; align-items:end; gap:24px 48px; margin-bottom:clamp(40px, 5vw, 64px); }
.news-head h2 { margin:18px 0 0; font-family:"Instrument Serif",serif; font-weight:400; font-size:clamp(48px, 6.4vw, 96px); line-height:.92; letter-spacing:-.02em; }
.news-head h2 em { color:var(--verm); }
.news-all { display:inline-flex; align-items:center; gap:10px; padding-bottom:6px; border-bottom:1px solid rgba(242,238,230,.35); font-weight:600; font-size:14.5px; white-space:nowrap; transition:border-color .3s ease, color .3s ease; }
.news-all:hover { color:var(--verm); border-color:var(--verm); }
.news-grid { position:relative; display:grid; grid-template-columns:minmax(0, 1.35fr) minmax(0, 1fr); grid-template-rows:repeat(2, minmax(0, 1fr)); gap:20px; min-height:clamp(620px, 60vw, 860px); }
.news-card { position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:320px; border-radius:4px; overflow:hidden; isolation:isolate; color:var(--paper); background:#0b0a0e; }
.news-card.feature { grid-row:1 / span 2; }
.news-card > img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; transition:transform 1.4s cubic-bezier(.16,1,.3,1), filter .6s ease; filter:saturate(.9) brightness(.85); }
.news-card::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg, rgba(17,16,22,.05) 0%, rgba(17,16,22,.25) 38%, rgba(17,16,22,.94) 100%); transition:opacity .6s ease; }
.news-card:hover > img, .news-card:focus-within > img { transform:scale(1.07); filter:saturate(1) brightness(.95); }
.news-card > img[src*="plateau-utopia"] { filter:brightness(.42) saturate(.7); }
.news-card:hover > img[src*="plateau-utopia"] { filter:brightness(.52) saturate(.85); }
.news-num { position:absolute; top:clamp(16px, 2vw, 26px); right:clamp(18px, 2.2vw, 30px); font-family:"Cinzel",serif; font-weight:700; font-size:clamp(56px, 7vw, 124px); line-height:1; color:transparent; -webkit-text-stroke:1px rgba(242,238,230,.55); transition:-webkit-text-stroke-color .4s ease, color .4s ease; }
.news-card:hover .news-num { color:rgba(255,75,31,.12); -webkit-text-stroke-color:var(--verm); }
.news-body { padding:clamp(22px, 3vw, 44px); }
.news-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.pill { display:inline-flex; align-items:center; gap:8px; padding:7px 12px; border:1px solid rgba(242,238,230,.35); border-radius:99px; background:rgba(17,16,22,.35); backdrop-filter:blur(6px); font-family:"JetBrains Mono",monospace; font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:#e9e4d2; }
.pill.hot { border-color:var(--verm); background:var(--verm); color:var(--ink); }
.pill.gold { border-color:rgba(216,178,90,.6); color:var(--gold); }
.news-card h3 { margin:0; font-family:"Instrument Serif",serif; font-weight:400; font-size:clamp(28px, 2.6vw, 40px); line-height:1; letter-spacing:-.01em; }
.news-card.feature h3 { font-size:clamp(40px, 4.8vw, 78px); line-height:.94; max-width:14ch; }
.news-card h3 em { color:var(--verm); }
.news-card h3 a::after { content:""; position:absolute; inset:0; z-index:2; }
.news-card h3 a:focus-visible { outline:none; }
.news-card:has(a:focus-visible) { outline:2px solid var(--verm); outline-offset:4px; }
.news-card p { margin:16px 0 0; max-width:520px; font-size:16px; line-height:1.6; color:#d7d2c8; }
.news-foot { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:10px 16px; white-space:nowrap; margin-top:22px; color:rgba(242,238,230,.7); }
.news-read { display:inline-flex; align-items:center; gap:10px; color:var(--paper); font-weight:600; font-size:14px; }
.news-read::after { content:"→"; font-family:"JetBrains Mono",monospace; transition:transform .4s cubic-bezier(.16,1,.3,1); }
.news-card:hover .news-read::after { transform:translateX(6px); }
.news-card .news-read span { background:linear-gradient(var(--verm), var(--verm)) 0 100% / 0 2px no-repeat; transition:background-size .5s cubic-bezier(.16,1,.3,1); padding-bottom:3px; }
.news-card:hover .news-read span { background-size:100% 2px; }
.news-frame { position:absolute; inset:12px; z-index:1; pointer-events:none; }
.news-frame::before, .news-frame::after, .news-frame i::before, .news-frame i::after { content:""; position:absolute; width:30px; height:30px; border:3px solid var(--verm); opacity:0; transition:opacity .4s ease, transform .5s cubic-bezier(.16,1,.3,1); }
.news-frame::before { left:0; top:0; border-right:0; border-bottom:0; transform:translate(10px, 10px); }
.news-frame::after { right:0; top:0; border-left:0; border-bottom:0; transform:translate(-10px, 10px); }
.news-frame i::before { left:0; bottom:0; border-right:0; border-top:0; transform:translate(10px, -10px); }
.news-frame i::after { right:0; bottom:0; border-left:0; border-top:0; transform:translate(-10px, -10px); }
.news-card:hover .news-frame::before, .news-card:hover .news-frame::after, .news-card:hover .news-frame i::before, .news-card:hover .news-frame i::after { opacity:1; transform:none; }
.news-phone { position:absolute; right:clamp(20px, 4vw, 64px); top:clamp(70px, 9vw, 130px); width:clamp(120px, 12vw, 190px); aspect-ratio:390 / 844; border:6px solid #1b1a20; border-radius:26px; overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,.6), 0 0 0 1px rgba(216,178,90,.35); transform:rotate(6deg); transition:transform 1s cubic-bezier(.16,1,.3,1); z-index:0; }
.news-phone img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
.news-card:hover .news-phone { transform:rotate(2deg) translateY(-8px); }
.news-card:not(.feature):has(.news-phone) .news-body { padding-right:max(34%, 150px); }
.news-card:not(.feature) .news-phone { top:50%; right:5%; width:clamp(96px, 24%, 150px); transform:translateY(-50%) rotate(6deg); }
.news-card:not(.feature):hover .news-phone { transform:translateY(-54%) rotate(2deg); }
.news-card:not(.feature):has(.news-phone) .news-num { left:clamp(18px, 2.2vw, 30px); right:auto; }
.news-live { display:inline-flex; align-items:center; gap:8px; }
.news-live::before { content:""; width:7px; height:7px; border-radius:50%; background:var(--verm); animation:pulse 2s infinite; }

@media (max-width:1100px) {
  .news-grid { grid-template-columns:1fr 1fr; grid-template-rows:auto auto; min-height:0; }
  .news-card.feature { grid-column:1 / -1; grid-row:auto; min-height:clamp(460px, 62vw, 620px); }
  .news-card:not(.feature) { min-height:380px; }
}
@media (max-width:820px) {
  .news-head { flex-direction:column; align-items:flex-start; }
  .news-grid { grid-template-columns:1fr; gap:14px; }
  .news-card.feature { min-height:620px; }
  .news-card.feature .news-phone { top:18px; right:16px; width:84px; }
  .news-card.feature .news-num { display:none; }
  .news-card:not(.feature) { min-height:360px; }
  .news-phone { top:64px; right:20px; width:110px; border-width:4px; border-radius:18px; }
  .news-card:not(.feature):has(.news-phone) .news-body { padding-right:130px; }
  .news-card:not(.feature) .news-phone { width:96px; }
  .news-card.feature h3 { max-width:none; }
}