:root{
  --page-bg1:#fbfaf6;
  --page-bg2:#f3f0e7;
  --ink:#171717;
  --ink2: rgba(23,23,23,.72);

  --bg:#121212;
  --surface:#181818;
  --border: rgba(255,255,255,.10);
  --text:#fff;
  --muted: rgba(255,255,255,.72);
  --muted: white;
  --muted2: rgba(255,255,255,.55);
  --green:#1DB954;
  --green2: rgba(29,185,84,.22);
  --shadowDark: 0 18px 48px rgba(0,0,0,.60);

  --player-h: 130px;
  --nav-h: 74px;
  --radius: 18px;

  --z-content: 1;
  --z-nav: 9000;
  --z-player: 10000;
  --z-scrim: 11000;
  --z-drawer: 12000;
  
  --menuOnBG: cadetblue;
  --menuOnBG:#4e7f6c ;
  --red:#e12113;
  --PlayerBg: black; 
  --menuOnColor:white;
  
  --playlistBtn:#4e7f6c;
  
  --playlistTopBg: lightslategray;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(1200px 900px at 20% 0%, rgba(255,255,255,.95) 0%, transparent 55%),
    linear-gradient(180deg, var(--page-bg1), var(--page-bg2));
}

.page{
  position: relative;
  z-index: var(--z-content);
  padding: 0 16px 16px;
  padding-top: calc(var(--player-h) + var(--nav-h) + 16px);
}
.wrap{ width:min(70vw, calc(100vw - 24px)); margin: 0 auto; }

.page img {
	border-radius:14px;
	cursor: zoom-in;
	transition: opacity .15s;
}
.page img:hover { opacity: .9; }

.newsDate {
	display:none;
}

main#content{
  min-height: calc(100vh - var(--player-h) - var(--nav-h) - 40px);
}
.contentFade{ animation: fadeIn .18s ease both; }
@keyframes fadeIn{
  from{ opacity:.35; transform: translateY(4px); }
  to{ opacity:1; transform: translateY(0); }
}

