/* AUDIO GHOSTS · April draft look: the parts of the new site the draft did not have, from ag.css,
   with A's tokens renamed --a-*. Light on the page, dark in the lightbox and the player. */
.theme-april{
  --a-ink:#EDF0F4; --a-ink-2:#FFFFFF; --a-ink-3:#E3E7EE;
  --a-paper:#1A2038; --a-mute:rgba(26,32,56,.66); --a-faint:#5C6680;
  --a-line:rgba(26,32,56,.10); --a-line-2:rgba(26,32,56,.18);
  --a-warm:#F9C5A0; --a-cool:#A0E8D8; --a-phi:#B094FF;
  --a-mono:'JetBrains Mono',ui-monospace,monospace; --a-serif:'Inter',-apple-system,'Segoe UI',sans-serif;
  --a-gut:clamp(16px,4vw,56px);
}
.theme-april .lb,.theme-april .pl-ov,.theme-april .tile .frame{
  --a-ink:#0A0618; --a-ink-2:#120C24; --a-ink-3:#1B1433;
  --a-paper:#EDF0F4; --a-mute:rgba(237,240,244,.58); --a-faint:rgba(237,240,244,.32);
  --a-line:rgba(237,240,244,.12); --a-line-2:rgba(237,240,244,.22); color:#EDF0F4;
}

