/* Médias : une rubrique éditoriale compacte, lisible et cohérente avec le book */
.nav nav{gap:clamp(1.1rem,1.65vw,2.2rem)}
.media-section{padding-top:8rem;padding-bottom:8rem}
.media-head{display:grid;grid-template-columns:.8fr 1fr;gap:6vw;align-items:end;margin-bottom:3.5rem}
.media-head h2{font-size:clamp(3rem,4.8vw,5rem)}
.media-head>p{max-width:590px;margin:0 0 .65rem;color:#c9c3ba;font-weight:300}
.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}
.media-card{display:flex;flex-direction:column;min-width:0;border:1px solid #ffffff24;background:#191815;overflow:hidden}
.media-visual{position:relative;display:flex;aspect-ratio:1.2/1;overflow:hidden;background:#292620;color:var(--cream);text-decoration:none}
.media-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease}
.media-visual--inexplore{justify-content:center;background:#6f4b90}
.media-visual--inexplore img{width:auto;max-width:100%;object-fit:contain}
.media-card:hover .media-visual img{transform:scale(1.025);filter:saturate(1.04)}
.media-visual--video{flex-direction:column;justify-content:space-between;padding:1.7rem;background:radial-gradient(circle at 78% 24%,#a7577b 0,transparent 28%),linear-gradient(145deg,#2a1620 0%,#171411 62%,#79613b 150%)}
.media-visual--video::after{content:"";position:absolute;inset:1rem;border:1px solid #ffffff25;pointer-events:none}
.media-video-label{position:relative;z-index:1;color:#d4b985;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase}
.media-visual--video strong{position:relative;z-index:1;font-family:Italiana,serif;font-size:clamp(2.5rem,3.4vw,4.2rem);font-weight:400;line-height:.85}
.media-play{position:absolute;z-index:1;right:1.7rem;bottom:1.7rem;display:grid;width:3rem;height:3rem;place-items:center;border:1px solid #ffffff70;border-radius:50%;font-size:.75rem;padding-left:.15rem}
.media-visual--video-photo{display:block;padding:0;background:#171411}
.media-video-split{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}
.media-video-split::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#100e0b33 20%,#100e0b05 48%,#100e0bc7 100%);pointer-events:none}
.media-video-split img{min-width:0;object-fit:cover}
.media-video-split img:first-child{object-position:52% center}
.media-video-split img:last-child{object-position:20% center}
.media-card:hover .media-visual--video-photo img{transform:none;filter:saturate(1.04)}
.media-visual--video-photo .media-video-label{position:absolute;top:1.7rem;left:1.7rem;padding:.45rem .6rem;background:#14110dbd}
.media-visual--live{justify-content:center;isolation:isolate;background:#13110f}
.media-visual--live::before{content:"";position:absolute;z-index:-1;inset:-10%;background:url('images/media-kardea-isabelle-live.jpg') center/cover;filter:blur(16px);opacity:.42}
.media-visual--live::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,#100e0b1f 30%,#100e0b8c 100%);pointer-events:none}
.media-visual--live img{position:relative;z-index:1;width:auto;max-width:100%;object-fit:contain}
.media-visual--live .media-video-label{position:absolute;z-index:2;top:1.7rem;left:1.7rem;padding:.45rem .6rem;background:#14110dd6}
.media-body{display:flex;flex:1;flex-direction:column;padding:1.75rem 1.8rem 2rem}
.media-type{margin:0 0 1rem;color:var(--gold);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase}
.media-body h3{font-size:clamp(1.7rem,2.1vw,2.15rem);line-height:1.08;margin-bottom:1rem}
.media-body>p:not(.media-type){margin:0 0 1.8rem;color:#c9c3ba;font-size:.9rem;line-height:1.65}
.media-link{display:inline-flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid #ffffff24;color:var(--cream);font-size:.68rem;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}
.media-link span{color:var(--gold);font-size:1rem;transition:transform .25s ease}
.media-link:hover span{transform:translate(2px,-2px)}
.media-note{margin-top:auto;padding-top:1rem;border-top:1px solid #ffffff24;color:var(--cream);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.media-visual:focus-visible,.media-link:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:1020px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.media-section{padding-top:6rem;padding-bottom:6rem}.media-head{display:block;margin-bottom:2.5rem}.media-head>p{margin-top:1.5rem}.media-grid{grid-template-columns:1fr;gap:1rem}.media-body{padding:1.5rem 1.4rem 1.7rem}}