/* OFF ZE WALL — V8 : section branding pleine largeur & métadonnées des actualités. */

/* Image à gauche et textes à droite, chacune sur 50 % de la largeur viewport. */
.branding-section{padding:0!important;background:#f4f3f3}
.branding-section .branding-panel{width:100%;margin:0;max-width:none;overflow:visible;background:#f4f3f3}
.branding-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;min-height:610px}
.branding-split .branding-image-wrap{grid-column:1;grid-row:1;position:relative;min-width:0;min-height:610px;overflow:hidden;align-self:stretch}
.branding-split .branding-image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center center}
.branding-split .branding-copy{grid-column:2;grid-row:1;display:flex;align-items:center;min-width:0;padding:0!important}
.branding-copy-inner{width:100%;max-width:750px;padding:clamp(48px,5.3vw,105px) clamp(28px,5.1vw,98px)}
.branding-split .branding-copy .display-heading{font-size:clamp(2.35rem,3.55vw,4.75rem);line-height:1.12;letter-spacing:-.045em;overflow-wrap:break-word}
.branding-split .branding-copy p:not(.eyebrow){max-width:590px}
.branding-split .branding-badge{bottom:28px;right:28px}

/* La date reste neutre ; la rubrique devient un badge lisible et coloré. */
.news-modal-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0 0 16px;font-family:var(--ozw-ui)}
.news-modal-meta time{font-size:.92rem;font-weight:600;letter-spacing:.012em;color:#5e6068}
.news-modal-category{display:inline-flex;align-items:center;background:#ffe4f0;color:#b60064;padding:8px 13px;border-radius:100px;font-size:.75rem;font-weight:800;line-height:1.15;letter-spacing:.025em;text-transform:uppercase}
.news-modal-text h2{margin-top:14px}

@media(max-width:991px){
  .branding-split{grid-template-columns:minmax(0,1fr);min-height:0}
  .branding-split .branding-image-wrap{grid-column:1;grid-row:1;min-height:380px;height:380px}
  .branding-split .branding-copy{grid-column:1;grid-row:2}
  .branding-copy-inner{max-width:760px;margin:0 auto;padding:58px 36px 70px}
  .branding-split .branding-copy .display-heading{font-size:clamp(2.65rem,5.5vw,4.4rem)}
}
@media(max-width:575px){
  .branding-split .branding-image-wrap{height:295px;min-height:295px}
  .branding-copy-inner{padding:43px 24px 57px}
  .branding-split .branding-copy .display-heading{font-size:clamp(2.2rem,9vw,3.4rem)}
  .branding-split .branding-badge{right:18px;bottom:18px}
  .news-modal-meta{gap:10px}
}