/* ── from ag.css 120–134: ghost photographs ── */
/* ghost image: same photograph through the left and the right ear */
.gimg{position:relative;overflow:hidden;background:#000;isolation:isolate;--gs:3px}
.gimg img{position:absolute;inset:0;opacity:0;width:100%;height:100%;object-fit:cover}
.gimg i{position:absolute;inset:-12px;background:var(--img) center/cover;background-blend-mode:luminosity;mix-blend-mode:screen;filter:brightness(.78) contrast(1.08);
  transition:transform .9s cubic-bezier(.2,.7,.1,1),opacity .6s ease .25s}
.gimg i.w{background-color:var(--a-warm);transform:translate3d(calc(var(--gs) * -1),0,0)}
.gimg i.c{background-color:var(--a-cool);transform:translate3d(var(--gs),0,0)}
/* tuning in: the two channels converge, and the original photograph appears */
.gimg img{transition:opacity .7s ease .3s}
.gimg:hover img,.gimg.tuned img{opacity:1}
.gimg:hover i,.gimg.tuned i{transform:translate3d(0,0,0);opacity:0}
.atmo{pointer-events:none}
.gimg[data-lb]{cursor:zoom-in}
.cap{font-family:var(--a-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--a-faint);margin-top:12px}


/* ── from ag.css 213–231: media tiles, chips ── */
/* MEDIA */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.chip{font-family:var(--a-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--a-line-2);border-radius:100px;color:var(--a-mute);background:none;cursor:pointer;transition:.2s}
.chip.on,.chip:hover{color:var(--a-ink);background:var(--a-paper);border-color:var(--a-paper)}
.mgrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.tile{grid-column:span 4;text-decoration:none;display:block}
.tile.big{grid-column:span 8;grid-row:span 2}
.tile .frame{position:relative;aspect-ratio:16/10;overflow:hidden;background:#000}
.tile.big .frame{aspect-ratio:auto;height:calc(100% - 64px);min-height:300px}
.tile video{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.tile .gimg{height:100%}
.badge{position:absolute;left:12px;top:12px;z-index:2;font-family:var(--a-mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;padding:5px 8px;background:rgba(10,6,24,.75);border:1px solid var(--a-line-2)}
.dur{position:absolute;right:12px;bottom:12px;z-index:2;font-family:var(--a-mono);font-size:11px;letter-spacing:.08em;padding:4px 8px;background:rgba(10,6,24,.75)}
.pl{position:absolute;inset:0;z-index:2;display:grid;place-items:center;opacity:0;transition:.3s}
.pl span{width:64px;height:64px;border-radius:50%;border:1px solid var(--a-paper);display:grid;place-items:center;backdrop-filter:blur(6px);background:rgba(10,6,24,.35)}
.tile:hover .pl{opacity:1}
.tile h4{font-family:var(--a-serif);font-weight:400;font-size:19px;margin-top:12px;line-height:1.25}
.tile small{display:block;font-family:var(--a-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint);margin-top:4px}
.tile.hide{display:none}

/* ── from ag.css 256–302: lightbox, player ── */
/* ── Lightbox: always the original ──────────────────────────── */
.lb{position:fixed;inset:0;z-index:80;background:rgba(10,6,24,.97);display:grid;place-items:center;padding:70px var(--a-gut) 40px}
.lb[hidden]{display:none}
.lb figure{max-width:100%}
.lb .gimg{width:min(90vw,calc(80vh * var(--ar,1.33)));aspect-ratio:var(--ar,1.33);cursor:zoom-out}
.lb .gimg i{transition-duration:1.4s,.9s;transition-delay:0s,.5s}
.lb .gimg img{transition-delay:.7s}
.lb-x,.pl-x{position:fixed;top:18px;right:var(--a-gut);z-index:2;font-family:var(--a-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;background:none;border:1px solid var(--a-line-2);color:var(--a-paper);padding:9px 14px;border-radius:100px;cursor:pointer}
.lb-x:hover,.pl-x:hover{border-color:var(--a-paper)}
kbd{font-family:var(--a-mono);font-size:9px;border:1px solid var(--a-line-2);padding:1px 5px;margin-left:6px;color:var(--a-mute)}

/* ── Listening-room player ──────────────────────────────────── */
.pl-ov{position:fixed;inset:0;z-index:85;background:rgba(10,6,24,.985);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:18px var(--a-gut) 16px;gap:14px}
.pl-ov[hidden]{display:none}
.pl-top{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;padding-right:150px}
.pl-top .kicker{margin:0}
.pl-top h3{font-family:var(--a-serif);font-weight:300;font-size:clamp(22px,2vw,32px);line-height:1.1}
.pl-meta{font-family:var(--a-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint)}
.pl-stage{position:relative;min-height:0;display:grid;place-items:center;background:#000;overflow:hidden}
.pl-stage video{width:100%;height:100%;object-fit:contain;display:block}
.pl-poster{position:absolute;inset:0;transition:opacity 1s ease .9s}
.pl-poster.gone{opacity:0;pointer-events:none}
.pl-big{position:absolute;z-index:2;width:92px;height:92px;border-radius:50%;border:1px solid var(--a-paper);background:rgba(10,6,24,.4);color:var(--a-paper);font-size:22px;cursor:pointer;backdrop-filter:blur(8px);transition:.3s}
.pl-big:hover{background:var(--a-paper);color:var(--a-ink)}
.pl-big.gone{opacity:0;pointer-events:none;transform:scale(.9)}
.pl-bar{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto auto;gap:18px;align-items:center;border-top:1px solid var(--a-line);padding-top:14px}
.pl-trace{position:relative;height:58px;cursor:pointer;touch-action:none}
.pl-trace canvas{width:100%;height:100%;display:block}
.pl-tip{position:absolute;top:-22px;transform:translateX(-50%);font-family:var(--a-mono);font-size:10px;letter-spacing:.08em;color:var(--a-paper);background:var(--a-ink-3);padding:2px 6px;opacity:0;pointer-events:none;transition:opacity .15s}
.pl-trace:hover .pl-tip{opacity:1}
.pl-inst{display:flex;align-items:center;gap:12px;font-family:var(--a-mono);font-size:10px;letter-spacing:.14em;color:var(--a-faint)}
.pl-inst canvas{display:block;height:58px}
#plMeters{width:30px} #plGonio{width:58px;border-radius:50%;background:radial-gradient(circle,rgba(237,240,244,.04),transparent 70%);box-shadow:inset 0 0 0 1px var(--a-line)}
.pl-inst b{color:var(--a-paper);font-weight:500;font-variant-numeric:tabular-nums;display:block;font-size:12px;letter-spacing:.04em}
.pl-ctl{display:flex;align-items:center;gap:12px}
.pl-ctl button{background:none;border:1px solid var(--a-line-2);color:var(--a-paper);width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:13px}
.pl-ctl button:hover{border-color:var(--a-paper)}
.pl-ctl input[type=range]{-webkit-appearance:none;appearance:none;width:90px;height:2px;background:linear-gradient(90deg,var(--a-warm),var(--a-cool));outline:none}
.pl-ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--a-paper);cursor:pointer}
.pl-keys{font-family:var(--a-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--a-faint);display:flex;gap:18px;flex-wrap:wrap}
.pl-keys span{color:var(--a-phi)}
.tile{cursor:pointer}

.lb-nav{position:fixed;top:50%;z-index:2;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid var(--a-line-2);background:rgba(10,6,24,.5);color:var(--a-paper);font-size:18px;cursor:pointer}
.lb-nav:hover{border-color:var(--a-paper)} .lb-nav.prev{left:var(--a-gut)} .lb-nav.next{right:var(--a-gut)} .lb-nav[hidden]{display:none}
.lb-count{position:fixed;left:var(--a-gut);top:24px;font-family:var(--a-mono);font-size:11px;letter-spacing:.18em;color:var(--a-mute)}


/* ── from ag.css 350–395: artist page parts (phenomena, prev/next) ── */
/* ── Artist page ──────────────────────────────────────────── */
.ah{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,5vw,90px);align-items:end;padding:clamp(120px,18vh,180px) var(--a-gut) clamp(60px,9vh,100px)}
.ah-name{font-family:var(--a-mono);font-weight:800;font-size:clamp(56px,8.6vw,160px);line-height:.84;letter-spacing:-.05em;position:relative;isolation:isolate;margin:.12em 0 .22em;white-space:nowrap}
.ah-name span{display:block}
.ah-name .w,.ah-name .c{position:absolute;inset:0;mix-blend-mode:screen}
.ah-name .b{color:transparent}
.ah-name .w{color:var(--a-warm);animation:slowL 9s ease-in-out infinite}
.ah-name .c{color:var(--a-cool);animation:slowR 9s ease-in-out infinite}
.ah-work{font-family:var(--a-serif);font-weight:300;font-style:italic;font-size:clamp(30px,3.3vw,56px);line-height:1.04;letter-spacing:-.01em;max-width:14em}
.ah-kind{font-family:var(--a-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--a-mute);margin-top:16px}
.ah .meta{max-width:34em}
.ah-part{margin-top:18px;color:var(--a-mute);font-size:16px}
.ah-part a,.bio a{color:var(--a-paper);text-decoration-color:var(--a-phi);text-underline-offset:4px}
.ah-lead .gimg{aspect-ratio:4/3}
.ab{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:clamp(28px,6vw,110px);align-items:start}
.ab-text p{font-weight:300;font-size:clamp(21px,1.75vw,29px);line-height:1.42;letter-spacing:-.005em}
.side-note{font-family:var(--a-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--a-faint);margin:0 0 14px}
.phen{list-style:none;border-top:1px solid var(--a-line)}
.phen li{display:grid;grid-template-columns:42px 1fr;gap:6px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--a-line)}
.phen button{width:42px;height:42px;border-radius:50%;border:1px solid var(--a-line-2);background:none;color:var(--a-paper);cursor:pointer;font-size:12px;transition:.25s}
.phen button:hover{border-color:var(--a-paper)}
.phen button[aria-pressed="true"]{border-color:var(--a-phi);box-shadow:0 0 0 1px var(--a-phi) inset,0 0 18px rgba(176,148,255,.35)}
.phen q{font-family:var(--a-serif);font-style:italic;font-size:19px;quotes:none;display:block;line-height:1.25}
.phen small{display:block;font-family:var(--a-mono);font-size:10px;letter-spacing:.1em;color:var(--a-faint);margin-top:3px}
.phen canvas{grid-column:1/-1;width:100%;height:34px;display:block}
.gal{columns:var(--cols,3) 320px;column-gap:18px}
.gal figure{break-inside:avoid;margin:0 0 18px}
.bio{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);gap:clamp(28px,6vw,110px);align-items:start}
.bio h2{font-family:var(--a-mono);font-weight:800;font-size:clamp(30px,3vw,48px);letter-spacing:-.03em;margin-bottom:22px}
.bio p{color:var(--a-mute);font-size:clamp(17px,1.2vw,19px);max-width:42em}
.bio p+p{margin-top:1em}
.bio figure .gimg{aspect-ratio:var(--ar,1.3)}
.bio .site{display:inline-block;margin-top:24px;font-family:var(--a-mono);font-size:12px;letter-spacing:.1em}
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--a-line)}
.pn a{padding:clamp(40px,7vh,80px) var(--a-gut);text-decoration:none;display:block;transition:background .3s}
.pn a+a{border-left:1px solid var(--a-line);text-align:right}
.pn a:hover{background:rgba(176,148,255,.06)}
.pn small{display:block;font-family:var(--a-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--a-faint);margin-bottom:12px}
.pn b{display:block;font-family:var(--a-serif);font-weight:300;font-size:clamp(26px,2.6vw,44px);line-height:1.08}
.pn em{display:block;font-family:var(--a-serif);color:var(--a-mute);margin-top:6px}
@media (max-width:760px){
  .ah,.ab,.bio{grid-template-columns:1fr}
  .ah-name{white-space:normal}
  .pn{grid-template-columns:1fr} .pn a+a{border-left:0;border-top:1px solid var(--a-line);text-align:left}
}


