/* MEDIA PAGE SPECIFIC */
.media-hero{background:var(--navy-deeper);padding:140px 52px 80px;position:relative;overflow:hidden}
.media-hero::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.055) 1px,transparent 1px);background-size:36px 36px}
.media-hero::after{content:'';position:absolute;top:-160px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(45,69,160,.45) 0%,transparent 70%)}

/* Filter tabs */
.filter-bar{display:flex;gap:8px;margin-bottom:48px;flex-wrap:wrap}
.filter-btn{font-size:.75rem;font-weight:600;padding:8px 20px;border-radius:100px;border:1px solid var(--border2);background:var(--white);color:var(--mid);cursor:pointer;transition:all .2s;font-family:var(--fb)}
.filter-btn:hover,.filter-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Media cards grid */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

/* Featured card — full width */
.media-card{background:var(--white);border:1px solid var(--border);border-radius:8px;overflow:hidden;transition:all .25s;display:flex;flex-direction:column}
.media-card:hover{box-shadow:0 8px 32px rgba(27,46,111,.1);transform:translateY(-3px)}
.media-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:360px}

/* Card thumbnail */
.mc-thumb{position:relative;overflow:hidden;background:var(--navy);aspect-ratio:16/9;display:block}.mc-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.mc-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.media-card:hover .mc-thumb img{transform:scale(1.04)}
.mc-thumb.featured-thumb{aspect-ratio:auto;height:100%;min-height:360px}
.mc-type-badge{position:absolute;top:14px;left:14px;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 12px;border-radius:100px;backdrop-filter:blur(8px)}
.badge-podcast{background:rgba(99,102,241,.85);color:#fff}
.badge-annonce{background:rgba(27,46,111,.85);color:#fff}
.badge-presse{background:rgba(16,185,129,.85);color:#fff}
.badge-actualite{background:rgba(245,158,11,.85);color:#fff}
.mc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.mc-play-btn{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;transition:all .2s}
.mc-play-btn svg{margin-left:4px}
.media-card:hover .mc-play-btn{background:#fff;transform:scale(1.1)}

/* Card body */
.mc-body{padding:24px 28px;display:flex;flex-direction:column;flex:1}
.mc-meta{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.mc-date{font-size:.7rem;color:var(--muted);font-weight:500}
.mc-source{font-size:.7rem;color:var(--navy);font-weight:600;background:var(--navy-faint);padding:2px 10px;border-radius:100px;border:1px solid var(--navy-dim)}
.mc-duration{font-size:.7rem;color:var(--muted)}
.mc-title{font-family:var(--fd);font-size:1.15rem;color:var(--text);line-height:1.25;margin-bottom:10px}
.mc-title.lg{font-size:1.55rem}
.mc-desc{font-size:.83rem;color:var(--muted);line-height:1.8;flex:1}
.mc-topics{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px}
.mc-topic{font-size:.63rem;font-weight:600;color:var(--navy);background:var(--navy-faint);border:1px solid var(--navy-dim);padding:3px 10px;border-radius:100px}
.mc-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}
.mc-link{font-size:.78rem;font-weight:700;color:var(--navy);text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}
.mc-link:hover{gap:10px}
.mc-ext{font-size:.68rem;color:var(--muted)}

/* CTA section */
.media-cta{background:var(--navy-deeper);padding:72px 52px;text-align:center;color:#fff}

@media(max-width:960px){
  .media-hero{padding:120px 20px 60px}
  .sec,.sec-sm{padding:64px 20px}
  .media-grid{grid-template-columns:1fr}
  .media-card.featured{grid-column:auto;grid-template-columns:1fr;display:flex;flex-direction:column}
  .mc-thumb.featured-thumb{min-height:220px;aspect-ratio:16/9}
  .filter-bar{padding:0 20px}
  .media-cta{padding:52px 20px}
}