/* ===== Player fixed ===== */
.playerTop{
  position: fixed;
  top:0; left:0; right:0;
  z-index: var(--z-player);
  height: var(--player-h);
  background: linear-gradient(180deg, rgba(24,24,24,.96), rgba(18,18,18,.98));
  background: var(--PlayerBg);
  border-bottom: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadowDark);
}
.playerTopInner{
  height:100%;
  width:min(70vw, calc(100vw - 24px));
  margin:0 auto;
  display:grid;
  grid-template-columns: 1fr 1.1fr 1fr;
  align-items:center;
  gap:12px;
  padding:10px 12px;
}
.brand{ display:flex; align-items:center; gap:10px; min-width:0; }
.brandMark{
  width:38px;height:38px;border-radius:12px;
  background: var(--green2);
  border: 1px solid rgba(29,185,84,.45);
  display:grid; place-items:center;
  font-weight:950; letter-spacing:.4px; color:var(--text);
}
.brandTitle{ display:flex; flex-direction:column; min-width:0; }
.brandTitle b{
  color:var(--text); font-weight:950; letter-spacing:.2px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  font-size: clamp(.85rem, 1.8vw, 1.6rem);
}
.brandTitle span{
  color:var(--muted); font-size:.85rem;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.playerCenter{ display:flex; flex-direction:column; align-items:center; gap:8px; }
.controlsRow{ display:flex; align-items:center; gap:12px; }

.iconBtn{
  width:34px;height:34px;border-radius:999px;
  background:transparent;border:1px solid rgba(255,255,255,.12);
  color:var(--text); cursor:pointer; opacity:.92; user-select:none;
  display:grid; place-items:center;
}
.iconBtn:hover{ opacity:1; transform: translateY(-1px); }
.iconBtn svg{ width:18px;height:18px; fill: currentColor; }

.iconBtn.play{
  width:46px;height:46px;
  background: var(--text);
  color:#000;border:none;
  box-shadow: 0 10px 26px rgba(0,0,0,.40);
}
.iconBtn.play svg{ width:20px;height:20px; }
.iconBtn.play:hover{ transform: scale(1.03); }

.progressRow{ width:100%; display:flex; align-items:center; gap:10px; }
.time{ color:var(--muted2); font-size:.8rem; font-variant-numeric: tabular-nums; white-space:nowrap; }
.seek{
  flex:1; height:4px; border-radius:999px;
  background: rgba(255,255,255,.16);
  outline:none; -webkit-appearance:none; appearance:none;
}
.seek::-webkit-slider-thumb{
  -webkit-appearance:none;
  width:12px;height:12px;border-radius:50%;
  background: var(--green);
  box-shadow: 0 0 0 6px rgba(29,185,84,.16);
  cursor:pointer;
}
.seek::-moz-range-thumb{
  width:12px;height:12px;border-radius:50%;
  background: var(--green);
  box-shadow: 0 0 0 6px rgba(29,185,84,.16);
  cursor:pointer;
}

.playerRight{ display:flex; justify-content:flex-end; align-items:center; gap:10px; }
.pillBtn{
  height:36px; padding:0 12px; border-radius:999px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color:var(--text); cursor:pointer; opacity:.92; user-select:none;
  display:flex; align-items:center; gap:8px;
  font-weight:950; letter-spacing:.2px;
  background:var(--playlistBtn);
}
.pillBtn:hover{ opacity:1; }
.pillBtn svg{ width:18px;height:18px; fill: currentColor; }

/* ===== Nav fixed ===== */
.navBar{
  position: fixed;
  top: var(--player-h);
  left:0; right:0;
  z-index: var(--z-nav);
  height: var(--nav-h);
  background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.62));
  border-bottom: 1px solid rgba(23,23,23,.10);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 10px 22px rgba(0,0,0,.10);
}
.navInner{
  height:100%;
  width:min(70vw, calc(100vw - 24px));
  margin:0 auto;
  padding: 0 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.navLinks, #navLinksMenu{ display:flex; gap:16px; align-items:center; flex-wrap:wrap; }
.navLink{
  text-decoration:none;
  color: var(--ink2);
  font-weight: 950;
  font-size: 1.05rem;
  letter-spacing:.15px;
  padding: 13px 22px;
  border-radius: 999px;
  border: 1px solid rgba(23,23,23,.10);
  background: rgba(255,255,255,.62);
}
.navLink:hover{ color: #111; color:var(--menuOnBG); border-color: rgba(23,23,23,.16); }
.navLink.isOn{
    background: rgba(23,23,23,.06);
    background: var(--menuOnBG);
  
  border-color: rgba(23,23,23,.18);
  color:#111;
  color:var(--menuOnColor);
}

/* ===== Scrim + Drawer ===== */
.scrim{
  position: fixed;
  inset: 0;
  z-index: var(--z-scrim);
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  display:none;
}
.scrim.isOn{ display:block; }

.drawer{
  position: fixed;
  top: var(--player-h);
  left: 0; right: 0; bottom: 0;
  z-index: var(--z-drawer);
  background: rgba(18,18,18,.98);
  background: var(--playlistTopBg);
  box-shadow: var(--shadowDark);
  display:none; /* initial — jQuery slideDown prend la main */
  overflow: hidden;
}
.drawerInner{
  width:min(70vw, calc(100vw - 24px));
  margin: 0 auto;
  height: 100%;
  padding: 12px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.drawerTopBar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.drawerTopBar b{
  color: var(--text);
  font-weight: 950;
  letter-spacing:.2px;
}
.drawerTopBar .sub{
  color: var(--muted);
  font-weight: 850;
  font-size:.9rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.drawerScroll{
  flex: 1;
  min-height: 0;
  overflow:auto;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.02);
  padding: 10px;
}

.stackSection{
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.02);
  overflow:hidden;
  margin-bottom: 10px;
}
.stackHeader{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 12px;
  cursor:pointer;
  user-select:none;
}
.stackHeader b{
  color: var(--text);
  font-weight: 950;
  letter-spacing:.2px;
}
.stackHeader span{
  color: var(--muted);
  font-weight: 850;
  font-size:.9rem;
  font-variant-numeric: tabular-nums;
}
.stackHeader .chev{
  width: 36px; height: 36px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  display:grid; place-items:center;
  color: var(--text);
}
.stackHeader .chev svg{ width:18px; height:18px; fill: currentColor; transition: transform .18s ease; }
.stackSection[data-open="true"] .stackHeader .chev svg{ transform: rotate(180deg); }
.stackBody{
  display:none;
  padding: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.stackSection[data-open="true"] .stackBody{ display:block; }

.chipRowDark{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.chipDark{
  position:relative;
  border-radius: 999px;
  padding: 9px 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  color: var(--text);
  cursor:pointer;
  user-select:none;
  opacity:.92;
  overflow:hidden;
  transform: translateZ(0);
  font-weight: 900;
  letter-spacing:.12px;
}
.chipDark:hover{ opacity:1; }
.chipDark::before{
  content:"";
  position:absolute;
  inset:0;
  width: calc(var(--fill, 0) * 1%);
  background: rgba(255,255,255,.14);
  border-right: 1px solid rgba(255,255,255,.14);
  pointer-events:none;
}
.chipDark span{ position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; }
.chipDark .dot{ width:8px;height:8px;border-radius:50%; background: rgba(255,255,255,.55); opacity:.9; }
.chipDark[data-active="true"]{
  border-color: rgba(29,185,84,.55);
  box-shadow: 0 10px 22px rgba(0,0,0,.38), 0 0 0 6px rgba(29,185,84,.10);
  background: rgba(29,185,84,.14);
}
.chipDark[data-active="true"] .dot{ background: var(--green); }
.hint{ margin-top:10px; color: var(--muted); font-weight: 800; line-height:1.35; }

.rows{
  border-radius: 12px;
  overflow:hidden;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
}
.track{
  display: grid;
  grid-template-columns: 36px 46px 28px 1fr max-content;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,.06);
  cursor: pointer;
  color: var(--text);
  transition: background .14s ease, box-shadow .14s ease;
}
.track:last-child{ border-bottom: none; }

/* Numéro */
.track::before{
  content: attr(data-idx);
  display: block;
  text-align: center;
  font-size: .82rem;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  color: rgba(255,255,255,.25);
  transition: color .14s;
}
.track.isActive::before{ content:"♪"; color: var(--green); font-size: 1rem; }

/* Vignette */
.trackThumb{
  width: 46px; height: 46px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  transition: transform .16s ease;
}
.trackThumb img{ width:100%; height:100%; object-fit:cover; }

/* Bouton play standalone entre thumb et titre */
.trackPlayBtn {
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.15);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .16s, transform .16s;
}
.trackPlayBtn svg {
  width: 12px; height: 12px;
  fill: rgba(255,255,255,.75);
  margin-left: 2px;
}
.track:hover .trackPlayBtn,
.jvRow:hover .trackPlayBtn {
  background: rgba(255,255,255,.18);
  transform: scale(1.1);
}
.track.isActive .trackPlayBtn,
.jvRow.isActive .trackPlayBtn {
  background: var(--green);
  border-color: var(--green);
}
.track.isActive .trackPlayBtn svg,
.jvRow.isActive .trackPlayBtn svg {
  fill: #000;
}

/* Infos */
.trackInfo{ min-width:0; display:flex; flex-direction:column; gap:3px; text-align:left; }
.trackTitle{ font-weight: 900; font-size:.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color: rgba(255,255,255,.82); transition: color .14s; }
.trackMeta{ color: rgba(255,255,255,.35); font-size:.78rem; font-weight:800; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Hover */
.track:hover{ background: rgba(255,255,255,.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); }
.track:hover::before{ color: rgba(255,255,255,.55); }
.track:hover .trackTitle{ color: #fff; }
.track:hover .trackThumb{ transform: scale(1.06); border-color: rgba(255,255,255,.16); }

/* Active */
.track.isActive{ background: rgba(29,185,84,.10); box-shadow: inset 4px 0 0 var(--green), inset 0 0 0 1px rgba(29,185,84,.14); }
.track.isActive .trackTitle{ color: #fff; }

/* ===== Home widgets (slideshow + news) ===== */
.hero{
  margin-top: 12px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.52));
  border: 1px solid rgba(23,23,23,.10);
  box-shadow: 0 18px 42px rgba(0,0,0,.12);
  overflow:hidden;
  padding:0px 20px 20px 20px
}
/* ── Bio lire plus ── */
.bioWrap{
  overflow: hidden;
  transition: none;
}
.bioWrap.bioClamped{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.bioWrap.bioExpanded{
  display: block;
  overflow: visible;
}
.bioReadMore{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-top: 6px;
  font-size: .82rem;
  font-weight: 950;
  color: var(--ink2, rgba(23,23,23,.72));
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  letter-spacing: .1px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.bioReadMore:hover{ color: var(--ink, #171717); }

.heroTop{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding: 12px;
}
.heroTop b{ font-weight: 950; letter-spacing:.2px; }
.heroTop span{ color: rgba(23,23,23,.72); font-weight: 850; font-size:.9rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width: 60%; }
.heroStage{
  position: relative;
  background: #0f0f10;
  aspect-ratio: 16 / 9;
  width: 100%;
}
.heroStage.noTitle{
  margin-top: 20px;
}
.heroControls{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding: 12px;
}
.softBtn{
  height: 36px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(23,23,23,.10);
  color: #111;
  cursor:pointer;
  font-weight: 950;
  letter-spacing:.2px;
}
.softBtn:hover{ filter: brightness(.98); }
.dots{ display:flex; gap:6px; align-items:center; }
.dot{
  width: 8px; height: 8px; border-radius: 999px;
  border: 1px solid rgba(23,23,23,.18);
  background: rgba(23,23,23,.12);
  cursor:pointer;
}
.dot.isOn{ background: rgba(23,23,23,.55); }

.sectionTitle{ margin: 18px 0 10px; font-weight: 950; letter-spacing:.2px; }
.newsGrid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap:12px;
}
.newsCard{
  border-radius: 18px;
  overflow:hidden;
  background: linear-gradient(180deg, rgba(255,255,255,.78), rgba(255,255,255,.52));
  border: 1px solid rgba(23,23,23,.10);
  box-shadow: 0 18px 42px rgba(0,0,0,.12);
}

/* ── Effet parallélogramme sur les cards home ── */
/*.newsCardSkew {
  transform: skewX(-25deg) rotate(-1deg);
  transition: transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;
  transform-origin: bottom left;
}
.newsCardSkew:hover {
  transform: skewX(0deg) rotate(0deg);
  box-shadow: 0 8px 24px rgba(0,0,0,.10);
}
.newsCardSkew .newsImg,
.newsCardSkew .newsVideo,
.newsCardSkew .newsBody {
  transform: skewX(21deg);
  transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.newsCardSkew:hover .newsImg,
.newsCardSkew:hover .newsVideo,
.newsCardSkew:hover .newsBody {
  transform: skewX(0deg);
}
*/
/**/
.newsImg {
  aspect-ratio: 16/7;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.newsImg {
    aspect-ratio: 16 / 7;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: black;
}
.newsImgEmpty{
  aspect-ratio: 16/7;
  background: rgba(23,23,23,.07);
}
.newsVideo{
  position: relative;
  width: 100%;
  aspect-ratio: 16/7;
  background: #000;
  overflow: hidden;
}
.newsVideo video{
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.newsVideo iframe{
  width: 100%; height: 100%;
  border: none;
  display: block;
}
.newsBody{ padding: 12px; display:grid; gap:8px; }
.newsBody b{ font-weight: 950; letter-spacing:.2px; line-height: 1.1; }
.newsDesc{
  color: rgba(23,23,23,.72);
  font-weight: 700;
  font-size: .88rem;
  line-height: 1.5;
}
.newsDesc p{ margin: 0 0 5px; }
.newsDesc p:last-child{ margin-bottom: 0; }
.newsDesc p:empty{ display: none; }
.newsDesc a{
  color: rgba(23,23,23,.85);
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}
.newsDesc a:hover{ color: #111; }
.newsBody p{ margin:0; color: rgba(23,23,23,.72); font-weight: 700; font-size:.92rem; line-height: 1.35; }

.pager{
  margin-top: 12px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
}
.pageBtn{
  height: 36px;
  min-width: 40px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.70);
  border: 1px solid rgba(23,23,23,.10);
  color: #111;
  cursor:pointer;
  font-weight: 950;
  letter-spacing:.2px;
}
.pageBtn.isOn{
  background: rgba(23,23,23,.08);
  border-color: rgba(23,23,23,.18);
}

/* ── Pagination flèches (mobile news/footage) ── */
.pagerArrow{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px;
  border-radius:50%;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(23,23,23,.12);
  color: #111;
  cursor:pointer;
  font-size:1.1rem;
  line-height:1;
  flex-shrink:0;
  transition: background .15s, opacity .15s;
}
.pagerArrow:disabled{ opacity:.28; cursor:default; }
.pagerArrow:not(:disabled):hover{ background: rgba(23,23,23,.08); }
.pagerCount{
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.15px;
  color: rgba(23,23,23,.55);
  min-width:36px;
  text-align:center;
  flex-shrink:0;
}

/* ===== Playlist Widget (moderne & contrasté) ===== */
.jvWidget{
  margin-top: 14px;
  border-radius: 22px;
  overflow: hidden;
  background: linear-gradient(160deg, #1c1c1c 0%, #111 100%);
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.04);
  padding: 22px;
}
.jvWHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.jvWHead b{
  font-weight: 950;
  letter-spacing: .2px;
  color: #fff;
  font-size: 1.05rem;
}
.jvWSub{
  color: rgba(255,255,255,.45);
  font-weight: 850;
  font-size: .82rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  padding: 4px 10px;
  border-radius: 999px;
}

.jvWControls{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.jvWChips{
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.jvChip{
  border-radius: 999px;
  padding: 8px 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  cursor: pointer;
  user-select: none;
  font-weight: 900;
  font-size: .85rem;
  letter-spacing: .12px;
  color: rgba(255,255,255,.65);
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all .16s ease;
}
.jvChip:hover{
  background: rgba(255,255,255,.10);
  color: #fff;
  border-color: rgba(255,255,255,.22);
}
.jvChip .dot{
  width: 7px; height: 7px; border-radius: 50%;
  background: rgba(255,255,255,.22);
  transition: background .16s;
}
.jvChip[data-on="true"]{
  border-color: rgba(29,185,84,.60);
  background: rgba(29,185,84,.18);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(29,185,84,.10), 0 8px 20px rgba(0,0,0,.30);
}
.jvChip[data-on="true"] .dot{ background: var(--green); box-shadow: 0 0 6px var(--green); }

.jvWMode{ display: flex; gap: 8px; align-items: center; }
.jvWBtn{
  height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.60);
  cursor: pointer;
  user-select: none;
  font-weight: 950;
  font-size: .85rem;
  letter-spacing: .12px;
  transition: all .16s ease;
}
.jvWBtn:hover{ background: rgba(255,255,255,.10); color: #fff; }
.jvWBtn[data-on="true"]{
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.22);
  color: #fff;
}

/* Liste des pistes */
.jvWList{
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.07);
  background: rgba(0,0,0,.28);
}

.jvRow{
  display: grid;
  grid-template-columns: 36px 46px 28px 1fr max-content auto;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255,255,255,.05);
  cursor: pointer;
  transition: background .14s ease, box-shadow .14s ease;
}
.jvRow:last-child{ border-bottom: none; }

/* Numéro */
.jvNum{
  font-size: .82rem;
  font-weight: 950;
  font-variant-numeric: tabular-nums;
  color: rgba(255,255,255,.25);
  text-align: center;
  transition: color .14s;
}

/* Vignette */
.jvThumb{
  width: 46px; height: 46px;
  border-radius: 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  overflow: hidden;
  display: grid;
  place-items: center;
  font-size: 1.1rem;
  color: rgba(255,255,255,.22);
  transition: transform .16s ease;
  flex-shrink: 0;
}
.jvThumb img{ width:100%; height:100%; object-fit:cover; }

/* Infos titre */
.jvInfo{ min-width: 0; display: flex; flex-direction: column; gap: 3px; text-align: left; }
.jvRow b{
  font-weight: 900;
  font-size: .92rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: rgba(255,255,255,.82);
  transition: color .14s;
}
.jvRow span{
  color: rgba(255,255,255,.35);
  font-weight: 800;
  font-size: .78rem;
  white-space: nowrap;
}

/* Durée */
.jvDur{
  font-size: .78rem;
  font-weight: 850;
  font-variant-numeric: tabular-nums;
  color: rgba(255,255,255,.28);
  white-space: nowrap;
}

/* Hover */
.jvRow:hover{
  background: rgba(255,255,255,.06);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.jvRow:hover .jvNum{ color: rgba(255,255,255,.55); }
.jvRow:hover b{ color: #fff; }
.jvRow:hover .jvThumb{ transform: scale(1.06); border-color: rgba(255,255,255,.16); }

/* Piste active */
.jvRow.isActive{
  background: rgba(29,185,84,.10);
  box-shadow: inset 4px 0 0 var(--green), inset 0 0 0 1px rgba(29,185,84,.14);
}
.jvRow.isActive .jvNum{ color: var(--green); }
.jvRow.isActive b{ color: #fff; }
.jvRow.isActive .jvDur{ color: var(--green); }

/* ══ Liens externes : Spotify / Apple / Bridge ══ */
.trackLinks{ display:flex; align-items:center; gap:5px; flex-shrink:0; }
.trackLink{
  display:flex; align-items:center; justify-content:center;
  width:32px; height:32px; border-radius:50%;
  border:none; background:transparent;
  text-decoration:none; flex-shrink:0; overflow:hidden;
  transition:transform .15s, box-shadow .15s, opacity .15s;
  opacity:.88;
}
.trackLink svg{ display:block; border-radius:50%; overflow:hidden; }
.trackLink:hover{ transform:translateY(-2px) scale(1.08); box-shadow:0 4px 12px rgba(0,0,0,.40); opacity:1; }
.lnkBridge{ background:white; border-radius:50%; }
.lnkBridge:hover{ background:#5b8dee; }
.lnkBridge:hover svg{ fill:#fff; }

/* ══ Widget : bouton filtre moods ══ */
.jvSearchBtn{
  display:flex; align-items:center; justify-content:center;
  width:30px; height:30px; border-radius:50%;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.06); color:rgba(255,255,255,.55);
  cursor:pointer; flex-shrink:0;
  transition:background .15s, border-color .15s, color .15s;
}
.jvSearchBtn:hover, .jvSearchBtn.isOn{
  background:rgba(29,185,84,.18); border-color:rgba(29,185,84,.50); color:var(--green);
}

/* ══ Widget : mood panel ══ */
.jvMoodPanel{
  margin-bottom:12px; padding:12px; border-radius:12px;
  border:1px solid rgba(255,255,255,.08); background:rgba(255,255,255,.03);
  display:flex; flex-direction:column; gap:10px;
  animation:jvFadeIn .15s ease both;
}
@keyframes jvFadeIn{ from{opacity:0;transform:translateY(-4px);} to{opacity:1;transform:translateY(0);} }
.jvMoodChips{ display:flex; flex-wrap:wrap; gap:6px; }
.jvMoodActions{ display:flex; justify-content:flex-end; }

/* ══ Widget : pagination ══ */
.jvWPager{ display:flex; flex-wrap:wrap; gap:5px; justify-content:center; margin-top:10px; }
.jvPageBtn{
  height:32px; min-width:36px; padding:0 10px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.06);
  color:rgba(255,255,255,.50); cursor:pointer; font-weight:900; font-size:.8rem;
  transition:background .14s, color .14s, transform .14s, box-shadow .14s;
}
.jvPageBtn:hover:not(.isDisabled){ background:rgba(255,255,255,.11); color:#fff; }
.jvPageBtn.isOn{
  background:var(--green); border-color:var(--green); color:#000; font-weight:950;
  box-shadow:0 0 0 3px rgba(29,185,84,.25), 0 2px 8px rgba(29,185,84,.30);
  transform:scale(1.10);
}
.jvPageBtn.jvPageArrow{ min-width:32px; padding:0 8px; font-size:.9rem; }
.jvPageBtn.isDisabled{ opacity:.22; cursor:default; pointer-events:none; }


/* ══════════════════════════════════════════════════
   Langue switch
   ══════════════════════════════════════════════════ */
.langSwitch{
  display: flex;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
}
.langBtn{
  text-decoration: none;
  font-weight: 950;
  font-size: .82rem;
  letter-spacing: .15px;
  color: var(--ink2);
  padding: 6px 11px;
  border-radius: 999px;
  border: 1px solid rgba(23,23,23,.10);
  background: rgba(255,255,255,.55);
  transition: all .14s ease;
}
.langBtn:hover{ color: #111; border-color: rgba(23,23,23,.20); }
.langBtn.isOn{
  background: var(--menuOnBG);
  border-color: var(--menuOnBG);
  color: var(--menuOnColor);
}

/* ══════════════════════════════════════════════════
   Modal global
   ══════════════════════════════════════════════════ */
.gModal{
  position: fixed;
  inset: 0;
  z-index: 20000;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 24px 16px;
  overflow-y: auto;
}
.gModalBox{
  position: relative;
  width: 100%;
  max-width: 720px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 32px 80px rgba(0,0,0,.40);
  overflow: hidden;
  animation: gModalIn .18s ease both;
  flex-shrink: 0;
}
.gModalBox.gModalWide{ max-width: 960px; }
@keyframes gModalIn{
  from{ opacity:0; transform: translateY(10px) scale(.98); }
  to{   opacity:1; transform: translateY(0)    scale(1); }
}
.gModalClose{
  position: absolute;
  top: 14px; right: 14px;
  z-index: 2;
  width: 34px; height: 34px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,.12);
  background: rgba(255,255,255,.90);
  cursor: pointer;
  display: grid; place-items: center;
  color: #333;
  transition: background .14s, transform .14s;
  box-shadow: 0 2px 8px rgba(0,0,0,.12);
}
.gModalClose:hover{ background: #fff; transform: scale(1.08); }
.gModalBody{ max-height: 90vh; overflow-y: auto; }
.newsModalInner{}
.newsModalInner .newsImg{
  height: 50vh;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #000;
}
.newsModalInner .newsVideo{
  aspect-ratio: unset;
  height: 50vh;
}
.newsModalInner .newsVideo video,
.newsModalInner .newsVideo iframe{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  background: #000;
}
.newsModalContent{
  padding: 24px 28px 28px;
}
.newsModalTitle{
  font-size: 1.35rem;
  font-weight: 950;
  margin: 0 0 8px;
  line-height: 1.15;
}
.newsModalDate{
  font-size: .82rem;
  color: var(--ink2);
  font-weight: 800;
  margin-bottom: 16px;
  display: block;
}
.newsDate{
  font-size: .78rem;
  color: var(--ink2);
  font-weight: 800;
}
.newsCardClickable{ cursor: pointer; }
.newsCardClickable:hover{
  box-shadow: 0 22px 52px rgba(0,0,0,.18);
  transform: translateY(-2px);
  transition: box-shadow .16s, transform .16s;
}
.newsReadMore{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: .82rem;
  font-weight: 950;
  color: var(--menuOnBG);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  letter-spacing: .1px;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.newsDescFull{ font-size: .95rem; line-height: 1.6; }

/* ══════════════════════════════════════════════════
   Page News (?p=news) — liens mis en page
   ══════════════════════════════════════════════════ */
.newsPageGrid{
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 18px;
  margin-top: 14px;
}

/* ══════════════════════════════════════
   HAMBURGER MENU (mobile / tablette)
══════════════════════════════════════ */
.hamburgerBtn {
  display: none;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 36px; height: 36px;
  padding: 6px;
  background: none;
  border: 1px solid rgba(23,23,23,.13);
  border-radius: 8px;
  cursor: pointer;
  flex-shrink: 0;
  z-index: 10;
}
.hamburgerBtn span {
  display: block;
  height: 2px;
  background: var(--ink2, #333);
  border-radius: 2px;
  transition: transform .22s ease, opacity .18s ease, width .18s ease;
  transform-origin: center;
}
.hamburgerBtn.isOn span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburgerBtn.isOn span:nth-child(2) { opacity: 0; }
.hamburgerBtn.isOn span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ── Hamburger visible, liens nav cachés ── */


/* ── Titre du site dans la nav (visible tablette/mobile quand hamburger actif) ── */
.navSiteTitle {
  display: none;
  font-size: .88rem;
  font-weight: 950;
  letter-spacing: .25px;
  color: var(--ink, #171717);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
body.isTablet .navSiteTitle { display: block; }

/* ══ TABLET (≤900px) : hamburger + panneau latéral ══ */
body.isTablet .brandTitle b { white-space: nowrap; overflow: visible; text-overflow: clip; font-size: .95rem; }
body.isTablet .hamburgerBtn { display: flex; }
body.isTablet .navLinks { display: none !important; }

body.isTablet .sidePanel {
  position: fixed;
  top: 0; left: 0; bottom: 0;
  width: 280px;
  background: #fff;
  box-shadow: 4px 0 32px rgba(0,0,0,.22);
  z-index: calc(var(--z-player) + 10);
  display: flex;
  flex-direction: column;
  padding: 80px 0 40px;
  transform: translateX(-110%);
  transition: transform .3s cubic-bezier(.4,0,.2,1);
  overflow-y: auto;
}
body.isTablet .sidePanel.isOpen { transform: translateX(0); }
body.isTablet .sidePanel .navLink {
  display: block;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid rgba(23,23,23,.07);
  background: none;
  padding: 18px 28px;
  font-size: 1.1rem;
  font-weight: 800;
  color: var(--ink);
  text-decoration: none;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
body.isTablet .sidePanel .navLink:last-child { border-bottom: none; }
body.isTablet .sidePanel .navLink.isOn {
  background: var(--menuOnBG);
  color: var(--menuOnColor);
  border-left: 4px solid var(--menuOnColor);
  padding-left: 24px;
}
body.isTablet .navMenuScrim {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.42);
  z-index: calc(var(--z-player) + 9);
}
body.isTablet .navMenuScrim.isOn { display: block; }

/* ══ MOBILE (≤600px) : player compact + 1 item/page ══ */
body.isMobile { --player-h: 88px; }
body.isMobile .playerTopInner { grid-template-columns: auto 1fr auto; gap: 8px; padding: 6px 10px; width: 100%; }
body.isMobile .brandTitle { display: none; }
body.isMobile .brandMark { width:34px; height:34px; border-radius:8px; }
body.isMobile .playerCenter { flex-direction: row; align-items: center; gap: 6px; min-width: 0; overflow: hidden; }
body.isMobile .controlsRow { gap: 6px; flex-shrink: 0; }
body.isMobile .progressRow { flex: 1; min-width: 0; gap: 4px; }
body.isMobile .progressRow .seek { min-width: 0; width: 100%; }
body.isMobile .time { font-size: .7rem; flex-shrink: 0; }
body.isMobile .iconBtn { width:28px; height:28px; }
body.isMobile .iconBtn svg { width:14px; height:14px; }
body.isMobile .iconBtn.play { width:36px; height:36px; }
body.isMobile .iconBtn.play svg { width:16px; height:16px; }
body.isMobile .playerRight { justify-content: flex-end; flex-shrink: 0; }
body.isMobile #drawerBtn { font-size:0; gap:0; padding:0; height:34px; width:34px; border-radius:8px; display:grid; place-items:center; }
body.isMobile #drawerBtn svg { width:18px; height:18px; }
body.isMobile .wrap,
body.isMobile .playerTopInner,
body.isMobile .navInner,
body.isMobile .drawerInner { width: calc(100vw - 20px); }
body.isMobile .newsGrid { grid-template-columns: 1fr; }
body.isMobile .newsReadMore { margin-top: 2px; font-size: .8rem; }
body.isMobile .newsDesc { font-size: .88rem; line-height: 1.45; }
body.isMobile .heroTop { flex-direction: column; align-items: flex-start; }

/* ── Widget musical mobile : sans numérotation, aligné à gauche ── */
body.isMobile .jvNum { display: none; }
body.isMobile .jvRow { grid-template-columns: 40px 28px 1fr max-content auto; padding-left: 0; }


@media(max-width:900px){ .newsPageGrid{ grid-template-columns: repeat(2,1fr); } }
@media(max-width:580px){ .newsPageGrid{ grid-template-columns: 1fr; } }

/* ══════════════════════════════════════════════════
   Page Workshop — mise en page
   ══════════════════════════════════════════════════ */
.workshopWrap{
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 28px;
  align-items: start;
  margin-top: 16px;
}
@media(max-width:800px){ .workshopWrap{ grid-template-columns: 1fr; } }

.workshopPoster{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 18px 48px rgba(0,0,0,.22);
}
.workshopPoster img{ width: 100%; height: auto; display: block; border-radius: 0; }

.bulle-date{
  position: absolute;
  top: 7%; left: 4%;
  width: 26%;
  aspect-ratio: 1/1;
  background: white;
  border-radius: 50%;
  box-shadow: 0 4px 15px rgba(0,0,0,.18);
  display: flex; align-items: center; justify-content: center;
}
.bulle-interne{
  width:100%; height:100%; padding:9%; box-sizing:border-box;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; line-height:1.25;
}
.bulle-interne strong{ display:block; font-size:clamp(.45rem,.7vw,.85rem); letter-spacing:.05em; }
.bulle-interne span{ display:block; margin-top:.25em; font-size:clamp(.25rem,.65vw,.7rem); opacity:.85; }

.ribbon{
  position: absolute;
  bottom: 14px; left: -20px;
  width: 180px;
  text-align: center;
  background: #e63946;
  color: white;
  font-weight: 900;
  padding: 5px 0;
  transform: rotate(-15deg);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  font-size: .78rem;
  z-index: 2;
}

.workshopSections{ display: flex; flex-direction: column; gap: 18px; }
.wsSection{
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.64));
  border: 1px solid rgba(23,23,23,.09);
  border-radius: 16px;
  padding: 20px 22px;
  box-shadow: 0 8px 24px rgba(0,0,0,.07);
}
.wsSection h3{
  margin: 0 0 12px;
  font-size: 1rem;
  font-weight: 950;
  letter-spacing: .1px;
}
.wsSection p, .wsSection li{ color: var(--ink2); line-height: 1.55; margin: 0 0 8px; }
.wsSection ul{ padding-left: 1.2em; margin: 0; }
.wsSection a{ color: var(--menuOnBG); }

.workshopCTA{
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 6px;
}
.ctaBtn{
  display: inline-flex; align-items: center; gap: 8px;
  height: 44px; padding: 0 22px;
  border-radius: 999px;
  background: var(--menuOnBG);
  color: white;
  font-weight: 950;
  font-size: .95rem;
  letter-spacing: .1px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,.18);
  transition: transform .15s, box-shadow .15s;
}
.ctaBtn:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,0,0,.24); }

/* Galerie images workshop */
.wsGallery{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px,1fr));
  gap: 6px;
  margin-top: 10px;
}
.wsGallery a{ display: block; border-radius: 10px; overflow: hidden; aspect-ratio: 1/1; }
.wsGallery img{
  width: 100%; height: 100%; object-fit: cover;
  display: block; border-radius: 0;
  transition: transform .16s ease;
}
.wsGallery a:hover img{ transform: scale(1.06); }

/* ══════════════════════════════════════════════════
   Page Contact — mise en page
   ══════════════════════════════════════════════════ */
.contactWrap{
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 14px;
  background: linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.64));
  border: 1px solid rgba(23,23,23,.09);
  border-radius: 20px;
  padding: 28px;
  box-shadow: 0 12px 36px rgba(0,0,0,.09);
}
@media(max-width:680px){ .contactWrap{ grid-template-columns: 1fr; } }

.contactPhoto{
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.15);
}
.contactPhoto img{ width:100%; height:auto; display:block; border-radius:0; }

.contactInfo{ min-width: 0; }
.contactInfo h2{ margin: 0 0 8px; font-size: 1.2rem; font-weight: 950; }
.contactInfo p{ margin: 0 0 10px; color: var(--ink2); line-height: 1.55; }
.contactInfo ol{ padding-left: 1.4em; margin: 0 0 14px; }
.contactInfo li{ color: var(--ink2); margin-bottom: 6px; line-height: 1.45; }

.contactGallery{
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 14px 0;
}
.contactGallery a{ border-radius: 10px; overflow: hidden; display: block; }
.contactGallery img{
  height: 80px; width: auto;
  object-fit: cover; display: block; border-radius: 0;
  transition: transform .16s ease;
}
.contactGallery a:hover img{ transform: scale(1.05); }

.contactEmail{
  display: inline-flex; align-items: center; gap: 8px;
  font-weight: 950; font-size: 1rem;
  color: var(--menuOnBG);
  text-decoration: none;
  border: 1.5px solid var(--menuOnBG);
  border-radius: 999px;
  padding: 8px 18px;
  margin-top: 8px;
  transition: background .15s, color .15s;
}
.contactEmail:hover{ background: var(--menuOnBG); color: white; }


footer{
  margin-top: 28px;
  padding: 18px 0 12px;
  color: var(--ink2);
  font-weight: 800;
  text-align:center;
}

.footerSocial {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 14px;
}
.footerSocial a {
  display: flex;
  opacity: .65;
  transition: opacity .18s, transform .18s;
}
.footerSocial a:hover {
  opacity: 1;
  transform: translateY(-2px);
}
.footerSocial img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  border-radius: 0;
  cursor: default;
}

.wrap img {
  width: auto;
  max-width: 100%;
}

._brandMark {
	display:none;
}

@media (max-width: 960px){
  .newsGrid{ grid-template-columns: 1fr 1fr; }
}


@media screen and (min-width: 58em) {
  body div.content {
    /* ======================================================
  		   SANDBOX : ANNULATION TOTALE DES CSS HÉRITÉES
  		====================================================== */
  
    /* ======================================================
  		   RÉACTIVATION MINIMALE
  		====================================================== */
  
    /* ======================================================
  		   GRID PRINCIPALE
  		====================================================== */
  
    /* ======================================================
  		   ITEM
  		====================================================== */
  
    /* ======================================================
  		   TEXT WRAPPER
  		====================================================== */
  
    /* TITRE */
  
    /* TEXTE */
  
    /* cache si vide */
  
    /* ======================================================
  		   MEDIA
  		====================================================== */
  
    /* ======================================================
  		   CAS SANS TEXTE → MEDIA TOUTE HAUTEUR
  		====================================================== */
  
    /* sécurité iframe */
  
  }
  body div.content .news-scope,
  body div.content .news-scope * {
    all: unset;
    box-sizing: border-box;
  }
  body div.content .news-scope {
    display: block;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    color: #000;
    width: 80%;
    margin: 0px auto;
  }
  body div.content .news-scope a {
    color: #0066cc;
    cursor: pointer;
    text-decoration: none;
  }
  body div.content .news-scope a:hover {
    text-decoration: underline;
  }
  body div.content .news-scope .items-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, 320px);
    gap: 24px;
    justify-content: center;
  }
  body div.content .news-scope .item {
    display: grid;
    grid-template-rows: auto 1fr;
    /* text + media par défaut */
  
    gap: 10px;
    height: 440px;
    padding: 16px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    overflow: scroll;
  }
  body div.content .news-scope .item:hover {
    cursor: pointer;
  }
  body div.content .news-scope .text {
    display: grid;
    gap: 6px;
    text-align: left;
  }
  body div.content .news-scope blockquote {
    width: 80%;
    display: inline-block;
  }
  body div.content .news-scope .text h2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 1.15rem;
    line-height: 1.3;
    font-weight: 500;
  }
  body div.content .news-scope .text p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.95rem;
    line-height: 1.45;
  }
  body div.content .news-scope .text p:empty {
    display: none;
  }
  body div.content .news-scope .media {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
  }
  body div.content .news-scope .media img,
  body div.content .news-scope .media iframe,
  body div.content .news-scope .media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
  }
  body div.content .news-scope blockquote {
    display: none;
  }
  body div.content .news-scope .item:has(.text:empty) .media {
    grid-row: -1;
  }
  body div.content .news-scope iframe {
    pointer-events: auto;
  }
}

.newsModalInner .newsImg {
    
    aspect-ratio: unset;
}


.heroToggleAuto, .newsModalDate {
    display: none;
}

img[data-no-lightbox] {
	cursor:initial;
}

body.isMobile #drawerBtn svg {
    width: 18px;
    height: 29px;
}