/* ── from ag.css 433–519: events, presentations, timeline, media library, audio player ── */
/* ── Events & presentations ───────────────────────────────── */
.ev-hero{padding:clamp(130px,20vh,190px) var(--a-gut) clamp(36px,5vh,60px)}
.ev-h{font-size:clamp(44px,6vw,104px)}
.ev-h em{color:var(--a-phi)}
.ev-list{padding:0 var(--a-gut) clamp(50px,8vh,100px)}
.ev{display:grid;grid-template-columns:210px minmax(0,1.3fr) minmax(0,.75fr);gap:clamp(20px,4vw,64px);padding:clamp(36px,6vh,60px) 0;border-top:1px solid var(--a-line);align-items:start}
.db b{display:block;font-family:var(--a-mono);font-weight:800;font-size:clamp(54px,5.6vw,92px);line-height:.85;letter-spacing:-.05em;white-space:nowrap;
  text-shadow:-.035em 0 0 rgba(249,197,160,.75),.035em 0 0 rgba(160,232,216,.75)}
.db span{display:block;font-family:var(--a-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-top:12px}
.db small{display:block;font-family:var(--a-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-faint);margin-top:4px}
.ev-in{font-family:var(--a-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--a-phi);margin-bottom:10px}
.ev-body h2{font-family:var(--a-serif);font-weight:300;font-size:clamp(28px,2.8vw,46px);line-height:1.06;margin-bottom:18px}
/* a heading typed in the event's own text (## or ###) comes after the title: a small heading, as in posts, never the size of the title (Belma, 22 Oct 2026) */
.ev-body>:is(h1,h2)~:is(h2,h3){font-family:var(--a-mono);font-weight:600;font-size:clamp(18px,1.9vw,22px);line-height:1.3;letter-spacing:0;margin:26px 0 8px}
.ev-body>:is(h1,h2)~h3{font-size:clamp(16px,1.5vw,18px)}
.ev-body p{color:var(--a-mute);margin-bottom:8px;max-width:38em}
.ev-body p a{color:var(--a-paper);text-decoration-color:var(--a-phi);text-underline-offset:4px}
.ev-body .ev-actions{display:flex;gap:28px;flex-wrap:wrap;margin-top:24px}
button.more{background:none;border:0;border-bottom:1px solid var(--a-line-2);color:var(--a-paper);cursor:pointer}
.tl-sec{padding:0 var(--a-gut) clamp(30px,5vh,60px)}
.tl-top{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.tl-legend{list-style:none;display:flex;gap:24px;flex-wrap:wrap;font-family:var(--a-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--a-mute)}
.tl-legend i{display:inline-block;width:10px;height:10px;margin-right:8px;vertical-align:-1px}
.tl-legend .guest i{background:var(--a-warm)} .tl-legend .series i{background:var(--a-cool)} .tl-legend .other i{background:var(--a-phi)}
.tl-legend b{color:var(--a-paper);font-weight:500;margin-left:4px}
.btn-arch{display:flex;align-items:center;gap:10px;font-family:var(--a-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--a-paper);background:none;border:1px solid var(--a-line-2);padding:9px 14px;border-radius:100px;cursor:pointer;transition:.25s}
.btn-arch:hover{border-color:var(--a-paper)}
.btn-arch .ch{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:9px;font-weight:700;color:var(--a-ink)}
.btn-arch .l{background:var(--a-warm)} .btn-arch .r{background:var(--a-cool);margin-left:-8px;mix-blend-mode:screen}
.btn-arch[aria-pressed="true"]{border-color:var(--a-phi);box-shadow:0 0 0 1px var(--a-phi) inset,0 0 24px rgba(176,148,255,.35)}
.tl-wrap{position:relative;border-top:1px solid var(--a-line);border-bottom:1px solid var(--a-line);padding:30px 0 0}
.tl{display:block;width:100%;height:150px;overflow:visible}
.tl .yr{stroke:rgba(237,240,244,.2);stroke-width:1;vector-effect:non-scaling-stroke}
.tl .mo{stroke:rgba(237,240,244,.22);stroke-width:1;vector-effect:non-scaling-stroke}
.tl .base{stroke:rgba(237,240,244,.32);stroke-width:1;vector-effect:non-scaling-stroke}
.tl .now{stroke:var(--a-phi);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.tl .ph{stroke:var(--a-paper);stroke-width:1;vector-effect:non-scaling-stroke;opacity:0}
.tl.playing .ph{opacity:.9}
.tl .hit{fill:transparent}
.tl .tk{cursor:pointer;outline:none}
.tl .tk.guest{color:var(--a-warm)} .tl .tk.series{color:var(--a-cool)} .tl .tk.other{color:var(--a-phi)}
.tl .bar{fill:currentColor;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;opacity:.78;transition:opacity .25s}
.tl .tk:hover .bar,.tl .tk:focus .bar,.tl .tk.flash .bar{opacity:1;filter:drop-shadow(0 0 6px currentColor)}
.tl .tk.up .bar{fill:none;stroke-dasharray:3 3;opacity:.9}
.tl-labels span{position:absolute;top:8px;transform:translateX(6px);font-family:var(--a-mono);font-size:11px;letter-spacing:.1em;color:var(--a-faint)}
.tl-labels span.now{transform:translateX(-100%) translateX(-6px);color:var(--a-phi)}
.tl-tip{position:absolute;bottom:calc(100% - 22px);transform:translateX(-50%);background:var(--a-ink-3);border:1px solid var(--a-line-2);padding:8px 12px;font-family:var(--a-mono);font-size:11px;letter-spacing:.04em;color:var(--a-mute);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:3;max-width:80vw;overflow:hidden;text-overflow:ellipsis}
.tl-tip.on{opacity:1}
.tl-tip b{display:block;font-family:var(--a-serif);font-size:16px;font-weight:400;color:var(--a-paper);letter-spacing:0}
.tl-note{margin-top:16px;font-family:var(--a-mono);font-size:11px;line-height:1.7;letter-spacing:.04em;color:var(--a-faint);max-width:72em}
.tl-note b{color:var(--a-paper);font-weight:500}
.arch .yr-g{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:28px 0;border-top:1px solid var(--a-line)}
.yr-h{font-family:var(--a-mono);font-weight:800;font-size:clamp(36px,3.6vw,60px);letter-spacing:-.04em;line-height:1;position:sticky;top:84px;align-self:start}
.prl{list-style:none}
.prl li{border-bottom:1px solid var(--a-line);scroll-margin-top:140px;transition:background .6s}
.prl .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) 28px;gap:22px;padding:12px 8px;align-items:baseline;text-decoration:none;color:inherit;transition:padding .35s cubic-bezier(.2,.7,.1,1),background .3s}
.prl a.row:hover,.prl a.row:focus-visible{padding-left:20px;background:rgba(176,148,255,.07);outline:none}
.prl a.row:hover .t{text-shadow:-2px 0 0 rgba(249,197,160,.5),2px 0 0 rgba(160,232,216,.5)}
.prl .arr{font-family:var(--a-mono);color:var(--a-faint);transition:color .3s,transform .3s}
.prl a.row:hover .arr{color:var(--a-phi);transform:translateX(4px)}
.prl .w{font-family:var(--a-mono);font-size:12px;letter-spacing:.03em;color:var(--a-faint);padding-left:16px;position:relative}
.prl .w::before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px}
.prl li.guest .w::before{background:var(--a-warm)} .prl li.series .w::before{background:var(--a-cool)} .prl li.other .w::before{background:var(--a-phi)}
.prl .t{font-family:var(--a-serif);font-size:clamp(18px,1.4vw,22px);line-height:1.3}
.prl li.hl{background:rgba(176,148,255,.12)}
.arch-close{margin-top:34px;color:var(--a-mute)}
.arch-close a{color:var(--a-paper);text-decoration-color:var(--a-phi);text-underline-offset:4px}
@media (max-width:1000px){ .ev{grid-template-columns:150px minmax(0,1fr)} .ev-img{grid-column:2} }
@media (max-width:760px){
  .ev{grid-template-columns:1fr;gap:14px} .ev-img{grid-column:auto}
  .arch .yr-g{grid-template-columns:1fr} .yr-h{position:static}
  .prl .row{grid-template-columns:1fr 24px;gap:4px 12px} .prl .w{grid-column:1/-1} .prl .t{grid-column:1}
  .tl{height:110px}
}
.db.rng b{font-size:clamp(40px,3.8vw,64px)}

/* ── Media library ────────────────────────────────────────── */
.ml-bar{padding:0 var(--a-gut) 26px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;position:sticky;top:58px;z-index:20;background:linear-gradient(var(--a-ink) 70%,rgba(10,6,24,0));padding-top:12px}
.ml-bar .chips{margin:0}
.ml-sec{padding:10px var(--a-gut) clamp(70px,10vh,120px)}
.mgrid.ml{grid-auto-flow:dense}
.ml .tile h4{font-size:18px}
.ml-empty{padding:60px 0;text-align:center;font-family:var(--a-serif);font-size:20px;color:var(--a-faint)}
/* player, audio only */
.pl-scope{position:absolute;inset:0;margin:auto;width:min(62vh,62vw);height:min(62vh,62vw);pointer-events:none;display:none;z-index:1}
.pl-ov.audio .pl-scope{display:block}
.pl-poster.dim{opacity:.28;transition:opacity 1.2s ease .6s}
.ml-bar .chips{min-width:0}
@media (max-width:760px){.ml-bar{flex-direction:column;align-items:flex-start;top:52px}}