@font-face {
  font-family:"Manrope";
  font-style:normal;
  font-weight:400 800;
  font-display:block;
  src:url("assets/fonts/manrope-latin-variable.woff2") format("woff2");
}
@font-face {
  font-family:"DM Mono";
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url("assets/fonts/dm-mono-latin-400.woff2") format("woff2");
}
@font-face {
  font-family:"DM Mono";
  font-style:normal;
  font-weight:500;
  font-display:block;
  src:url("assets/fonts/dm-mono-latin-500.woff2") format("woff2");
}

:root {
  --ink: #f3f0e9;
  --muted: #a29f9a;
  --bg: #09090b;
  --panel: #111114;
  --line: rgba(255,255,255,.12);
  --acid: #dfff00;
  --violet: #8b5cff;
  --coral: #ff5f52;
  --header-h: 78px;
  --ease: cubic-bezier(.22,.74,.22,1);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; min-width: 320px; color: var(--ink); background: var(--bg); font-family: "Manrope", sans-serif; overflow-x: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
em { color: var(--acid); font-style: normal; }
.mono, .kicker { font-family: "DM Mono", monospace; letter-spacing: .09em; }
.ambient { position: fixed; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.ambient__orb { position: absolute; width: 38vw; aspect-ratio: 1; border-radius: 50%; filter: blur(110px); opacity: .12; animation: drift 18s var(--ease) infinite alternate; }
.ambient__orb--one { background: var(--violet); top: -15vw; right: -10vw; }
.ambient__orb--two { background: var(--coral); bottom: -18vw; left: -12vw; animation-delay: -8s; }
.ambient__grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom,black,transparent 75%); }
.ambient__noise { position: absolute; inset: -50%; opacity: .035; background: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); animation: noise .28s steps(2) infinite; }
body.motion-paused *, body.motion-paused *::before, body.motion-paused *::after { animation-play-state: paused !important; }
.site-header { height: var(--header-h); position: fixed; top: 0; inset-inline: 0; z-index: 50; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 clamp(20px,4vw,72px); border-bottom: 1px solid var(--line); background: rgba(9,9,11,.7); backdrop-filter: blur(24px); }
.brand { display: inline-flex; align-items: center; width: max-content; gap: 12px; font-weight: 800; }
.header-identity { position:relative;display:block;justify-self:start; }
.brand-tenure { position:absolute;left:38px;bottom:8px;display:flex;align-items:center;gap:6px;color:#77747a;font-size:6px;line-height:1;letter-spacing:.12em;white-space:nowrap; }
.brand-tenure i { font-style:normal;font-weight:400; }
.brand-tenure b { color:var(--muted);font-weight:500; }
.brand-tenure em { color:var(--acid);font-size:8px; }
.svg-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.brand-mark { display:block; flex:0 0 auto; height:auto; aspect-ratio:394/620.5; fill:currentColor; overflow:visible; }
.brand-mark--header { width:26px;color:var(--acid);transition:transform .45s var(--ease),filter .45s var(--ease);filter:drop-shadow(0 0 10px rgba(223,255,0,.28)); }
.brand:hover .brand-mark--header { transform:translateY(-1px) rotate(-3deg); filter:drop-shadow(0 0 13px rgba(223,255,0,.45)); }
.brand__title { display:flex;flex-direction:column;justify-content:center;gap:2px;transform:translateY(-3px); }
.brand__name { color:var(--acid);font:700 7px/1 "DM Mono",monospace;letter-spacing:.16em;white-space:nowrap; }
.brand__word { font-size:16px;line-height:1;letter-spacing:-.03em; }
.brand__year { color: var(--muted); font: 9px "DM Mono", monospace; letter-spacing: .12em; border-left: 1px solid var(--line); padding-left: 12px; }
.site-header .brand__year { transform:translateY(-4px); }
.primary-nav { display: flex; gap: 34px; height: 100%; align-items: center; }
.primary-nav a { color: var(--muted); font-size: 12px; font-weight: 600; height: 100%; display: grid; place-items: center; position: relative; transition: color .3s; }
.primary-nav a::after { content:""; position:absolute; bottom:-1px; height:2px; width:0; background:var(--acid); transition:width .35s var(--ease); }
.primary-nav a:hover,.primary-nav a.is-active { color:var(--ink); }.primary-nav a.is-active::after { width:100%; }
.header-actions { justify-self: end; display: flex; gap: 8px; }
.header-socials { display:flex;align-items:center;gap:5px;margin-right:5px; }
.header-socials a { width:32px;height:32px;border:1px solid transparent;border-radius:50%;display:grid;place-items:center;color:var(--muted);transition:color .25s,background .25s,border-color .25s,transform .3s var(--ease); }
.header-socials a:hover { color:#09090b;background:var(--acid);border-color:var(--acid);transform:translateY(-2px); }
.header-socials svg { width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.header-socials a:first-child svg path:first-child { fill:currentColor;stroke:none; }
.header-socials a:first-child svg path:last-child { stroke:var(--bg);fill:var(--bg); }
.icon-button,.menu-button,.view-toggle { width: 42px; height:42px; border:1px solid var(--line); border-radius:50%; background:transparent; display:grid; place-items:center; cursor:pointer; transition:.3s var(--ease); }
.icon-button:hover,.menu-button:hover,.view-toggle:hover { background:var(--ink); color:var(--bg); transform:rotate(6deg); }
.icon-button svg,.view-toggle svg { width:17px; fill:none; stroke:currentColor; stroke-width:1.8; }
.menu-button { display:none; }.menu-button span { width:17px; height:1px; background:currentColor; display:block; margin:2px; }
main,.site-footer { position:relative; z-index:1; }
.brand-portal { --portal-x:0deg;--portal-y:0deg;--portal-spin:0deg;min-height:100svh;padding:var(--header-h) clamp(20px,5vw,84px) 34px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(223,255,0,.035),transparent 34%),radial-gradient(circle at 85% 18%,rgba(139,92,255,.11),transparent 33%); }
.brand-portal::before,.brand-portal::after { content:"";position:absolute;pointer-events:none; }
.brand-portal::before { inset:var(--header-h) 0 0;background:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 72%); }
.brand-portal::after { inset:0;background:linear-gradient(90deg,transparent 49.95%,rgba(255,255,255,.09) 50%,transparent 50.05%),linear-gradient(transparent 49.95%,rgba(255,255,255,.08) 50%,transparent 50.05%);opacity:.55; }
.brand-portal__stage { width:min(74vw,780px);aspect-ratio:1;position:relative;display:grid;place-items:center;border:0;background:none;color:inherit;cursor:grab;perspective:1100px;z-index:2;touch-action:none; }
.brand-portal__stage:active { cursor:grabbing; }
.brand-portal__rings { position:absolute;inset:4%;transform:rotate(var(--portal-spin));transition:transform .8s var(--ease); }
.brand-portal__rings i { position:absolute;inset:var(--inset,0);border:1px solid rgba(255,255,255,.2);border-radius:50%; }
.brand-portal__rings i:nth-child(2){--inset:8%;border-color:rgba(255,255,255,.13)}
.brand-portal__rings i:nth-child(3){--inset:15%;border-color:rgba(223,255,0,.25)}
.brand-portal__rings i:nth-child(4){--inset:22%;border-style:dotted;border-color:rgba(223,255,0,.5);animation:spin 26s linear infinite}
.brand-portal__mark { width:31%;height:50%;position:relative;display:grid;place-items:center;transform-style:preserve-3d;transform:rotateX(var(--portal-x)) rotateY(var(--portal-y)) rotateZ(calc(var(--portal-spin) * -.15));transition:transform .18s ease-out,filter .5s;filter:drop-shadow(0 0 18px rgba(223,255,0,.27)) drop-shadow(0 0 55px rgba(223,255,0,.1)); }
.brand-portal__logo { position:absolute;width:100%;height:100%;fill:var(--acid);overflow:visible; }
.brand-portal__logo--core { z-index:2; }
.brand-portal__logo--echo { opacity:0;mix-blend-mode:screen;transition:transform .45s var(--ease),opacity .35s; }
.brand-portal__logo--cyan { fill:#65fff2; }
.brand-portal__logo--coral { fill:var(--coral); }
.brand-portal__stage.is-glitched .brand-portal__logo--cyan { opacity:.55;transform:translate(-11px,5px) skewY(-4deg); }
.brand-portal__stage.is-glitched .brand-portal__logo--coral { opacity:.55;transform:translate(12px,-5px) skewY(5deg); }
.brand-portal__stage.is-fractured .brand-portal__mark { animation:brandFracture .75s steps(2) both;filter:drop-shadow(-18px 8px 0 rgba(101,255,242,.46)) drop-shadow(18px -8px 0 rgba(255,95,82,.42)); }
.brand-portal__stage.is-fractured .brand-portal__rings { transform:rotate(calc(var(--portal-spin) + 27deg)) scale(1.08); }
.brand-portal__satellites { position:absolute;inset:4%;animation:spin 18s linear infinite; }
.brand-portal__satellites i { position:absolute;width:9px;aspect-ratio:1;border-radius:50%;background:var(--acid);box-shadow:0 0 14px var(--acid); }
.brand-portal__satellites i:nth-child(1){left:17%;top:50%}.brand-portal__satellites i:nth-child(2){right:14%;top:24%}.brand-portal__satellites i:nth-child(3){left:50%;bottom:0;width:12px}
.brand-portal__instruction { position:absolute;bottom:8%;font-size:7px;color:rgba(255,255,255,.45);letter-spacing:.14em; }
.brand-portal__instruction b { color:var(--acid);font-weight:500; }
.brand-portal__hud { position:absolute;top:20%;z-index:3;display:grid;gap:10px;font:400 12px "DM Mono",monospace;letter-spacing:.35em; }
.brand-portal__hud--left { left:10.5%; }.brand-portal__hud--right { right:10.5%;color:var(--muted);letter-spacing:.1em; }
.brand-portal__hud i { width:40px;height:2px;background:var(--acid); }.brand-portal__hud span { color:var(--acid);font-size:9px; }
.brand-portal__reticle i { position:absolute;width:16px;height:16px;z-index:3; }
.brand-portal__reticle i::before,.brand-portal__reticle i::after { content:"";position:absolute;background:rgba(255,255,255,.35); }
.brand-portal__reticle i::before { width:16px;height:1px;top:8px; }.brand-portal__reticle i::after { height:16px;width:1px;left:8px; }
.brand-portal__reticle i:nth-child(1){left:5%;top:11%}.brand-portal__reticle i:nth-child(2){right:5%;top:11%}.brand-portal__reticle i:nth-child(3){left:5%;bottom:8%}.brand-portal__reticle i:nth-child(4){right:5%;bottom:8%}
.brand-portal__readout { position:absolute;bottom:14%;z-index:3;font-size:7px;color:var(--muted);letter-spacing:.13em;line-height:1.8; }
.brand-portal__readout--left { left:10.5%; }.brand-portal__readout--left i { display:inline-block;width:16px;height:2px;background:var(--acid);margin-right:8px; }.brand-portal__readout--left span { color:#69666c; }
.brand-portal__readout--right { right:10.5%; }.brand-portal__readout--right span { display:block;width:80px;height:8px;background:repeating-linear-gradient(120deg,#777 0 4px,transparent 4px 7px); }.brand-portal__readout--right i { display:block;width:80px;height:2px;background:var(--acid);margin-top:12px; }
.brand-portal__title { position:absolute;left:clamp(20px,5vw,84px);bottom:30px;z-index:4;pointer-events:none;opacity:0;transform:translateY(12px);transition:.5s var(--ease); }.brand-portal:hover .brand-portal__title { opacity:1;transform:none; }
.brand-portal__title p { font-size:7px;color:var(--muted); }.brand-portal__title h1 { font-size:clamp(26px,3vw,45px);line-height:.92;letter-spacing:-.05em;margin:8px 0 0; }
.brand-portal__enter { position:absolute;right:clamp(20px,5vw,84px);bottom:32px;z-index:4;border:0;background:none;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer; }.brand-portal__enter i{display:inline-block;width:28px;height:1px;background:var(--acid);margin-left:10px;vertical-align:middle}
@keyframes brandFracture { 0%{clip-path:inset(0);transform:rotateX(var(--portal-x)) rotateY(var(--portal-y))}25%{clip-path:polygon(0 0,100% 0,100% 28%,0 42%);transform:translateX(-16px) skewX(7deg)}50%{clip-path:polygon(0 25%,100% 12%,100% 72%,0 64%);transform:translateX(14px) skewX(-8deg)}75%{clip-path:polygon(0 58%,100% 68%,100% 100%,0 100%);transform:translateX(-8px) skewY(5deg)}100%{clip-path:inset(0);transform:rotateX(var(--portal-x)) rotateY(var(--portal-y))} }
.hero { min-height:clamp(680px,78svh,900px);padding:calc(var(--header-h) + 3vh) clamp(20px,5vw,84px) 30px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(400px,1.25fr) minmax(190px,.45fr);grid-template-rows:1fr auto;align-items:center;gap:24px;overflow:hidden;position:relative; }
.hero__index { position:absolute; top:calc(var(--header-h) + 26px); right:clamp(20px,5vw,84px); font-size:10px; color:var(--muted); }
.eyebrow { font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.13em; color:var(--muted); display:flex; gap:9px; align-items:center; margin-bottom:26px; }
.live-dot { width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid);animation:pulse 1.8s infinite; }
.hero__copy { position:relative; z-index:3; }
.hero h1 { margin:0; font-size:clamp(46px,5.3vw,90px); line-height:.92; letter-spacing:-.075em; max-width:800px; }
.hero__copy > p { color:var(--muted); max-width:510px; line-height:1.7; font-size:14px; margin:25px 0 31px; }
.hero__actions { display:flex; align-items:center; gap:25px; }
.play-main { border:0; background:var(--acid); color:#0b0b0b; border-radius:999px; padding:8px 22px 8px 8px; min-height:58px; display:flex; align-items:center; gap:12px; cursor:pointer; transition:transform .35s var(--ease),box-shadow .35s; font-weight:700; }
.play-main:hover { transform:translateY(-3px) scale(1.02); box-shadow:0 14px 45px rgba(223,255,0,.2); }
.play-main__icon { width:42px;height:42px;border-radius:50%;background:#0b0b0b;color:var(--acid);display:grid;place-items:center; }
.play-main svg { width:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
.icon-pause { display:none; }.is-playing .icon-play { display:none; }.is-playing .icon-pause { display:block; }
.play-main small,.play-main strong { display:block;text-align:left; }.play-main small { font-size:9px;text-transform:uppercase;letter-spacing:.1em;opacity:.58; }.play-main strong { font-size:12px;margin-top:2px; }
.text-button { border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer;padding:12px 0;position:relative; }
.text-button::after { content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:currentColor;transform-origin:left;transition:transform .3s; }.text-button:hover::after { transform:scaleX(.45); }
.hero__visual { aspect-ratio:1; width:min(50vw,680px); justify-self:center; display:grid;place-items:center;position:relative; perspective:1000px; }
.hero-spectrum { position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;filter:drop-shadow(0 0 7px rgba(223,255,0,.35)); }
.hero-disc { width:60%;aspect-ratio:1;position:relative;z-index:2;border-radius:50%;box-shadow:0 0 0 3px var(--acid),0 0 25px rgba(223,255,0,.18),0 40px 100px rgba(0,0,0,.65);animation:float 7s var(--ease) infinite;transform-style:preserve-3d; }
.hero-disc[role="button"] { cursor:zoom-in;outline:0; }
.hero-disc[role="button"]:focus-visible { box-shadow:0 0 0 5px var(--acid),0 0 30px rgba(223,255,0,.28),0 40px 100px rgba(0,0,0,.65); }
.hero-disc img,.hero-disc__echo { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%; }
.hero-disc img { filter:saturate(.8) contrast(1.1);transition:opacity .5s,transform .8s var(--ease); }
.hero-disc__echo { opacity:.22;mix-blend-mode:screen;background-size:cover;background-position:center; }
.hero-disc__echo--a { transform:translate(-14px,8px);filter:hue-rotate(90deg);animation:glitchA 4s steps(2) infinite; }
.hero-disc__echo--b { transform:translate(13px,-7px);filter:hue-rotate(220deg);animation:glitchB 5s steps(2) infinite; }
.hero-disc__sheen { position:absolute;inset:0;border-radius:50%;background:linear-gradient(120deg,rgba(255,255,255,.25),transparent 30%,transparent 60%,rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 0 0 65px rgba(0,0,0,.55); }
.hero-disc__label { position:absolute;width:22%;aspect-ratio:1;border-radius:50%;background:var(--acid);color:#080808;left:39%;top:39%;display:grid;place-items:center;box-shadow:0 0 0 10px rgba(0,0,0,.8); }
.brand-mark--label { width:35%; color:#080808; }
.orbit { position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;animation:spin 24s linear infinite; }
.orbit::before { content:"";position:absolute;width:9px;height:9px;background:var(--acid);border-radius:50%;top:14%;left:13%;box-shadow:0 0 20px var(--acid); }
.orbit--outer { inset:2%; }.orbit--inner { inset:13%;animation-direction:reverse;animation-duration:17s; }.orbit--inner::before { width:5px;height:5px;background:var(--coral);top:auto;left:auto;right:7%;bottom:24%;box-shadow:0 0 15px var(--coral); }
.sound-rings { position:absolute;inset:25%;border-radius:50%;z-index:-1; }.sound-rings i { position:absolute;inset:0;border:1px solid rgba(223,255,0,.16);border-radius:50%;animation:ring 3.6s ease-out infinite; }.sound-rings i:nth-child(2){animation-delay:1.2s}.sound-rings i:nth-child(3){animation-delay:2.4s}
.hero__meta { border-left:1px solid var(--line);align-self:center; }
.meta-row { padding:17px 0 17px 24px;border-bottom:1px solid var(--line); }.meta-row span,.meta-row strong { display:block; }.meta-row span { font:9px "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px; }.meta-row strong { font-size:12px;line-height:1.45; }
.hero__scrubber { display:none; }
.hero-wave { display:flex;gap:3px;align-items:center;height:25px;overflow:hidden; }.hero-wave i { flex:1;max-width:3px;height:var(--h);background:rgba(255,255,255,.24);border-radius:4px;transition:background .3s; }.hero-wave i.active { background:var(--acid); }
.hero-wave i.is-real { background:rgba(223,255,0,.34); }
.hero-wave i.is-real.active { background:var(--acid);box-shadow:0 0 7px rgba(223,255,0,.45); }
.hero__scrubber.has-real-waveform::after { content:"REAL PREVIEW WAVEFORM";position:absolute;right:0;top:-14px;color:var(--acid);font:7px "DM Mono",monospace;letter-spacing:.1em; }
.scroll-cue { position:absolute;right:clamp(20px,5vw,84px);bottom:72px;background:none;border:0;color:var(--muted);font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:12px;cursor:pointer;transform:rotate(90deg) translateX(100%);transform-origin:right bottom; }
.scroll-cue i { display:block;width:42px;height:1px;background:var(--line);position:relative;overflow:hidden; }.scroll-cue i::after { content:"";position:absolute;inset:0;background:var(--acid);animation:scan 2s infinite; }
.ticker { border-block:1px solid var(--line);border-top:6px solid #09090b;overflow:hidden;background:var(--acid);color:#09090b;transform:rotate(-.82deg) scale(1.022); }
.ticker__track { display:flex;width:max-content;animation:ticker 28s linear infinite;padding:13px 0; }
.ticker span { font:11px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap; }.ticker b { font-size:15px;margin-right:5px; }.ticker i { font-style:normal;margin:0 28px; }
.section-pad { padding:clamp(90px,12vw,180px) clamp(20px,5vw,84px); }
.section-heading { display:grid;grid-template-columns:1fr minmax(260px,.4fr);gap:50px;align-items:end;margin-bottom:64px; }
.kicker { color:var(--acid);font-size:9px;text-transform:uppercase;display:block;margin-bottom:22px; }
.section-heading h2,.closing h2 { margin:0;font-size:clamp(42px,5.2vw,82px);line-height:.98;letter-spacing:-.06em; }
.section-heading__side { display:flex;flex-direction:column;gap:28px; }.section-heading p,.timeline-callout p { color:var(--muted);font-size:13px;line-height:1.75;margin:0;max-width:430px; }
.rail-controls { display:flex;gap:8px; }.rail-controls button { width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;transition:.3s; }.rail-controls button:hover { color:#09090b;background:var(--acid);border-color:var(--acid); }
.mix-rail { display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x mandatory;padding:20px 2px 30px; }.mix-rail::-webkit-scrollbar { display:none; }
.mix-card { flex:0 0 clamp(245px,26vw,390px);scroll-snap-align:start;cursor:pointer;position:relative;transition:transform .5s var(--ease); }.mix-card:nth-child(even) { margin-top:55px; }.mix-card:hover { transform:translateY(-10px); }
.mix-card__art { aspect-ratio:.84;overflow:hidden;position:relative;background:#1a1a1d; }.mix-card__art>img { width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:transform .8s var(--ease),filter .5s; }.mix-card:hover .mix-card__art>img { transform:scale(1.055);filter:saturate(1.1); }
.mix-card__overlay { position:absolute;inset:0;z-index:2;background:linear-gradient(transparent 48%,rgba(0,0,0,.9)); }
.mix-card__play { position:absolute;z-index:3;right:14px;bottom:14px;width:48px;height:48px;border-radius:50%;border:0;background:var(--acid);display:grid;place-items:center;transform:scale(.86);transition:.4s var(--ease); }.mix-card:hover .mix-card__play { transform:scale(1) rotate(4deg); }.mix-card__play svg { width:19px;fill:none;stroke:#09090b;stroke-width:2; }
.mix-card__body { padding-top:16px;display:grid;grid-template-columns:1fr auto;gap:10px; }.mix-card h3 { font-size:17px;letter-spacing:-.03em;margin:0 0 7px; }.mix-card p { color:var(--muted);font-size:10px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.mix-card__bpm { color:var(--acid);font:9px "DM Mono",monospace; }
.mix-card.is-current .mix-card__art { box-shadow:0 0 0 2px var(--acid),0 0 45px rgba(223,255,0,.12); }
.press-signal { position:relative;overflow:hidden;background:#f0ede5;color:#09090b;border-block:1px solid #09090b; }
.press-signal__ticker { height:37px;display:flex;align-items:center;overflow:hidden;background:#09090b;color:var(--acid); }
.press-signal__ticker>div { display:flex;align-items:center;width:max-content;animation:quoteBand 28s linear infinite; }
.press-signal__ticker span { flex:none;font:8px "DM Mono",monospace;letter-spacing:.15em;white-space:nowrap; }
.press-signal__ticker i { flex:none;font-style:normal;margin:0 34px; }
.press-signal__body { min-height:78svh;padding:clamp(80px,9vw,145px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(90px,.18fr) minmax(540px,1fr) minmax(145px,.24fr);gap:clamp(30px,5vw,78px);align-items:center;position:relative;z-index:1; }
.press-signal__channel { align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid rgba(9,9,11,.24);padding-right:clamp(20px,3vw,44px); }
.press-signal__channel>span { font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg); }
.press-signal__channel strong { font-size:clamp(58px,7vw,108px);line-height:.75;letter-spacing:-.09em; }
.press-signal__channel>img { display:block;width:clamp(62px,7vw,100px);height:auto; }
.press-signal__meter { height:58px;display:flex;align-items:end;gap:4px; }
.press-signal__meter i { width:4px;height:var(--h,28%);background:#09090b;animation:fingerprint 1.2s ease-in-out infinite alternate; }
.press-signal__meter i:nth-child(1){--h:32%;animation-delay:-.7s}.press-signal__meter i:nth-child(2){--h:74%;animation-delay:-.2s}.press-signal__meter i:nth-child(3){--h:48%;animation-delay:-.9s}.press-signal__meter i:nth-child(4){--h:100%;animation-delay:-.4s}.press-signal__meter i:nth-child(5){--h:59%;animation-delay:-.8s}.press-signal__meter i:nth-child(6){--h:82%;animation-delay:-.1s}.press-signal__meter i:nth-child(7){--h:39%;animation-delay:-.5s}
.press-signal__quotes { min-width:0;display:grid;gap:clamp(30px,4vw,56px); }
.press-quote { margin:0;position:relative; }
.press-quote__mark { position:absolute;z-index:0;left:-.08em;top:-.55em;font-size:clamp(140px,18vw,280px);font-weight:800;line-height:1;color:rgba(9,9,11,.14);pointer-events:none; }
.press-quote__mark.press-quote__mark--close { left:auto;right:-.03em;top:auto;bottom:-.38em; }
.press-quote--lead p { position:relative;z-index:1;margin:0;font-size:clamp(40px,5.25vw,82px);line-height:.96;letter-spacing:-.07em;font-weight:700; }
.press-quote--lead em { color:#09090b;font-style:normal;background:linear-gradient(transparent 76%,var(--acid) 76% 96%,transparent 96%); }
.press-quote footer { display:flex;align-items:center;gap:13px;margin-top:clamp(27px,3vw,45px); }
.press-quote footer>i { width:clamp(38px,5vw,72px);height:2px;background:#09090b; }
.press-quote cite { font-style:normal;font-weight:800;font-size:13px; }
.press-quote footer span { font-size:7px;color:#5d5a55;border-left:1px solid rgba(9,9,11,.25);padding-left:13px; }
.press-quote--crowd { width:min(620px,86%);justify-self:end;padding:24px 27px;background:#09090b;color:#f0ede5;transform:rotate(-1.5deg);box-shadow:12px 12px 0 var(--acid); }
.press-quote--crowd>span { color:var(--acid);font-size:7px;letter-spacing:.14em; }
.press-quote--crowd p { margin:12px 0 0;font-size:clamp(19px,2vw,29px);line-height:1.2;letter-spacing:-.035em;font-weight:700; }
.press-quote--crowd footer { margin-top:18px; }
.press-quote--crowd footer span { color:#a29f9a;border-color:rgba(255,255,255,.2); }
.press-signal__seal { width:clamp(130px,14vw,210px);aspect-ratio:1;border:1px solid #09090b;border-radius:50%;display:grid;place-items:center;align-content:center;gap:13px;transform:rotate(8deg);position:relative; }
.press-signal__seal::before,.press-signal__seal::after { content:"";position:absolute;inset:9px;border:1px dashed rgba(9,9,11,.35);border-radius:50%;animation:spin 22s linear infinite; }
.press-signal__seal::after { inset:19px;border-style:solid;opacity:.2;animation-direction:reverse; }
.brand-mark--quote { width:31%;color:#09090b;z-index:1; }
.press-signal__seal>span:last-child { text-align:center;font-size:7px;line-height:1.55;z-index:1; }
.press-signal__station-mark { width:clamp(92px,10vw,145px);justify-self:center;transform:rotate(5deg);filter:drop-shadow(7px 9px 0 rgba(223,255,0,.72));transition:transform .4s var(--ease); }
.press-signal__station-mark:hover { transform:rotate(1deg) translateY(-3px); }
.press-signal__station-mark img { display:block;width:100%;height:auto; }
.press-signal__scan { position:absolute;inset:37px 0 0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(223,255,0,.55),transparent);width:22%;transform:skewX(-18deg);mix-blend-mode:multiply;opacity:.32;animation:quoteScan 7s var(--ease) infinite; }
.signal-trail { position:relative;overflow:hidden;background:#0d0d10;border-bottom:1px solid var(--line); }
.signal-trail::before { content:"";position:absolute;width:48vw;aspect-ratio:1;right:-18vw;top:-15vw;border:1px solid rgba(223,255,0,.13);border-radius:50%;box-shadow:0 0 0 7vw rgba(223,255,0,.018),0 0 0 14vw rgba(223,255,0,.012);animation:signalOrbit 16s ease-in-out infinite alternate;pointer-events:none; }
.signal-trail__intro { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.55fr);align-items:end;gap:8vw;padding-bottom:clamp(60px,7vw,100px);position:relative;z-index:1; }
.signal-trail__intro h2 { margin:14px 0 0;font-size:clamp(58px,9vw,138px);line-height:.82;letter-spacing:-.085em; }
.signal-trail__intro h2 em { color:var(--acid);font-style:normal; }
.signal-trail__intro>p { max-width:470px;margin:0;color:#aaa;font-size:clamp(13px,1.3vw,18px);line-height:1.7; }
.signal-lanes { border-block:1px solid var(--line);position:relative;z-index:2;background:rgba(9,9,11,.76);backdrop-filter:blur(12px); }
.signal-lane { min-height:128px;display:grid;grid-template-columns:clamp(180px,20vw,310px) minmax(0,1fr);align-items:stretch;border-bottom:1px solid var(--line);overflow:hidden; }
.signal-lane:last-child { border-bottom:0; }
.signal-lane__label { padding:25px clamp(20px,3.2vw,52px);border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;text-transform:uppercase; }
.signal-lane__label span { font:8px "DM Mono",monospace;color:var(--acid); }
.signal-lane__label strong { font-size:10px;letter-spacing:.08em; }
.signal-lane__viewport { min-width:0;display:flex;align-items:center;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
.signal-lane__track { width:max-content;display:flex;align-items:center;gap:clamp(23px,2.7vw,48px);white-space:nowrap;padding-left:30px;animation:signalFlow 38s linear infinite;will-change:transform; }
.signal-lane__track span { font-size:clamp(27px,3.3vw,54px);font-weight:700;letter-spacing:-.055em;transition:color .25s,text-shadow .25s; }
.signal-lane__track i { color:var(--acid);font-size:11px;font-style:normal; }
.signal-lane--air .signal-lane__track { animation-direction:reverse;animation-duration:32s; }
.signal-lane--world .signal-lane__track { animation-duration:44s; }
.signal-lane--air .signal-lane__track span { font-family:"DM Mono",monospace;font-weight:500;letter-spacing:-.05em; }
.signal-lane:hover .signal-lane__track { animation-play-state:paused; }
.signal-lane__track span:hover { color:var(--acid);text-shadow:0 0 28px rgba(223,255,0,.32); }
.signal-stories { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding-top:clamp(65px,8vw,120px);padding-bottom:clamp(80px,10vw,150px); }
.signal-story { min-width:0;background:#151519;border:1px solid var(--line);transition:background .3s,border-color .3s,transform .4s var(--ease); }
.signal-story:hover,.signal-story[open] { background:#1b1b1f;border-color:rgba(223,255,0,.42);transform:translateY(-7px); }
.signal-story summary { list-style:none;min-height:245px;padding:23px;display:flex;flex-direction:column;cursor:pointer;position:relative;overflow:hidden; }
.signal-story summary::-webkit-details-marker { display:none; }
.signal-story summary::before { content:"";position:absolute;width:160px;height:160px;border:1px solid rgba(255,255,255,.07);border-radius:50%;right:-75px;top:-75px;transition:.5s var(--ease); }
.signal-story:hover summary::before,.signal-story[open] summary::before { border-color:var(--acid);transform:scale(1.4); }
.signal-story summary span { color:#76767d;font-size:7px;letter-spacing:.12em; }
.signal-story summary strong { margin-top:auto;font-size:clamp(25px,2.65vw,43px);letter-spacing:-.065em;line-height:.9;overflow-wrap:anywhere; }
.signal-story summary i { position:absolute;right:20px;bottom:18px;color:var(--acid);font:24px "DM Mono",monospace;font-style:normal;transition:transform .35s; }
.signal-story[open] summary i { transform:rotate(45deg); }
.signal-story p { margin:0;padding:0 23px 25px;color:#aaa;font-size:11px;line-height:1.65;animation:storyIn .35s var(--ease); }
.signal-story p em { color:var(--ink); }
.comment-archaeology { position:relative;overflow:hidden;background:#e8e4da;color:#101013; }
.comment-archaeology::before { content:"YOUTUBE.COM / COMMENTS";position:absolute;right:-.04em;top:.34em;color:rgba(16,16,19,.035);font-size:clamp(75px,13vw,220px);font-weight:800;letter-spacing:-.09em;white-space:nowrap;pointer-events:none; }
.comment-archaeology__head { display:grid;grid-template-columns:1.15fr .55fr;gap:8vw;align-items:end;padding-bottom:60px;position:relative;z-index:1; }
.comment-archaeology .kicker { color:#6d6a64; }
.comment-archaeology__head h2 { margin:14px 0 0;font-size:clamp(58px,9vw,138px);line-height:.83;letter-spacing:-.085em; }
.comment-archaeology__head h2 em { color:#101013;font-style:normal;text-decoration:underline;text-decoration-color:var(--acid);text-decoration-thickness:.12em;text-underline-offset:.04em; }
.comment-archaeology__note span { font-size:8px;color:#77736b; }
.comment-archaeology__note p { margin:15px 0 0;font-size:clamp(13px,1.25vw,17px);line-height:1.65; }
.comment-cloud { padding-top:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(12px,1.4vw,22px);align-items:start;position:relative;z-index:2; }
.yt-comment { --tilt:0deg;display:block;background:#f8f5ec;color:#101013;border:1px solid rgba(16,16,19,.15);border-radius:2px;padding:clamp(18px,2vw,30px);box-shadow:8px 10px 0 rgba(16,16,19,.08);transform:rotate(var(--tilt));transition:transform .45s var(--ease),box-shadow .35s,background .35s;animation:commentBreathe 6s ease-in-out infinite alternate; }
.yt-comment:hover { z-index:4;background:#fffdf7;box-shadow:14px 18px 0 var(--acid);transform:rotate(0) translateY(-9px) scale(1.018); }
.yt-comment__type { display:block;font-size:7px;letter-spacing:.12em;color:#7c7871; }
.yt-comment blockquote { margin:clamp(30px,4vw,60px) 0 24px;font-size:clamp(20px,2.35vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.045em; }
.yt-comment footer { display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid rgba(16,16,19,.14);font-size:8px; }
.yt-comment footer strong { max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.yt-comment footer span { color:#77736b;white-space:nowrap; }
.yt-comment--hero { grid-column:1/span 7;--tilt:-.7deg; }
.yt-comment--hero blockquote { font-size:clamp(31px,4.1vw,64px); }
.yt-comment--roast { grid-column:9/span 4;margin-top:55px;--tilt:1.4deg;background:#101013;color:#f4f1e8;box-shadow:9px 11px 0 var(--acid);animation-delay:-2s; }
.yt-comment--roast .yt-comment__type,.yt-comment--roast footer span { color:#aaa69e; }
.yt-comment--roast footer { border-color:rgba(255,255,255,.16); }
.yt-comment--limewire { grid-column:2/span 5;--tilt:.8deg;animation-delay:-4s; }
.yt-comment--search { grid-column:8/span 5;margin-top:-20px;--tilt:-1.1deg;animation-delay:-1s; }
.yt-comment--old { grid-column:1/span 4;margin-top:32px;--tilt:-1.8deg;background:var(--acid);animation-delay:-3s; }
.yt-comment--faint { grid-column:5/span 6;--tilt:.5deg;animation-delay:-5s; }
.yt-comment--bearshare { grid-column:9/span 4;margin-top:28px;--tilt:1.7deg;animation-delay:-2.5s; }
.yt-comment--current { grid-column:2/span 4;--tilt:.8deg;background:#101013;color:#f4f1e8;animation-delay:-4.5s; }
.yt-comment--current .yt-comment__type,.yt-comment--current footer span { color:#aaa69e; }
.yt-comment--current footer { border-color:rgba(255,255,255,.16); }
.yt-comment--reply { grid-column:7/span 6;margin-top:20px;--tilt:-.7deg;box-shadow:10px 13px 0 var(--acid); }
.comment-archaeology__crawl { height:46px;background:#101013;color:var(--acid);overflow:hidden;display:flex;align-items:center; }
.comment-archaeology__crawl>div { width:max-content;display:flex;align-items:center;gap:28px;white-space:nowrap;font:9px "DM Mono",monospace;letter-spacing:.12em;animation:commentCrawl 28s linear infinite; }
.comment-archaeology__crawl i { color:#f4f1e8;font-style:normal; }
.timeline-callout { border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;position:relative;overflow:hidden; }
.timeline-callout__stamp { display:flex;align-items:baseline;gap:18px;white-space:nowrap; }.timeline-callout__stamp span { font-size:10px;color:var(--muted); }.timeline-callout__stamp strong { font-size:clamp(42px,7vw,110px);letter-spacing:-.08em; }.timeline-callout__stamp i { color:var(--acid);font-size:40px;font-style:normal; }
.timeline-callout__line { grid-column:1/3;display:flex;align-items:center;gap:14px;margin-top:28px; }.timeline-callout__line i { flex:1;height:1px;background:linear-gradient(90deg,var(--acid),var(--line));position:relative; }.timeline-callout__line i::before { content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 16px var(--acid); }.timeline-callout__line span { font:8px "DM Mono",monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em; }
.section-heading--archive { margin-bottom:45px; }.section-heading--archive > p { justify-self:end;align-self:end; }
.archive-tools { position:sticky;top:calc(var(--header-h) + 12px);z-index:20;display:flex;align-items:center;gap:10px;background:rgba(17,17,20,.86);backdrop-filter:blur(24px);padding:10px;border:1px solid var(--line);border-radius:16px;margin-bottom:24px; }
.search-field { display:flex;align-items:center;gap:10px;min-width:280px;flex:1;padding:0 12px;height:48px;background:rgba(0,0,0,.25);border-radius:10px; }.search-field input { flex:1;background:none;border:0;outline:0;color:var(--ink);font-size:12px;min-width:0; }.search-field input::placeholder{color:#777}.search-field kbd{font:9px "DM Mono",monospace;color:var(--muted);border:1px solid var(--line);padding:3px 6px;border-radius:4px}
.filter-pills { display:flex;gap:6px;overflow-x:auto;scrollbar-width:none; }.filter-pills button { white-space:nowrap;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);padding:9px 12px;font-size:10px;cursor:pointer; }.filter-pills button:hover,.filter-pills button.is-active { color:var(--ink);border-color:var(--line);background:rgba(255,255,255,.05); }
.download-filter { display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--muted);font-size:10px;padding-inline:8px;cursor:pointer; }.download-filter input { position:absolute;opacity:0; }.download-filter span { width:26px;height:15px;border:1px solid var(--line);border-radius:999px;position:relative; }.download-filter span::after { content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--muted);left:2px;top:2px;transition:.3s; }.download-filter input:checked + span::after { left:13px;background:var(--acid); }
.archive-status { display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:9px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.08em;margin:25px 0; }.archive-status b { color:var(--ink);font-size:16px; }.archive-status button { border:0;background:transparent;color:var(--acid);cursor:pointer;text-transform:uppercase;font:inherit; }.archive-status button i {font-size:20px;font-style:normal;margin-left:6px}
.archive-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line); }
@media(min-width:1800px){.archive-grid:not(.is-list){grid-template-columns:repeat(6,minmax(0,1fr))}.archive-grid:not(.is-list) .archive-card{padding:13px}}
@media(min-width:3000px){.archive-grid:not(.is-list){grid-template-columns:repeat(7,minmax(0,1fr))}}
.archive-card { min-width:0;background:var(--bg);padding:16px;position:relative;transition:background .35s;cursor:pointer; }.archive-card:hover { background:#151519; }
.archive-card__art { aspect-ratio:1;overflow:hidden;background:#151519;position:relative; }.archive-card__art>img:first-child { width:100%;height:100%;object-fit:cover;filter:saturate(.55);transition:.6s var(--ease); }.archive-card:hover .archive-card__art>img:first-child { transform:scale(1.04);filter:saturate(1); }
.archive-card__play { position:absolute;inset:0;z-index:4;display:grid;place-items:center;background:rgba(0,0,0,.26);opacity:0;transition:.35s;pointer-events:none; }.archive-card:hover .archive-card__play,.archive-card__art:focus-visible .archive-card__play { opacity:1; }.archive-card__play span { border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(9,9,11,.78);color:var(--ink);padding:9px 13px;font:8px "DM Mono",monospace;letter-spacing:.1em; }
.archive-card__body { padding:15px 2px 6px; }.archive-card__year { color:var(--acid);font:8px "DM Mono",monospace;letter-spacing:.09em; }.archive-card h3 { font-size:14px;margin:8px 0 6px;line-height:1.25;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }.archive-card p { color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0; }.archive-card__meta { display:flex;justify-content:space-between;align-items:center;color:#777;font:8px "DM Mono",monospace;margin-top:13px;text-transform:uppercase; }
.archive-card__sources { display:none;min-width:0; }
.archive-card__quickplay { width:29px;height:29px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.3s var(--ease); }
.archive-card__quickplay:hover { color:#09090b;background:var(--acid);border-color:var(--acid);transform:scale(1.08); }
.archive-card__quickplay svg { width:13px;fill:none;stroke:currentColor;stroke-width:2; }
.archive-card.is-playing .archive-card__quickplay {
  color:#09090b;
  background:var(--acid);
  border-color:var(--acid);
  box-shadow:0 0 18px rgba(223,255,0,.2);
}
.archive-card.is-current { background:#151519;box-shadow:inset 0 0 0 1px var(--acid); }
.archive-card.is-playing::before { content:"NOW PLAYING";position:absolute;z-index:5;top:25px;right:25px;background:linear-gradient(100deg,var(--acid) 0 38%,#f4ff74 50%,var(--acid) 62% 100%);background-size:240% 100%;color:#09090b;padding:6px 24px 6px 8px;font:7px "DM Mono",monospace;letter-spacing:.1em;animation:nowPlayingSweep 1.35s linear infinite;box-shadow:0 0 18px rgba(223,255,0,.24) }
.archive-card.is-playing::after { content:"";position:absolute;z-index:6;top:32px;right:32px;width:2px;height:7px;background:#09090b;box-shadow:4px 0 #09090b,8px 0 #09090b;transform-origin:50% 100%;animation:nowPlayingBars .48s steps(4,end) infinite alternate }
.archive-card.is-located {
  z-index:3;
  animation:archiveLocated 2.8s var(--ease) both;
}
.archive-grid.is-list { grid-template-columns:1fr; }
.archive-grid.is-list .archive-card { min-height:76px;display:grid;grid-template-columns:56px minmax(210px,1.15fr) minmax(380px,2fr) minmax(170px,.55fr);gap:18px;align-items:center;padding:9px 12px; }
.archive-grid.is-list .archive-card__art{width:56px}
.archive-grid.is-list .archive-card__body{min-width:0;padding:0}
.archive-grid.is-list .archive-card__body h3{font-size:12px;margin:5px 0 4px}
.archive-grid.is-list .archive-card__sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:9px;overflow:hidden}
.archive-grid.is-list .archive-card__source{min-width:0;padding:8px 11px;background:#0d0d10}
.archive-grid.is-list .archive-card__source span,.archive-grid.is-list .archive-card__source strong,.archive-grid.is-list .archive-card__source small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-grid.is-list .archive-card__source span{color:var(--acid);font-size:6px;letter-spacing:.11em}
.archive-grid.is-list .archive-card__source strong{font-size:10px;margin-top:4px}
.archive-grid.is-list .archive-card__source small{color:var(--muted);font-size:7px;margin-top:2px}
.archive-grid.is-list .archive-card__meta{display:grid;grid-template-columns:minmax(46px,1fr) 30px minmax(46px,1fr);gap:14px;margin:0;text-align:right}
.archive-grid.is-list .archive-card__quickplay{justify-self:center}
.archive-grid.is-list .archive-card__play{background:linear-gradient(135deg,transparent,rgba(223,255,0,.13))}
.archive-grid.is-list .archive-card__play span{display:none}
@media(max-width:1100px){.archive-grid.is-list .archive-card{grid-template-columns:56px minmax(180px,1fr) auto}.archive-grid.is-list .archive-card__sources{display:none}}
.archive-load-actions { display:grid;grid-template-columns:minmax(0,1fr) minmax(155px,.22fr); }
.archive-load-actions[hidden] { display:none; }
.load-more,.load-all { height:76px;border:1px solid var(--line);border-top:0;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;font-weight:700;transition:background .3s,color .3s,border-color .3s; }
.load-more i { width:35px;height:1px;background:var(--acid);transition:width .3s; }.load-more:hover i{width:65px}
.load-all { border-left:0;color:var(--acid);text-transform:uppercase;font:500 9px "DM Mono",monospace;letter-spacing:.1em; }
.load-all strong { min-width:25px;padding:4px 6px;border-radius:999px;background:rgba(223,255,0,.1);font:inherit; }
.load-all:hover { background:var(--acid);border-color:var(--acid);color:#09090b; }.load-all:hover strong{background:rgba(9,9,11,.12)}
@media(max-width:720px){.archive-load-actions{grid-template-columns:minmax(0,1fr) 105px}.load-more,.load-all{height:66px}.load-more{font-size:9px;padding-inline:12px}.load-more i{display:none}.load-all{font-size:8px;gap:6px}}
.closing { min-height:80svh;padding:clamp(90px,12vw,180px) clamp(20px,8vw,140px);display:flex;justify-content:space-between;align-items:center;gap:40px;background:var(--acid);color:#0a0a0b;overflow:hidden; }
.closing em { color:#0a0a0b;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:9px; }.closing .kicker{color:#0a0a0b}
.closing__orbit { width:clamp(190px,26vw,360px);aspect-ratio:1;position:relative;display:grid;place-items:center;flex:0 0 auto; }.closing__orbit svg{position:absolute;inset:0;width:100%;height:100%;animation:spin 18s linear infinite}.closing__orbit text{font:8px "DM Mono",monospace;letter-spacing:2.6px}
.brand-mark--closing { width:38%; color:#0a0a0b; filter:drop-shadow(8px 10px 0 rgba(255,255,255,.2)); }
.brand-mark--footer { width:14px; color:var(--acid); }
.site-footer { padding:50px clamp(20px,5vw,84px) 110px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;border-top:1px solid var(--line); }.site-footer p{color:var(--muted);font-size:9px;text-align:center}.footer-links{justify-self:end;display:flex;gap:18px;font-size:9px}.footer-links a:hover{color:var(--acid)}
.player { position:fixed;left:50%;bottom:16px;z-index:70;transform:translate(-50%,140%);width:min(1120px,calc(100% - 32px));height:76px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(9,9,11,.7);backdrop-filter:blur(24px);box-shadow:0 20px 70px rgba(0,0,0,.5);display:grid;grid-template-columns:44px minmax(150px,1fr) auto auto minmax(100px,.7fr) minmax(125px,.65fr) 25px;gap:12px;align-items:center;padding:8px 12px;opacity:0;visibility:hidden;pointer-events:none;transition:transform .6s var(--ease),opacity .35s ease,visibility 0s linear .6s,border-color .35s; }.player.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.player.is-playing .icon-play{display:none}.player.is-playing .icon-pause{display:block}.player.is-advancing{border-color:var(--acid)}
.player__play { width:42px;height:42px;border-radius:50%;border:0;background:var(--acid);color:#09090b;display:grid;place-items:center;cursor:pointer}.player__play svg{width:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.player__transport { display:flex;align-items:center;gap:3px;padding-inline:5px;border-inline:1px solid var(--line); }
.player__skip,.player__shuffle,.player__continuous { width:30px;height:30px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;cursor:pointer;border-radius:50%;transition:.3s; }
.player__skip:hover,.player__shuffle:hover,.player__continuous:hover { color:var(--ink);background:rgba(255,255,255,.07); }
.player__skip svg,.player__shuffle svg,.player__continuous svg { width:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.player__shuffle.is-active,.player__continuous.is-active { color:var(--acid); }
.player__art-button { width:44px;height:44px;border:0;padding:0;background:transparent;border-radius:6px;overflow:hidden;cursor:zoom-in;position:relative; }
.player__art-button::after { content:"i";position:absolute;right:3px;bottom:3px;width:13px;height:13px;border-radius:50%;background:var(--acid);color:#09090b;font:bold 8px "DM Mono",monospace;display:grid;place-items:center;opacity:0;transition:.3s; }
.player__art-button:hover::after { opacity:1; }
.player__art{width:100%;height:100%;object-fit:cover}.player__info{min-width:0}.player__info strong,.player__info span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__info strong{font-size:11px}.player__info span{font-size:8px;color:var(--muted);margin-top:4px}.player__time{font-size:8px;color:var(--muted)}.player__progress{height:3px;background:rgba(255,255,255,.12);border-radius:4px;overflow:hidden;cursor:pointer}.player__progress i{display:block;height:100%;width:0;background:var(--acid)}.player__close{border:0;background:none;color:var(--muted);font-size:19px;cursor:pointer}
.player__next { min-width:0;border-left:1px solid var(--line);padding-left:12px; }
.player__next span,.player__next strong { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.player__next span { color:var(--acid);font-size:7px;letter-spacing:.12em;margin-bottom:4px; }
.player__next strong { color:var(--muted);font-size:9px; }
.detail-panel { position:fixed;width:min(1160px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:0;border:1px solid var(--line);border-radius:22px;background:#161619;color:var(--ink);overflow:auto;grid-template-columns:minmax(360px,.9fr) minmax(430px,1.1fr);box-shadow:0 30px 100px rgba(0,0,0,.8) }.detail-panel[open]{display:grid;animation:dialogIn .45s var(--ease)}.detail-panel::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(15px)}.detail-panel__body{padding:clamp(28px,4vw,58px);align-self:start;background:#161619}.detail-panel h2{font-size:clamp(35px,4.5vw,64px);line-height:.95;letter-spacing:-.06em;margin:0 0 18px}.detail-panel__body>p{color:var(--muted);line-height:1.6}.detail-panel__close{position:absolute;top:16px;right:16px;width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#161619;color:var(--ink);font-size:22px;cursor:pointer;z-index:5}.detail-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:14px;border-block:1px solid var(--line);padding:17px 0;margin:24px 0}.detail-stats span{font:8px "DM Mono",monospace;color:var(--muted);min-width:0}.detail-stats b{color:var(--ink);display:block;font:500 12px "Manrope",sans-serif;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-tracks{display:grid;gap:9px;margin-bottom:25px}
.detail-panel__visual{position:sticky;top:0;min-height:100%;padding:clamp(22px,3vw,38px);display:grid;place-items:center;overflow:hidden;background:#1b1b1f}.detail-panel__artwork{position:relative;width:100%;aspect-ratio:1;isolation:isolate;background:#08080a;box-shadow:0 22px 60px rgba(0,0,0,.45)}.detail-panel__artwork>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.05)}.detail-panel__artwork::before{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.14);pointer-events:none}.detail-panel__artwork::after{content:"";position:absolute;z-index:2;top:0;right:-1px;width:clamp(28px,5vw,58px);height:100%;background:#161619;clip-path:polygon(100% 0,100% 100%,34% 100%,34% 88%,6% 88%,6% 72%,42% 72%,42% 56%,15% 56%,15% 39%,48% 39%,48% 22%,20% 22%,20% 8%,62% 8%,62% 0);pointer-events:none}.detail-panel__seal{position:absolute;z-index:3;top:18px;left:18px;display:flex;align-items:center;gap:9px;padding:7px 10px;background:rgba(9,9,11,.78);border:1px solid rgba(255,255,255,.12);border-radius:8px;backdrop-filter:blur(12px)}.brand-mark--seal{width:12px;color:var(--acid)}.detail-panel__code{font-size:8px}
.detail-section-head{display:flex;align-items:center;gap:12px;margin:28px 0 12px;color:var(--muted);font-size:7px;letter-spacing:.12em}.detail-section-head i{height:1px;background:var(--line);flex:1}.source-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:13px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.018);transition:.3s}.source-card:hover{border-color:rgba(223,255,0,.38);transform:translateX(3px)}.source-card__art{width:58px;height:58px;object-fit:cover;border-radius:7px;background:#202024}.source-card__art--placeholder{display:grid;place-items:center;color:var(--acid);background:linear-gradient(145deg,#222329,#101115)}.source-card__art--placeholder svg{width:22px;height:36px;filter:drop-shadow(0 0 7px rgba(223,255,0,.28))}.source-card__copy{min-width:0}.source-card__role{color:var(--acid);font:7px "DM Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.source-card h3{font-size:12px;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card__artist{color:var(--muted);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card__meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.source-card__meta span{font:7px "DM Mono",monospace;color:#888;border:1px solid var(--line);border-radius:999px;padding:3px 5px}.source-card__link{min-width:66px;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--muted);font:7px "DM Mono",monospace;letter-spacing:.06em;text-transform:uppercase;transition:.3s}.source-card__link:hover{background:var(--acid);color:#09090b;border-color:var(--acid)}.detail-actions{display:flex;align-items:center;gap:14px}.detail-actions .play-main{padding-inline:22px;min-height:48px}.detail-continuous-note{color:var(--muted);font-size:8px}.detail-continuous-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 8px var(--acid);margin-right:5px}
@keyframes fingerprint{to{transform:scaleY(.45);opacity:.45}}
@keyframes nowPlayingSweep{to{background-position:-240% 0}}
@keyframes nowPlayingBars{0%{transform:scaleY(.35)}45%{transform:scaleY(1)}72%{transform:scaleY(.55)}100%{transform:scaleY(.82)}}
@keyframes signalFlow{to{transform:translateX(-50%)}}
@keyframes signalOrbit{to{transform:translate(-5vw,6vw) scale(1.13);opacity:.55}}
@keyframes storyIn{from{opacity:0;transform:translateY(-8px)}}
@keyframes commentBreathe{to{translate:0 -7px}}
@keyframes commentCrawl{to{transform:translateX(-50%)}}
@keyframes drift{to{transform:translate(12vw,8vh) scale(1.25)}}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-3%)}}@keyframes equalize{to{height:4px}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes float{50%{transform:translateY(-16px) rotateX(2deg) rotateY(-3deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ring{0%{transform:scale(.75);opacity:.7}100%{transform:scale(2.2);opacity:0}}@keyframes glitchA{0%,88%,100%{clip-path:inset(0)}90%{clip-path:inset(12% 0 63%)}92%{clip-path:inset(72% 0 10%)}}@keyframes glitchB{0%,92%,100%{clip-path:inset(0)}94%{clip-path:inset(55% 0 20%)}96%{clip-path:inset(7% 0 76%)}}@keyframes scan{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes quoteBand{to{transform:translateX(-50%)}}@keyframes quoteScan{0%{transform:translateX(-150%) skewX(-18deg)}70%,100%{transform:translateX(650%) skewX(-18deg)}}@keyframes dialogIn{from{opacity:0;transform:translateY(25px) scale(.98)}} 
:where(button,a,[tabindex],input):focus-visible { outline:2px solid var(--acid);outline-offset:3px; }
.search-field:focus-within { box-shadow:0 0 0 1px var(--acid); }
@media(max-width:1050px){.hero{grid-template-columns:1fr 1fr}.hero__copy{grid-column:1}.hero__visual{grid-column:2;width:min(56vw,560px)}.hero__meta{display:none}.hero__scrubber{grid-column:1/3}.archive-grid{grid-template-columns:repeat(3,1fr)}.filter-pills{display:none}.primary-nav{display:none}.menu-button{display:grid}.site-header{grid-template-columns:1fr auto}.header-actions{grid-column:2}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}}
@media(max-width:720px){:root{--header-h:66px}.site-header{padding-inline:16px}.brand__year,.icon-button{display:none}.menu-button{position:absolute;right:16px;top:12px}.primary-nav{position:fixed;left:12px;right:12px;top:74px;height:auto;padding:12px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:rgba(17,17,20,.96);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(24px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:.35s var(--ease)}.primary-nav a{height:48px;display:flex;justify-content:space-between;padding:0 14px;border-bottom:1px solid var(--line)}.primary-nav a:last-child{border:0}.primary-nav a::after{display:none}.menu-open .primary-nav{opacity:1;transform:none;pointer-events:auto}.menu-open .menu-button span:first-child{transform:translateY(3px) rotate(45deg)}.menu-open .menu-button span:last-child{transform:translateY(-3px) rotate(-45deg)}.menu-button span{transition:transform .3s}.hero{padding:calc(var(--header-h) + 45px) 20px 32px;display:flex;flex-direction:column;align-items:stretch;min-height:100svh}.hero__index{top:calc(var(--header-h) + 18px);right:20px}.hero__copy{order:2;margin-top:-34px;z-index:4;width:100%;min-width:0}.hero h1{font-size:clamp(42px,13vw,62px);overflow-wrap:anywhere}.hero__copy>p{font-size:12px;margin:18px 0 22px;max-width:100%;overflow-wrap:anywhere}.hero__visual{order:1;width:min(94vw,440px);margin:-30px auto 0}.hero__actions{gap:14px;flex-wrap:wrap}.text-button{font-size:10px}.hero__scrubber{order:3;margin-top:20px}.scroll-cue{display:none}.ticker{margin-top:0}.section-pad{padding:85px 18px}.section-heading{display:block;margin-bottom:38px}.section-heading h2,.closing h2{font-size:clamp(40px,13vw,60px)}.section-heading__side{margin-top:25px}.section-heading__side p{display:none}.rail-controls{justify-content:flex-end}.mix-card{flex-basis:78vw}.mix-card:nth-child(even){margin-top:35px}.timeline-callout{display:block}.timeline-callout__stamp{gap:10px}.timeline-callout__stamp strong{font-size:15vw}.timeline-callout p{margin-top:30px}.timeline-callout__line{display:none}.section-heading--archive>p{margin-top:20px}.archive-tools{top:calc(var(--header-h) + 8px);flex-wrap:wrap}.search-field{min-width:calc(100% - 56px)}.download-filter{margin-left:auto}.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-card{padding:9px}.archive-card__body{padding-top:10px}.archive-card h3{font-size:12px}.closing{min-height:75svh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:90px 20px}.closing__orbit{align-self:center;margin-top:40px}.site-footer{display:block;text-align:center;padding:45px 20px 115px}.brand--footer{margin:auto}.footer-links{justify-content:center;margin-top:25px}.player{grid-template-columns:42px 40px minmax(0,1fr) 27px;height:66px}.player__time,.player__progress{display:none}.detail-panel[open]{display:block}.detail-panel>img{height:38vh;min-height:260px}.detail-panel__body{padding:28px 22px 40px}.detail-panel__close{position:absolute}.detail-stats{gap:13px;flex-wrap:wrap}}
@media(max-width:720px){.player{grid-template-columns:40px minmax(62px,1fr) auto 24px;gap:6px;height:66px;padding-inline:8px}.player__time,.player__progress,.player__next,.player__continuous{display:none}.player__transport{border-right:0;padding:0 3px}.player__play{width:38px;height:38px}.player__skip,.player__shuffle{width:27px;height:27px}.player__art-button{width:40px;height:40px}.detail-panel__visual{position:relative;height:auto;min-height:0;padding:16px}.detail-panel__artwork::after{top:auto;right:0;bottom:-1px;width:100%;height:42px;clip-path:polygon(0 100%,100% 100%,100% 35%,89% 35%,89% 8%,73% 8%,73% 45%,56% 45%,56% 18%,38% 18%,38% 55%,20% 55%,20% 28%,0 28%)}.detail-panel__body{padding:28px 20px 40px}.detail-panel__close{position:absolute}.detail-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.source-card{grid-template-columns:52px minmax(0,1fr) auto;padding:8px}.source-card__link{min-width:38px;padding:0 9px}.source-card__link span{display:none}.detail-actions{align-items:flex-start;flex-direction:column}.archive-card.is-playing::before{top:16px;right:16px}.archive-card.is-playing::after{top:23px;right:23px}}
@media(max-width:720px){.brand-portal{min-height:100svh;padding-inline:10px}.brand-portal__stage{width:112vw}.brand-portal__mark{width:29%;height:47%}.brand-portal__hud{top:15%;font-size:9px}.brand-portal__hud--left{left:18px}.brand-portal__hud--right{right:18px}.brand-portal__readout{bottom:13%}.brand-portal__readout--left{left:20px}.brand-portal__readout--right{right:20px}.brand-portal__readout--right span,.brand-portal__readout--right i{width:48px}.brand-portal__title{display:none}.brand-portal__enter{right:50%;bottom:25px;transform:translateX(50%);white-space:nowrap}.brand-portal__instruction{bottom:13%;max-width:190px;text-align:center;line-height:1.7}.brand-portal__reticle i:nth-child(1),.brand-portal__reticle i:nth-child(2){top:10%}}
@media(max-width:900px){.press-signal__body{grid-template-columns:75px minmax(0,1fr)}.press-signal__seal{display:none}.press-quote--lead p{font-size:clamp(42px,8vw,72px)}}
@media(max-width:900px){.signal-trail__intro{grid-template-columns:1fr}.signal-trail__intro>p{max-width:600px}.signal-stories{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.comment-archaeology__head{grid-template-columns:1fr}.comment-archaeology__note{max-width:600px}.yt-comment--hero{grid-column:1/span 8}.yt-comment--roast{grid-column:9/span 4}.yt-comment--limewire{grid-column:1/span 6}.yt-comment--search{grid-column:7/span 6}.yt-comment--old{grid-column:1/span 5}.yt-comment--faint{grid-column:6/span 7}.yt-comment--bearshare{grid-column:1/span 5}.yt-comment--current{grid-column:6/span 4}.yt-comment--reply{grid-column:3/span 9}}
@media(max-width:720px){.press-signal__body{min-height:70svh;padding:75px 20px;display:block}.press-signal__channel{height:auto;display:flex;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid rgba(9,9,11,.2);padding:0 0 20px;margin-bottom:50px}.press-signal__channel>span{writing-mode:initial;transform:none}.press-signal__channel strong{font-size:42px;margin-left:auto}.press-signal__meter{height:32px;margin-left:15px}.press-quote--lead p{font-size:clamp(39px,11.5vw,58px);line-height:.98}.press-quote--crowd{width:calc(100% - 10px);padding:21px 20px;box-shadow:8px 8px 0 var(--acid)}.press-quote footer{flex-wrap:wrap;gap:10px}.press-quote footer>i{width:35px}.press-quote__mark{top:-.35em}.press-signal__ticker i{margin-inline:20px}}
@media(max-width:720px){.signal-trail__intro{padding-top:90px;padding-bottom:55px}.signal-trail__intro h2{font-size:clamp(57px,18vw,86px)}.signal-lane{min-height:104px;grid-template-columns:112px minmax(0,1fr)}.signal-lane__label{padding:18px 13px}.signal-lane__label strong{font-size:8px;line-height:1.35}.signal-lane__track{gap:24px}.signal-lane__track span{font-size:27px}.signal-stories{grid-template-columns:1fr;padding-top:65px}.signal-story summary{min-height:155px}.signal-story summary strong{font-size:36px}}
@media(max-width:720px){.comment-archaeology__head{padding-top:90px;padding-bottom:45px}.comment-archaeology__head h2{font-size:clamp(57px,18vw,86px)}.comment-cloud{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 20px 75px;gap:16px}.yt-comment,.yt-comment--hero,.yt-comment--roast,.yt-comment--limewire,.yt-comment--search,.yt-comment--old,.yt-comment--faint,.yt-comment--bearshare,.yt-comment--current,.yt-comment--reply{flex:0 0 84vw;margin:10px 0;transform:none;scroll-snap-align:center;animation:none}.yt-comment blockquote,.yt-comment--hero blockquote{font-size:27px;margin-block:38px 30px}.comment-archaeology__crawl{height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ambient__orb,.ambient__noise,.brand-portal__rings i,.brand-portal__satellites,.brand-portal__mark,.hero-disc,.orbit,.sound-rings i,.ticker__track,.closing__orbit svg,.live-dot,.detail-panel__grooves,#detail-fingerprint i,.press-signal__ticker>div,.press-signal__meter i,.press-signal__seal::before,.press-signal__seal::after,.press-signal__scan,.signal-lane__track,.signal-trail::before,.yt-comment,.comment-archaeology__crawl>div{animation:none!important}.hero-disc__echo{display:none}}

/* 2026 editorial flow: discovery is now the opening music experience. */
main { display:flex;flex-direction:column; }
.brand-portal { display:none; }
.hero { display:none; }
.discover { order:2; }
.press-signal { order:3; }
.ticker { order:4; }
.archive { order:6; }
.signal-trail { display:none; }
.timeline-callout { display:none; }
.comment-archaeology,.closing { display:none; }

/* Testimonials become a compact editorial insert near the top. */
.press-signal__ticker { height:29px; }
.press-signal__body { min-height:0;padding:40px clamp(24px,5vw,78px);grid-template-columns:64px minmax(0,1100px);gap:clamp(22px,3vw,48px);justify-content:start; }
.press-signal__channel { min-height:235px;padding-right:18px; }
.press-signal__channel strong { font-size:48px; }
.press-signal__channel>img { width:64px; }
.press-signal__meter { height:38px;gap:3px; }
.press-signal__meter i { width:3px; }
.press-signal__quotes { display:block;max-width:1100px; }
.press-quote--lead p { font-size:clamp(27px,3.2vw,48px);line-height:1; }
.press-quote__mark { font-size:clamp(90px,11vw,160px); }
.press-quote footer { margin-top:22px; }
.press-quote__station-logo {
  display:block;
  width:clamp(78px,6vw,105px);
  height:auto;
  margin-left:2px;
  padding-left:13px;
  border-left:1px solid rgba(9,9,11,.25);
  transform:none;
}
.press-quote--crowd { width:100%;justify-self:auto;padding:18px 20px;box-shadow:7px 7px 0 var(--acid); }
.press-quote--crowd p { font-size:clamp(15px,1.25vw,20px); }
.press-signal__seal { width:100px; }
.press-signal__scan { inset:29px 0 0;opacity:.18; }
.press-signal__station-mark {
  width:100%;
  justify-self:start;
  align-self:center;
  display:grid;
  gap:9px;
  padding:11px 13px 13px;
  border:1px solid rgba(9,9,11,.28);
  background:#e6e2d9;
  box-shadow:7px 7px 0 var(--acid);
  filter:none;
  transform:rotate(3deg);
}
.press-signal__station-mark>span {
  padding-bottom:8px;
  border-bottom:1px solid rgba(9,9,11,.2);
  color:#625f59;
  font-size:7px;
  letter-spacing:.1em;
  white-space:nowrap;
}
.press-signal__station-mark:hover {
  transform:rotate(1deg) translateY(-3px);
}

/* The travel history is supporting material, not another hero. */
.signal-trail__intro { padding-top:65px;padding-bottom:45px;grid-template-columns:1fr minmax(260px,.55fr); }
.signal-trail__intro h2 { font-size:clamp(48px,6vw,86px);line-height:.87; }
.signal-trail__intro>p { font-size:13px;line-height:1.6; }
.signal-lane { min-height:82px; }
.signal-lane__label { padding:17px clamp(20px,3vw,42px); }
.signal-lane__track span { font-size:clamp(21px,2.25vw,34px); }
.signal-stories { padding-top:48px;padding-bottom:65px; }
.signal-story summary { min-height:155px;padding:19px; }
.signal-story summary strong { font-size:clamp(22px,2vw,31px); }

/* The date range now behaves like a pre-footer provenance strip. */
.timeline-callout.section-pad { padding:26px clamp(20px,5vw,84px);grid-template-columns:auto minmax(300px,1fr);gap:clamp(30px,6vw,90px); }
.timeline-callout__stamp { gap:12px; }
.timeline-callout__stamp strong { font-size:clamp(28px,3.5vw,48px); }
.timeline-callout__stamp i { font-size:22px; }
.timeline-callout>p { margin:0;color:var(--muted);font-size:11px;line-height:1.55;max-width:760px; }
.timeline-callout__line { display:none; }

@media(max-width:900px){
  .press-signal__station-mark { display:none; }
  .press-signal__body { grid-template-columns:52px minmax(0,1fr);padding:38px 24px; }
  .press-signal__channel { min-height:210px; }
  .press-signal__quotes { display:grid;grid-template-columns:1fr;gap:24px; }
  .press-quote--crowd { width:min(520px,92%);justify-self:end; }
}
@media(max-width:720px){
  .header-socials { margin-right:0;gap:2px; }
  .header-socials a { width:28px;height:28px; }
  .header-socials__secondary { display:none !important; }
  .header-socials svg { width:13px;height:13px; }
  .press-signal__body { min-height:0;padding:36px 20px;display:block; }
  .press-signal__channel { min-height:0;height:auto;margin-bottom:28px;padding-bottom:14px; }
  .press-signal__channel>img { width:78px;margin-left:auto; }
  .press-quote--lead p { font-size:clamp(30px,9vw,42px); }
  .press-quote--crowd { width:calc(100% - 7px);padding:16px;box-shadow:7px 7px 0 var(--acid); }
  .signal-trail__intro { padding-top:55px;padding-bottom:35px; }
  .signal-trail__intro h2 { font-size:clamp(44px,14vw,64px); }
  .signal-lane { min-height:70px;grid-template-columns:122px minmax(0,1fr); }
  .signal-lane__label { padding:13px 14px; }
  .signal-lane__track span { font-size:22px; }
  .signal-stories { padding-top:36px;padding-bottom:50px; }
  .timeline-callout.section-pad { padding:24px 18px;display:grid;grid-template-columns:1fr;gap:15px; }
  .timeline-callout__stamp { justify-content:center; }
  .timeline-callout>p { text-align:center;font-size:9px; }
}

/* One opening discovery carousel replaces the separate Listen hero. */
.discover {
  position:relative;
  min-height:clamp(690px,72svh,860px);
  padding:calc(var(--header-h) + 38px) 0 58px;
  overflow:hidden;
}
.discover::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 62%,rgba(223,255,0,.065),transparent 29%),
    linear-gradient(90deg,rgba(9,9,11,.92),transparent 22% 78%,rgba(9,9,11,.92));
}
.discover .section-heading {
  position:relative;
  z-index:3;
  padding-inline:clamp(20px,5vw,84px);
  margin-bottom:18px;
}
.discover .section-heading h2 {
  font-size:clamp(38px,4vw,68px);
}
.discover .section-heading__side {
  align-items:flex-end;
}
.discover .section-heading__side p {
  max-width:390px;
}
.mix-rail {
  --carousel-breathing-room:clamp(100px,9vw,132px);
  position:relative;
  z-index:2;
  align-items:center;
  gap:clamp(8px,1.25vw,22px);
  overflow-x:hidden;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  padding:var(--carousel-breathing-room) calc(50vw - clamp(245px,20vw,430px) / 2) 38px;
  margin-top:calc(18px - var(--carousel-breathing-room));
  perspective:1400px;
  perspective-origin:center 42%;
  cursor:grab;
  touch-action:pan-y;
  overscroll-behavior-x:contain;
  overscroll-behavior-y:auto;
  user-select:none;
  -webkit-user-select:none;
}
.mix-rail.is-dragging {
  cursor:grabbing;
  scroll-snap-type:none;
}
.mix-rail.is-spinning {
  cursor:grab;
  scroll-snap-type:none;
}
.mix-rail.is-settling {
  scroll-snap-type:none;
}
.rail-controls.is-disabled {
  visibility:hidden;
  pointer-events:none;
}
.mix-rail.is-single {
  justify-content:center;
  padding-inline:0;
  cursor:default;
}
.mix-rail.is-single .mix-card {
  flex-basis:clamp(245px,20vw,430px);
}
.mix-rail.is-duo .mix-card {
  flex-basis:clamp(230px,19vw,390px);
}
.mix-rail.is-empty {
  min-height:clamp(360px,43vw,520px);
  margin-top:0;
  padding:24px clamp(20px,5vw,84px) 54px;
  justify-content:center;
  overflow:hidden;
  cursor:default;
}
.mix-rail__empty {
  position:relative;
  width:min(430px,82vw);
  min-height:330px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:var(--muted);
}
.mix-rail__empty-orbit {
  position:absolute;
  width:min(330px,68vw);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.1);
  border-radius:50%;
  box-shadow:
    0 0 0 52px rgba(255,255,255,.025),
    0 0 0 104px rgba(223,255,0,.018),
    0 0 72px rgba(223,255,0,.06);
}
.mix-rail__empty-orbit::before,
.mix-rail__empty-orbit::after {
  content:"";
  position:absolute;
  border-radius:50%;
}
.mix-rail__empty-orbit::before {
  inset:18%;
  border:1px dashed rgba(223,255,0,.16);
}
.mix-rail__empty-orbit::after {
  width:7px;
  height:7px;
  top:12%;
  right:13%;
  background:var(--acid);
  box-shadow:0 0 16px var(--acid);
}
.mix-rail__empty-mark {
  position:relative;
  z-index:1;
  width:clamp(76px,8vw,112px);
  height:clamp(104px,11vw,150px);
  fill:var(--acid);
  filter:drop-shadow(0 0 20px rgba(223,255,0,.32));
}
.mix-rail__empty strong {
  position:relative;
  z-index:1;
  margin-top:16px;
  color:var(--ink);
  font:700 10px "DM Mono",monospace;
  letter-spacing:.13em;
}
.mix-rail__empty p {
  position:relative;
  z-index:1;
  max-width:310px;
  margin:9px 0 0;
  font-size:10px;
  line-height:1.6;
}
.mix-rail.is-dragging .mix-card {
  transition:none;
}
.mix-rail.is-spinning .mix-card {
  transition-duration:.26s;
}
.mix-rail.is-settling .mix-card {
  transition-duration:.88s;
}
.mix-rail img {
  -webkit-user-drag:none;
  user-select:none;
}
.mix-card,
.mix-card:nth-child(even) {
  flex:0 0 clamp(245px,20vw,430px);
  margin-top:0;
  scroll-snap-align:center;
  opacity:.14;
  filter:saturate(.42) brightness(.58);
  transform:translateY(var(--carousel-arc,48px)) scale(.6) rotateY(var(--carousel-turn,0deg));
  transform-origin:center;
  transition:
    transform .75s var(--ease),
    opacity .75s var(--ease),
    filter .75s var(--ease);
}
.mix-card:hover {
  transform:translateY(calc(var(--carousel-arc,48px) - 2px)) scale(.62) rotateY(var(--carousel-turn,0deg));
}
.mix-card.is-featured-far {
  opacity:.28;
  filter:saturate(.55) brightness(.7);
  transform:translateY(var(--carousel-arc,34px)) scale(.7) rotateY(var(--carousel-turn,0deg));
}
.mix-card.is-featured-far:hover {
  transform:translateY(calc(var(--carousel-arc,34px) - 2px)) scale(.72) rotateY(var(--carousel-turn,0deg));
}
.mix-card.is-featured-near {
  opacity:.55;
  filter:saturate(.68) brightness(.78);
  transform:translateY(var(--carousel-arc,18px)) scale(.78) rotateY(var(--carousel-turn,0deg));
}
.mix-card.is-featured-near:hover {
  transform:translateY(calc(var(--carousel-arc,18px) - 3px)) scale(.8) rotateY(var(--carousel-turn,0deg));
}
.mix-card.is-featured-active {
  z-index:3;
  opacity:1;
  filter:none;
  transform:translateY(0) scale(1) rotateY(0);
}
.mix-card.is-featured-active:hover {
  transform:translateY(-3px) scale(1.015) rotateY(0);
}
.mix-card__art {
  aspect-ratio:1;
  overflow:visible;
  border-radius:50%;
  background:#111114;
  isolation:isolate;
}
.mix-card__orbit {
  position:absolute;
  z-index:0;
  inset:-18%;
  border:1px solid rgba(255,255,255,.105);
  border-radius:50%;
  opacity:0;
  transform:scale(.9);
  transition:opacity .8s var(--ease),transform .8s var(--ease);
  pointer-events:none;
}
.mix-card__orbit::before,
.mix-card__orbit::after {
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(223,255,0,.09);
}
.mix-card__orbit::before {
  inset:9%;
}
.mix-card__orbit::after {
  inset:-10%;
  border-color:rgba(255,255,255,.055);
}
.mix-card__orbit i {
  position:absolute;
  inset:0;
  border-radius:50%;
  animation:discoverMoon 15s linear infinite;
}
.mix-card__orbit i::after {
  content:"";
  position:absolute;
  left:50%;
  top:-4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 13px rgba(223,255,0,.7);
}
.mix-card__orbit i:nth-child(2) {
  inset:9%;
  animation-duration:21s;
  animation-direction:reverse;
}
.mix-card__orbit i:nth-child(2)::after {
  width:4px;
  height:4px;
  top:-2px;
  background:rgba(255,255,255,.75);
  box-shadow:0 0 9px rgba(255,255,255,.45);
}
.mix-card__orbit i:nth-child(3) {
  inset:-10%;
  animation-duration:28s;
}
.mix-card__orbit i:nth-child(3)::after {
  width:5px;
  height:5px;
  top:-3px;
  background:#ff655f;
  box-shadow:0 0 10px rgba(255,101,95,.55);
}
.mix-card.is-featured-active .mix-card__orbit {
  opacity:.72;
  transform:scale(1);
}
.mix-card__art::after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  background:
    linear-gradient(180deg,transparent 0 31%,rgba(59,225,255,.22) 31% 32%,transparent 32% 64%,rgba(255,70,93,.18) 64% 65%,transparent 65%),
    repeating-linear-gradient(0deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
}
.mix-card.is-featured-active .mix-card__art::after {
  opacity:.08;
}
.mix-card.is-featured-active .mix-card__art>img {
  transform-origin:center;
  animation:vhsImageJitter 4.2s linear infinite;
  will-change:transform,filter;
}
.mix-card.has-selection-glitch .mix-card__art>img {
  animation:selectedTvGlitch .36s linear 1;
}
.mix-card.has-selection-glitch .mix-card__art::after {
  animation:selectedTvGlitchScan .36s linear 1;
}
.mix-card.has-tv-glitch .mix-card__art>img {
  animation:selectedTvGlitch .26s linear 1;
}
.mix-card.has-tv-glitch .mix-card__art::after {
  animation:selectedTvGlitchScan .26s linear 1;
}
.mix-card.has-colour-kick .mix-card__art>img {
  animation:selectedColourKick .5s var(--ease) 1;
}
.mix-card.has-colour-kick .mix-card__art::after {
  animation:selectedColourScan .5s var(--ease) 1;
}
.mix-card.has-bloom-hit .mix-card__art>img {
  animation:selectedBloomHit .56s var(--ease) 1;
}
.mix-card.has-bloom-hit .mix-card__art::before {
  animation:selectedBorderBloom .56s var(--ease) 1;
}
.mix-card__art::before {
  content:"";
  position:absolute;
  z-index:4;
  inset:-7px;
  border:4px solid var(--acid);
  border-radius:50%;
  opacity:0;
  box-shadow:
    0 0 0 1px rgba(223,255,0,.22),
    0 0 34px rgba(223,255,0,.2),
    inset 0 0 24px rgba(223,255,0,.08);
  transition:opacity .6s var(--ease),transform .6s var(--ease);
  transform:scale(.96);
  pointer-events:none;
}
.mix-card.is-featured-active .mix-card__art::before {
  opacity:1;
  transform:scale(1);
}
.mix-card__art>img,
.mix-card__overlay {
  border-radius:50%;
}
.mix-card__art>img {
  position:relative;
  z-index:1;
}
.mix-card__overlay {
  z-index:2;
  background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.82));
  overflow:hidden;
  pointer-events:none;
}
.mix-card__overlay::before,
.mix-card__overlay::after {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  opacity:0;
  pointer-events:none;
}
.mix-card__overlay::before {
  background:
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,.09) 0,
      rgba(255,255,255,.09) 1px,
      rgba(0,0,0,.11) 1px,
      rgba(0,0,0,.11) 2px,
      transparent 2px,
      transparent 5px
    );
  mix-blend-mode:soft-light;
  will-change:transform;
}
.mix-card__overlay::after {
  background:
    radial-gradient(circle at 12% 22%,rgba(255,255,255,.8) 0 .55px,transparent .9px),
    radial-gradient(circle at 77% 31%,rgba(255,255,255,.55) 0 .45px,transparent .85px),
    radial-gradient(circle at 42% 74%,rgba(0,0,0,.75) 0 .7px,transparent 1.15px),
    radial-gradient(circle at 88% 84%,rgba(255,255,255,.5) 0 .5px,transparent .9px),
    linear-gradient(
      180deg,
      transparent 0 44%,
      rgba(255,255,255,.1) 47%,
      rgba(0,0,0,.3) 49%,
      rgba(255,255,255,.06) 51%,
      transparent 54% 100%
    );
  background-size:43px 37px,67px 59px,53px 71px,79px 61px,100% 190%;
  background-position:0 0,13px 9px,7px 18px,21px 4px,0 -95%;
  mix-blend-mode:screen;
}
.mix-card.is-featured-active .mix-card__overlay::before {
  opacity:.24;
  animation:vhsScanlineCreep 6s linear infinite;
}
.mix-card.is-featured-active .mix-card__overlay::after {
  opacity:.17;
}
.mix-card.is-featured-active.has-selection-glitch .mix-card__overlay::before,
.mix-card.is-featured-active.has-tv-glitch .mix-card__overlay::before {
  opacity:.42;
}
.mix-card.is-featured-active.has-selection-glitch .mix-card__overlay::after,
.mix-card.is-featured-active.has-tv-glitch .mix-card__overlay::after {
  opacity:.36;
}
.mix-card.is-current .mix-card__art {
  box-shadow:none;
}
.mix-card.is-featured-active.is-current .mix-card__art::before {
  box-shadow:
    0 0 0 1px rgba(223,255,0,.4),
    0 0 48px rgba(223,255,0,.3),
    inset 0 0 28px rgba(223,255,0,.12);
}
.mix-card:not(.is-featured-active) .mix-card__play {
  opacity:0;
  transform:scale(.65);
  pointer-events:none;
}
.mix-card.is-featured-active .mix-card__play {
  transform:scale(1);
}
.mix-card__play {
  right:12%;
  bottom:12%;
  width:52px;
  height:52px;
  min-width:52px;
  min-height:52px;
  aspect-ratio:1;
  padding:0;
  box-sizing:border-box;
  border:4px solid #09090b;
  border-radius:50%;
  box-shadow:0 0 0 1px rgba(223,255,0,.2),0 7px 20px rgba(0,0,0,.38);
}
.mix-card__play svg {
  width:18px;
  height:18px;
  flex:none;
}
.mix-card__body {
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  gap:0;
  opacity:.18;
  transform:translateY(-5px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.mix-card__body>div {
  width:100%;
  min-width:0;
  text-align:center;
}
.mix-card__body h3,
.mix-card__body p {
  text-align:center;
}
.mix-card__bpm {
  display:block;
  margin-top:8px;
}
.mix-card.is-featured-active .mix-card__body {
  opacity:1;
  transform:none;
}

@media(max-width:720px) {
  .discover {
    min-height:650px;
    padding:calc(var(--header-h) + 30px) 0 42px;
  }
  .discover .section-heading {
    padding-inline:18px;
    margin-bottom:18px;
  }
  .discover .section-heading h2 {
    font-size:clamp(36px,11vw,50px);
  }
  .discover .section-heading__side {
    margin-top:18px;
    align-items:flex-end;
  }
  .mix-rail {
    --carousel-breathing-room:90px;
    padding:var(--carousel-breathing-room) calc(50vw - min(68vw,285px) / 2) 30px;
    margin-top:calc(12px - var(--carousel-breathing-room));
    gap:8px;
  }
  .mix-rail.is-empty {
    min-height:350px;
    margin-top:0;
    padding:12px 18px 38px;
  }
  .mix-rail.is-single {
    padding-inline:0;
  }
  .mix-rail.is-duo .mix-card {
    flex-basis:min(62vw,265px);
  }
  .mix-card,
  .mix-card:nth-child(even) {
    flex-basis:min(68vw,285px);
  }
  .mix-card.is-featured-near {
    opacity:.38;
    transform:translateY(var(--carousel-arc,14px)) scale(.74) rotateY(var(--carousel-turn,0deg));
  }
  .mix-card.is-featured-far {
    opacity:.18;
    transform:translateY(var(--carousel-arc,28px)) scale(.64) rotateY(var(--carousel-turn,0deg));
  }
  .mix-card__orbit {
    inset:-13%;
  }
  .mix-card__play {
    right:11%;
    bottom:11%;
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    border-width:3px;
  }
}

/* Opening identity stage: the archive now introduces itself before the music rail. */
.discover {
  min-height:0;
  padding:0 0 58px;
}

.discover-intro {
  position:relative;
  z-index:3;
  min-height:max(620px,calc(100svh - var(--header-h) - 66px));
  padding:clamp(54px,7vh,90px) 24px clamp(64px,8vh,110px);
  display:grid;
  place-items:center;
  text-align:center;
}

.discover-intro::before {
  content:"";
  position:absolute;
  left:50%;
  top:44%;
  width:min(72vw,860px);
  aspect-ratio:1.7;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(223,255,0,.075),rgba(223,255,0,.015) 35%,transparent 68%);
  filter:blur(12px);
  pointer-events:none;
}

.discover-intro__identity {
  position:relative;
  z-index:1;
  width:min(760px,100%);
  display:flex;
  flex-direction:column;
  align-items:center;
}

.discover-intro__orbit {
  position:relative;
  width:clamp(238px,22vw,330px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.14);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(223,255,0,.085),rgba(15,15,18,.75) 52%,rgba(9,9,11,.26) 72%,transparent 73%);
  box-shadow:
    0 0 0 34px rgba(255,255,255,.025),
    0 0 0 68px rgba(223,255,0,.018),
    0 0 95px rgba(223,255,0,.13),
    inset 0 0 60px rgba(0,0,0,.48);
}

.discover-intro__orbit::before,
.discover-intro__orbit::after,
.discover-intro__orbit i {
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}

.discover-intro__orbit::before {
  inset:14%;
  border:1px dashed rgba(223,255,0,.2);
}

.discover-intro__orbit::after {
  inset:-13%;
  border:1px solid rgba(255,255,255,.05);
}

.discover-intro__orbit i {
  inset:-1px;
  border:1px solid transparent;
  animation:discoverIntroOrbit 17s linear infinite;
}

.discover-intro__orbit i::after {
  content:"";
  position:absolute;
  left:50%;
  top:-4px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 14px rgba(223,255,0,.85);
}

.discover-intro__orbit i:nth-child(2) {
  inset:14%;
  animation-duration:24s;
  animation-direction:reverse;
}

.discover-intro__orbit i:nth-child(2)::after {
  width:4px;
  height:4px;
  top:-2px;
  background:#fff;
  box-shadow:0 0 10px rgba(255,255,255,.6);
}

.discover-intro__orbit i:nth-child(3) {
  inset:-13%;
  animation-duration:31s;
}

.discover-intro__orbit i:nth-child(3)::after {
  width:5px;
  height:5px;
  top:-3px;
  background:#ff5350;
  box-shadow:0 0 11px rgba(255,83,80,.65);
}

.discover-intro__mark {
  position:relative;
  z-index:2;
  width:clamp(88px,8.7vw,128px);
  height:clamp(138px,13.7vw,201px);
  fill:var(--acid);
  filter:drop-shadow(0 0 20px rgba(223,255,0,.38));
}

.discover-intro__copy {
  width:min(680px,100%);
  margin-top:clamp(38px,5vh,58px);
  display:grid;
  justify-items:center;
}

.discover-intro__copy span {
  color:var(--acid);
  font-size:clamp(7px,.62vw,10px);
  letter-spacing:.2em;
}

.discover-intro__copy strong {
  margin-top:10px;
  color:var(--ink);
  font:800 clamp(52px,6.2vw,94px)/.88 Manrope,sans-serif;
  letter-spacing:-.065em;
}

.discover-intro__copy p {
  max-width:610px;
  margin:22px auto 0;
  color:#aaa8ae;
  font-size:clamp(11px,.9vw,14px);
  line-height:1.7;
}

.discover-intro__enter {
  margin-top:30px;
  padding:0;
  border:0;
  background:none;
  color:#8e8d94;
  font-size:8px;
  letter-spacing:.15em;
  display:flex;
  align-items:center;
  gap:13px;
}

.discover-intro__enter:hover {
  border:0;
  background:none;
  color:var(--acid);
}

.discover-intro__enter i {
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:var(--acid);
  font-style:normal;
  transition:transform .3s var(--ease),border-color .3s var(--ease);
}

.discover-intro__enter:hover i {
  transform:translateY(3px);
  border-color:rgba(223,255,0,.5);
}

.discover .section-heading--discover-controls {
  padding-top:clamp(54px,7vw,100px);
  margin-bottom:0;
}

.section-heading--discover-controls > div:first-child {
  align-self:end;
}

.section-heading--discover-controls .kicker {
  margin-bottom:0;
}

@keyframes discoverIntroOrbit {
  to { transform:rotate(360deg); }
}

@media(max-width:720px) {
  .discover {
    min-height:0;
    padding:0 0 42px;
  }

  .discover-intro {
    width:100vw;
    max-width:100vw;
    min-height:max(570px,calc(100svh - var(--header-h) - 56px));
    padding:44px 20px 58px;
  }

  .discover-intro__identity {
    width:calc(100vw - 40px);
    max-width:350px;
  }

  .discover-intro::before {
    top:42%;
    width:112vw;
    aspect-ratio:1;
  }

  .discover-intro__orbit {
    width:clamp(190px,58vw,238px);
    box-shadow:
      0 0 0 22px rgba(255,255,255,.025),
      0 0 0 44px rgba(223,255,0,.018),
      0 0 70px rgba(223,255,0,.12),
      inset 0 0 45px rgba(0,0,0,.5);
  }

  .discover-intro__orbit::after,
  .discover-intro__orbit i:nth-child(3) {
    inset:-11%;
  }

  .discover-intro__mark {
    width:76px;
    height:120px;
  }

  .discover-intro__copy {
    min-width:0;
    margin-top:38px;
    display:flex;
    flex-direction:column;
    align-items:center;
  }

  .discover-intro__copy strong {
    max-width:100%;
    margin-top:9px;
    font-size:clamp(42px,12vw,52px);
    white-space:nowrap;
  }

  .discover-intro__copy p {
    width:100%;
    max-width:340px;
    margin-top:18px;
    font-size:11px;
    line-height:1.65;
  }

  .discover-intro__enter {
    margin-top:25px;
    font-size:7px;
  }

  .discover .section-heading--discover-controls {
    padding-top:58px;
    margin-bottom:5px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .discover-intro__orbit i {
    animation:none;
  }
}

@media(prefers-reduced-motion:reduce) {
  .mix-card,
  .mix-card__body,
  .mix-card__art::before {
    transition:none;
  }
  .mix-card__orbit i {
    animation:none;
  }
  .mix-card.is-featured-active .mix-card__art>img,
  .archive-card.is-located {
    animation:none!important;
  }
  .mix-card__overlay::before,
  .mix-card__overlay::after {
    animation:none!important;
  }
  .mix-card.has-tv-glitch .mix-card__art>img,
  .mix-card.has-tv-glitch .mix-card__art::after,
  .mix-card.has-selection-glitch .mix-card__art>img,
  .mix-card.has-selection-glitch .mix-card__art::after,
  .mix-card.has-colour-kick .mix-card__art>img,
  .mix-card.has-colour-kick .mix-card__art::after,
  .mix-card.has-bloom-hit .mix-card__art>img,
  .mix-card.has-bloom-hit .mix-card__art::before {
    animation:none;
  }
}

@keyframes discoverMoon {
  to { transform:rotate(360deg); }
}

@keyframes selectedScanlineDrift {
  from { background-position:0 0,0 0; }
  to { background-position:0 14px,0 48px; }
}

@keyframes vhsImageJitter {
  0%,100% { transform:translate3d(0,0,0) scale(1.006);filter:saturate(.82) contrast(1.02); }
  9% { transform:translate3d(.45px,-.25px,0) scale(1.006); }
  17% { transform:translate3d(-.35px,.3px,0) scale(1.007); }
  29% { transform:translate3d(.2px,.15px,0) scale(1.006); }
  38% { transform:translate3d(-1.05px,0,0) scale(1.009) skewX(-.08deg);filter:saturate(.88) contrast(1.04); }
  40% { transform:translate3d(.8px,-.2px,0) scale(1.008) skewX(.06deg); }
  51% { transform:translate3d(-.25px,-.35px,0) scale(1.006); }
  64% { transform:translate3d(.5px,.2px,0) scale(1.007); }
  78% { transform:translate3d(-.15px,.4px,0) scale(1.006); }
  91% { transform:translate3d(.3px,-.15px,0) scale(1.006); }
}

@keyframes vhsScanlineCreep {
  0% { transform:translateY(0); }
  50% { transform:translateY(1px); }
  100% { transform:translateY(3px); }
}

@keyframes vhsDirtAndTracking {
  0% {
    background-position:0 0,13px 9px,7px 18px,21px 4px,0 -95%;
    filter:contrast(1);
  }
  23% {
    background-position:7px 3px,9px 14px,11px 12px,17px 9px,0 -34%;
  }
  51% {
    background-position:3px 11px,18px 6px,4px 23px,25px 2px,0 18%;
    filter:contrast(1.15);
  }
  76% {
    background-position:12px 5px,6px 17px,15px 9px,12px 13px,0 66%;
  }
  100% {
    background-position:0 0,13px 9px,7px 18px,21px 4px,0 105%;
    filter:contrast(1);
  }
}

@keyframes selectedTvGlitch {
  0%,100% { transform:scale(1.055);filter:saturate(1.1); }
  18% { transform:translateX(-2px) scale(1.06);filter:saturate(1.18) contrast(1.08) hue-rotate(-3deg); }
  36% { transform:translateX(3px) scale(1.055);filter:saturate(1.05) contrast(1.14) hue-rotate(4deg); }
  54% { transform:translateX(-1px) scale(1.06);filter:saturate(1.2) contrast(1.04); }
  72% { transform:translateX(1px) scale(1.055);filter:saturate(1.08) contrast(1.1); }
}

@keyframes selectedTvGlitchScan {
  0%,100% { opacity:0;transform:translateY(0); }
  18% { opacity:.2;transform:translateY(-2%); }
  36% { opacity:.11;transform:translateY(3%); }
  54% { opacity:.17;transform:translateY(-1%); }
  72% { opacity:.07;transform:translateY(1%); }
}

@keyframes selectedColourKick {
  0%,100% { transform:scale(1);filter:saturate(.75); }
  22% { transform:scale(1.018) skewX(-.45deg);filter:saturate(1.8) contrast(1.2) hue-rotate(-9deg); }
  58% { transform:scale(1.012) skewX(.35deg);filter:saturate(1.45) contrast(1.12) hue-rotate(7deg); }
}

@keyframes selectedColourScan {
  0%,100% { opacity:0; }
  24% { opacity:.18;background-position:0 -5px; }
  60% { opacity:.1;background-position:0 4px; }
}

@keyframes selectedBloomHit {
  0%,100% { transform:scale(1);filter:saturate(.75) brightness(1); }
  28% { transform:scale(1.024);filter:saturate(1.34) brightness(1.23) contrast(1.08); }
  64% { transform:scale(1.01);filter:saturate(1.08) brightness(1.07); }
}

@keyframes selectedBorderBloom {
  0%,100% { opacity:1; }
  30% { opacity:1;box-shadow:0 0 0 2px rgba(223,255,0,.55),0 0 72px rgba(223,255,0,.58),inset 0 0 42px rgba(223,255,0,.22); }
}

@keyframes archiveLocated {
  0% {
    box-shadow:
      inset 0 0 0 2px var(--acid),
      0 0 0 2px rgba(223,255,0,.8),
      0 0 52px rgba(223,255,0,.42);
  }
  35% {
    box-shadow:
      inset 0 0 0 1px var(--acid),
      0 0 0 6px rgba(223,255,0,.08),
      0 0 34px rgba(223,255,0,.22);
  }
  100% {
    box-shadow:
      inset 0 0 0 1px var(--acid),
      0 0 0 0 transparent,
      0 0 0 transparent;
  }
}

/* Keep the retired history strip retired at every breakpoint. */
.timeline-callout {
  display:none!important;
}

/* Give the header identity enough authority to read as the site title on large displays. */
.brand {
  gap:14px;
}

.brand-mark--header {
  width:34px;
}

.brand__title {
  gap:3px;
  transform:translateY(-4px);
}

.brand__name {
  font-size:8px;
}

.brand__word {
  font-size:20px;
}

.brand__year {
  padding-left:14px;
  font-size:10px;
}

.brand-tenure {
  left:48px;
  bottom:6px;
  font-size:6.5px;
}

/* Three-band DJ waveform grows clockwise beneath a fixed playhead. */
.mix-card__spectrum {
  position:absolute;
  z-index:3;
  left:-22%;
  top:-22%;
  width:144%;
  height:144%;
  border-radius:50%;
  pointer-events:none;
  opacity:0;
  transform:scale(.72) rotate(-8deg);
  transform-origin:center;
  filter:drop-shadow(0 0 7px rgba(223,255,0,.28)) drop-shadow(0 0 11px rgba(139,92,255,.12));
  transition:opacity .24s ease,transform .62s var(--ease),filter .45s ease;
  will-change:opacity,transform;
}

.mix-card.is-spectrum-active .mix-card__spectrum {
  opacity:1;
  transform:scale(1) rotate(0);
  filter:drop-shadow(0 0 8px rgba(223,255,0,.38)) drop-shadow(0 0 13px rgba(139,92,255,.18));
}

.mix-card__body {
  position:relative;
  z-index:5;
  padding-top:32px;
  transition:opacity .6s var(--ease),transform .6s var(--ease),padding-top .42s var(--ease);
}

.mix-card.is-spectrum-active .mix-card__body {
  padding-top:32px;
}

.mix-card__transport {
  min-height:18px;
  margin-top:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}

.mix-card__transport .mix-card__bpm {
  margin-top:0;
}

.mix-card__transport .mix-card__play {
  position:relative;
  right:auto;
  bottom:auto;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  border-width:2px;
  transform:scale(.82);
}

.mix-card.is-featured-active .mix-card__transport .mix-card__play,
.mix-card.is-featured-active:hover .mix-card__transport .mix-card__play {
  transform:scale(1);
}

.mix-card__transport .mix-card__play:hover {
  box-shadow:0 0 0 1px rgba(223,255,0,.45),0 8px 24px rgba(223,255,0,.18);
}

.mix-card__transport .mix-card__play .icon-pause {
  fill:none;
  stroke:#09090b;
  stroke-width:2;
}

.mix-card.is-spectrum-active .mix-card__orbit i {
  animation-play-state:paused;
}

.mix-card.is-spectrum-active .mix-card__orbit {
  opacity:.2;
  transform:scale(.96);
}

@media(max-width:720px) {
  .brand {
    gap:12px;
  }

  .brand-mark--header {
    width:31px;
  }

  .brand__word {
    font-size:18px;
  }

  .brand__name {
    font-size:7px;
  }

  .brand-tenure {
    left:43px;
    bottom:4px;
    font-size:6px;
  }

  .mix-card.is-spectrum-active .mix-card__body {
    padding-top:46px;
  }
}

.detail-actions {
  flex-direction:row;
  align-items:center;
  gap:10px;
  margin-top:28px;
}

.detail-action {
  position:relative;
  width:56px;
  height:56px;
  min-width:56px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:transparent;
  color:var(--ink);
  transition:transform .28s var(--ease),background-color .28s,border-color .28s,color .28s,opacity .28s;
}

.detail-action svg {
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.detail-action--play {
  border-color:var(--acid);
  background:var(--acid);
  color:#09090b;
  box-shadow:0 0 22px rgba(223,255,0,.13);
}

.detail-action--play svg {
  fill:currentColor;
}

.detail-action--play .icon-pause {
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}

.detail-action--play:hover {
  transform:scale(1.06);
  box-shadow:0 0 30px rgba(223,255,0,.25);
}

.detail-action--download:not(.is-unavailable):hover {
  border-color:var(--acid);
  color:var(--acid);
  transform:translateY(-2px);
}

.detail-action--download.is-unavailable {
  color:#85858b;
  border-color:rgba(255,255,255,.16);
  cursor:not-allowed;
  opacity:.72;
}

.detail-action--download.is-unavailable::after {
  content:"";
  position:absolute;
  width:30px;
  height:1.5px;
  border-radius:2px;
  background:currentColor;
  transform:rotate(-45deg);
  box-shadow:0 0 0 2px #111114;
}

@media(max-width:720px) {
  .detail-actions {
    flex-direction:row;
    align-items:center;
  }
}

/* DNA uses the modal space as a deliberate artwork/data split. */
.detail-panel {
  width:min(1420px,calc(100% - 40px));
  grid-template-columns:minmax(520px,1fr) minmax(520px,1fr);
  align-items:start;
  overflow-x:hidden;
}

.detail-panel__visual {
  position:sticky;
  top:0;
  min-height:100%;
  padding:0;
  place-items:start;
  background:#1b1b1f;
}

.detail-panel__artwork {
  width:100%;
  max-width:none;
  box-shadow:0 26px 70px rgba(0,0,0,.48);
}

.detail-panel__artwork::after {
  width:clamp(20px,3vw,44px);
}

.detail-approval {
  position:relative;
  margin:2px 0 25px;
  padding:17px 19px 16px 22px;
  overflow:hidden;
  border:1px solid rgba(223,255,0,.22);
  border-left:3px solid var(--acid);
  border-radius:0 12px 12px 0;
  background:linear-gradient(105deg,rgba(223,255,0,.08),rgba(255,255,255,.018) 58%);
}

.detail-approval::after {
  content:"";
  position:absolute;
  top:-45px;
  right:-25px;
  width:110px;
  height:110px;
  border:1px solid rgba(223,255,0,.13);
  border-radius:50%;
}

.detail-approval>span {
  color:var(--acid);
  font-size:7px;
  letter-spacing:.12em;
}

.detail-approval blockquote {
  margin:10px 0 12px;
  max-width:620px;
  font-size:clamp(14px,1.2vw,18px);
  font-weight:700;
  line-height:1.35;
}

.detail-approval footer,
.detail-approval footer small {
  display:block;
}

.detail-approval footer strong {
  font-size:9px;
}

.detail-approval footer small {
  margin-top:3px;
  color:var(--muted);
  font-size:8px;
}

@media(max-width:1120px) {
  .detail-panel {
    grid-template-columns:minmax(420px,.95fr) minmax(470px,1.05fr);
  }
}

@media(max-width:900px) {
  .detail-panel[open] {
    display:block;
  }

  .detail-panel__visual {
    position:relative;
    min-height:0;
  }
}

@media(max-width:720px) {
  .detail-panel {
    width:min(100% - 16px,620px);
  }

  .detail-panel__visual {
    padding:0;
  }

  .detail-panel__artwork::after {
    width:100%;
  }
}

@media(prefers-reduced-motion:reduce) {
  .archive-card.is-playing::before,
  .archive-card.is-playing::after {
    animation:none;
  }
}

/* Compact dictionary note introduces the format without adding another intro screen. */
.discover .section-heading__side {
  gap:14px;
}

.mashup-definition {
  position:relative;
  width:min(100%,470px);
  padding:15px 18px 14px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-left:2px solid var(--acid);
  background:rgba(14,14,17,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
  text-align:left;
}

.mashup-definition::after {
  content:"";
  position:absolute;
  right:-32px;
  bottom:-50px;
  width:110px;
  height:110px;
  border:1px solid rgba(223,255,0,.08);
  border-radius:50%;
  box-shadow:0 0 0 18px rgba(223,255,0,.025),0 0 0 38px rgba(223,255,0,.015);
  pointer-events:none;
}

.mashup-definition__term {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin-bottom:7px;
}

.mashup-definition__term dfn {
  color:var(--ink);
  font-style:normal;
  font-size:clamp(18px,1.35vw,24px);
  font-weight:750;
  line-height:1;
  letter-spacing:-.04em;
}

.mashup-definition__term span {
  color:var(--acid);
  font-size:8px;
  letter-spacing:.12em;
}

.discover .mashup-definition p {
  display:block;
  max-width:410px;
  color:#b3b3b7;
  font-size:clamp(10px,.72vw,12px);
  line-height:1.55;
}

.mashup-definition__note {
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:10px;
  padding-top:9px;
  border-top:1px solid rgba(255,255,255,.08);
  color:#73737a;
  font-size:7px;
  letter-spacing:.08em;
}

.mashup-definition__note i {
  width:5px;
  height:5px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 8px rgba(223,255,0,.7);
}

@media(max-width:720px) {
  .discover .section-heading__side {
    align-items:stretch;
    gap:12px;
  }

  .mashup-definition {
    width:100%;
    padding:12px 14px;
  }

  .discover .mashup-definition p {
    display:block;
    font-size:10px;
    line-height:1.5;
  }

  .mashup-definition__note {
    display:flex;
    margin-top:9px;
    font-size:6px;
    line-height:1.4;
  }
}

/* Compact two-tier player: transport above, progress directly below. */
.player {
  height:72px;
  grid-template-columns:44px minmax(150px,1fr) minmax(300px,.92fr) minmax(140px,.55fr) 24px;
  gap:10px;
  padding:8px 11px;
}

.player__deck {
  min-width:0;
  align-self:stretch;
  display:grid;
  grid-template-rows:41px 11px;
  align-content:center;
  gap:2px;
  padding-inline:10px;
  border-inline:1px solid var(--line);
}

.player__transport {
  justify-content:center;
  gap:3px;
  padding:0;
  border:0;
}

.player__timeline {
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(80px,1fr);
  align-items:center;
  gap:9px;
}

.player__time {
  font-size:7px;
  line-height:1;
}

.player__progress {
  position:relative;
  height:4px;
  overflow:visible;
}

.player__progress::before {
  content:"";
  position:absolute;
  inset:-5px 0;
  cursor:pointer;
}

.player__progress i {
  border-radius:inherit;
}

.player__play {
  width:38px;
  height:38px;
}

.player__skip,
.player__shuffle,
.player__continuous {
  width:28px;
  height:28px;
}

.player__art-button {
  width:44px;
  height:44px;
}

.player__next {
  border-left:0;
  padding-left:5px;
}

@media(max-width:900px) {
  .player {
    grid-template-columns:44px minmax(110px,1fr) minmax(280px,.95fr) 24px;
  }

  .player__next {
    display:none;
  }
}

@media(max-width:720px) {
  .player {
    height:65px;
    grid-template-columns:40px minmax(70px,1fr) auto 22px;
    gap:6px;
    padding:6px 8px;
  }

  .player__deck {
    grid-template-rows:35px 7px;
    gap:2px;
    padding:0 2px 0 6px;
    border-left:1px solid var(--line);
    border-right:0;
  }

  .player__transport {
    padding:0;
  }

  .player__timeline {
    display:block;
  }

  .player__time {
    display:none;
  }

  .player__progress {
    display:block;
    height:4px;
  }

  .player__play {
    width:32px;
    height:32px;
  }

  .player__skip,
  .player__shuffle {
    width:24px;
    height:24px;
  }

  .player__art-button {
    width:40px;
    height:40px;
  }
}

/* Compact credibility strip directly beneath the fixed header. */
.support-credits {
  order:1;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:clamp(145px,15vw,205px) minmax(0,1fr);
  min-height:66px;
  margin-top:var(--header-h);
  padding:0;
  border-block:1px solid var(--line);
  background:#09090b;
}

.support-credits + * {
  min-width:0;
}

.discover {
  padding-top:38px;
}

.support-credits__header {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-width:0;
  margin:0;
  padding:0 clamp(16px,2.5vw,34px);
  border-right:1px solid var(--line);
}

.support-credits__header h2,
.support-credits__header span {
  margin:0;
  font-size:7px;
  font-weight:500;
  letter-spacing:.15em;
  white-space:nowrap;
}

.support-credits__header h2 {
  color:var(--acid);
}

.support-credits__header span {
  display:none;
}

.support-credits__rail {
  min-width:0;
  overflow:hidden;
  height:64px;
}

.support-credits__belt,
.support-credits__group,
.support-credits__sequence {
  display:flex;
  width:max-content;
}

.support-credits__belt {
  will-change:transform;
}

.support-credits__rail.is-scrolling .support-credits__belt {
  animation:support-credits-scroll var(--support-scroll-duration,48s) linear infinite;
}

.support-credits__rail:hover .support-credits__belt {
  animation-play-state:paused;
}

@keyframes support-credits-scroll {
  to {
    transform:translate3d(calc(-1 * var(--support-loop-width)),0,0);
  }
}

.support-mark {
  flex:0 0 106px;
  min-width:0;
  height:64px;
  display:grid;
  place-items:center;
  padding:7px 10px;
  border-right:0;
  color:#a4a4aa;
  background:transparent;
  scroll-snap-align:start;
  transition:color .25s var(--ease),background .25s var(--ease),opacity .25s var(--ease);
}

.support-mark:last-child {
  border-right:0;
}

.support-mark:hover {
  color:#f2f2ef;
  background:transparent;
}

/* One-card depth prototype: The Power of Stay steps out of its cover. */
.mix-card--depth {
  --depth-x:0;
  --depth-y:0;
}

.mix-card--depth .mix-card__art {
  overflow:visible;
  border-radius:50%;
  background:transparent;
  isolation:isolate;
}

.mix-card--depth .mix-card__orbit {
  display:none;
}

.mix-card--depth .mix-card__art::before {
  inset:-5px;
  border-width:2px;
  border-radius:50%;
  box-shadow:
    0 0 0 1px rgba(223,255,0,.16),
    0 18px 60px rgba(0,0,0,.46),
    0 0 38px rgba(223,255,0,.16);
}

.mix-card--depth .mix-card__art::after,
.mix-card--depth .mix-card__overlay {
  border-radius:50%;
  clip-path:circle(50% at 50% 50%);
}

.mix-card--depth .mix-card__art > .mix-card__depth-backdrop,
.mix-card--depth .mix-card__art > .mix-card__depth-foreground {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  animation:none;
  will-change:transform;
  pointer-events:none;
}

.mix-card--depth .mix-card__art > .mix-card__depth-backdrop {
  z-index:1;
  border-radius:50%;
  clip-path:circle(50% at 50% 50%);
  object-fit:cover;
  filter:saturate(.68) brightness(.58) blur(.7px);
  transform:
    translate3d(
      calc(var(--depth-x) * -5px),
      calc(var(--depth-y) * -4px),
      0
    )
    scale(1.075);
  transition:filter .8s var(--ease),transform .45s ease-out;
}

.mix-card--depth .mix-card__art > .mix-card__depth-foreground {
  z-index:3;
  inset:-10% auto auto -8%;
  width:116%;
  height:119%;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  border-radius:0;
  filter:
    saturate(.94)
    drop-shadow(0 18px 20px rgba(0,0,0,.42))
    drop-shadow(0 0 12px rgba(223,255,0,.07));
  transform:
    translate3d(
      calc(var(--depth-x) * 12px),
      calc(var(--depth-y) * 9px),
      0
    )
    scale(1.055);
  transition:transform .4s ease-out,filter .7s var(--ease);
}

.mix-card--depth.is-featured-active .mix-card__art > .mix-card__depth-backdrop {
  filter:saturate(.74) brightness(.62) blur(.7px);
  animation:powerStayBackdropDrift 11s ease-in-out infinite;
}

.mix-card--depth.is-featured-active .mix-card__art > .mix-card__depth-foreground {
  animation:powerStayForegroundDrift 8s ease-in-out infinite;
}

@keyframes powerStayBackdropDrift {
  0%,100% {
    transform:translate3d(calc(var(--depth-x) * -5px - 2px),calc(var(--depth-y) * -4px + 1px),0) scale(1.075);
  }
  50% {
    transform:translate3d(calc(var(--depth-x) * -5px + 3px),calc(var(--depth-y) * -4px - 2px),0) scale(1.085);
  }
}

@keyframes powerStayForegroundDrift {
  0%,100% {
    transform:translate3d(calc(var(--depth-x) * 12px - 1px),calc(var(--depth-y) * 9px + 2px),0) scale(1.055);
  }
  50% {
    transform:translate3d(calc(var(--depth-x) * 12px + 2px),calc(var(--depth-y) * 9px - 6px),0) scale(1.065);
  }
}

@media(prefers-reduced-motion:reduce) {
  .mix-card--depth.is-featured-active .mix-card__art > .mix-card__depth-backdrop,
  .mix-card--depth.is-featured-active .mix-card__art > .mix-card__depth-foreground {
    animation:none!important;
    transform:none;
  }
}

.support-mark strong {
  max-width:100%;
  color:inherit;
  text-align:center;
  transform:scale(.78);
}

.support-credits .support-mark img {
  width:auto;
  max-width:96px;
  height:auto;
  max-height:40px;
}

.support-credits .support-mark--mars img {
  width:94px;
  max-width:94px;
  max-height:31px;
}

.support-mark--radio1 img {
  width:min(80%,102px);
  max-height:54px;
  object-fit:contain;
  filter:grayscale(1) invert(1) brightness(1.15);
  opacity:.65;
}

.support-credits .support-mark--mtv-mash img {
  width:72px;
  max-width:72px;
  max-height:43px;
  object-fit:contain;
  opacity:.76;
}

.support-credits .support-mark--xfm img {
  width:88px;
  max-width:88px;
  max-height:40px;
  object-fit:contain;
  opacity:.78;
}

.support-mark--hot97 {
  position:relative;
  isolation:isolate;
}

.support-mark--hot97::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:24% 26%;
  border-radius:50%;
  background:rgba(242,242,238,.11);
  filter:blur(9px);
  pointer-events:none;
}

.support-credits .support-mark--hot97 img {
  position:relative;
  z-index:1;
  width:64px;
  max-width:64px;
  max-height:46px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.12) brightness(1.08);
  opacity:.72;
}

.support-credits .support-mark--smash-hits img {
  width:90px;
  max-width:90px;
  max-height:38px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.15) brightness(1.08);
  opacity:.78;
}

.support-mark--digital-lab strong {
  font-size:17px;
  line-height:.8;
  letter-spacing:-.08em;
}

.support-mark--digital-lab strong i {
  display:block;
  margin-left:18%;
  font:italic 800 1.05em/1 Manrope,sans-serif;
  letter-spacing:-.08em;
}

.support-credits .support-mark--yves img {
  width:92px;
  max-width:92px;
  max-height:37px;
  object-fit:contain;
  filter:grayscale(1) invert(1) brightness(1.42) contrast(1.08);
  opacity:.76;
}

.support-credits .support-mark--dj-dan img {
  width:94px;
  max-width:94px;
  height:auto;
  max-height:38px;
  object-fit:contain;
  filter:drop-shadow(0 0 5px rgba(242,242,238,.16));
  opacity:.94;
}

.support-credits .support-mark--asian img {
  width:96px;
  max-width:96px;
  max-height:32px;
  object-fit:contain;
  filter:none;
  opacity:.9;
}

.support-credits .support-mark--beatbreaker img {
  width:54px;
  max-width:54px;
  max-height:43px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.06);
  opacity:.72;
}

.support-mark--dmc img {
  width:min(92%,90px);
  max-height:31px;
  object-fit:contain;
  opacity:.86;
}

.support-credits .support-mark--sony-bmg img {
  width:min(94%,96px);
  max-width:96px;
  max-height:25px;
  object-fit:contain;
  filter:grayscale(1) invert(1) contrast(1.12);
  opacity:.72;
}

.support-mark--mars {
  position:relative;
  isolation:isolate;
}

.support-mark--mars::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:25% 10%;
  border-radius:50%;
  background:rgba(242,242,238,.16);
  filter:blur(13px);
  opacity:.68;
  pointer-events:none;
}

.support-mark--mars img {
  position:relative;
  z-index:1;
  width:min(96%,126px);
  max-height:56px;
  object-fit:contain;
  opacity:.82;
}

.support-mark--bootie img {
  width:min(88%,116px);
  max-height:50px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.68;
}

.support-mark--pds {
  padding:4px 7px;
}

.support-credits .support-mark--pds img {
  width:48px;
  max-width:48px;
  height:48px;
  max-height:48px;
  object-fit:contain;
  filter:grayscale(1) contrast(1.12) brightness(1.18);
  opacity:.78;
}

.support-mark--oakenfold img {
  width:min(92%,120px);
  max-height:40px;
  object-fit:contain;
  filter:grayscale(1) invert(1) contrast(1.12);
  opacity:.68;
}

.support-mark--tomorrowland img {
  width:47px;
  height:47px;
  object-fit:contain;
  filter:grayscale(1) invert(1);
  opacity:.68;
}

.support-mark--diskokitten {
  padding:4px 6px;
}

.support-credits .support-mark--diskokitten img {
  width:100px;
  max-width:100px;
  height:auto;
  max-height:50px;
  object-fit:contain;
  opacity:.76;
}

.support-credits .support-mark--bastard img {
  width:96px;
  max-width:96px;
  max-height:38px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.9;
}

.support-mark--ministry img {
  width:51px;
  height:51px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.68;
}

.support-mark--lithium {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
}

.support-credits .support-mark--lithium img {
  width:min(94%,96px);
  max-width:96px;
  max-height:22px;
  object-fit:contain;
  filter:grayscale(1) invert(1);
  opacity:.72;
}

.support-mark--lithium small {
  color:#8d8d94;
  font:500 5px/1 "DM Mono",monospace;
  letter-spacing:.14em;
}

.support-mark--radio1 img,
.support-mark--mtv-mash img,
.support-mark--xfm img,
.support-mark--hot97 img,
.support-mark--smash-hits img,
.support-mark--beatbreaker img,
.support-mark--dj-dan img,
.support-mark--asian img,
.support-mark--yves img,
.support-mark--firth img,
.support-mark--mars img,
.support-mark--bootie img,
.support-mark--pds img,
.support-mark--dmc img,
.support-mark--sony-bmg img,
.support-mark--oakenfold img,
.support-mark--tomorrowland img,
.support-mark--diskokitten img,
.support-mark--bastard img,
.support-mark--ministry img,
.support-mark--lithium img {
  transition:opacity .25s var(--ease),transform .25s var(--ease);
}

.support-mark--radio1:hover img,
.support-mark--mtv-mash:hover img,
.support-mark--xfm:hover img,
.support-mark--hot97:hover img,
.support-mark--smash-hits:hover img,
.support-mark--beatbreaker:hover img,
.support-mark--dj-dan:hover img,
.support-mark--asian:hover img,
.support-mark--yves:hover img,
.support-mark--firth:hover img,
.support-mark--mars:hover img,
.support-mark--bootie:hover img,
.support-mark--pds:hover img,
.support-mark--dmc:hover img,
.support-mark--sony-bmg:hover img,
.support-mark--oakenfold:hover img,
.support-mark--tomorrowland:hover img,
.support-mark--diskokitten:hover img,
.support-mark--bastard:hover img,
.support-mark--ministry:hover img,
.support-mark--lithium:hover img {
  opacity:1;
  transform:scale(1.025);
}

.support-mark--lobsterdust strong {
  font-size:14px;
  letter-spacing:-.055em;
}

.support-mark--lobsterdust small,
.support-mark--tyme small {
  color:inherit;
  font:500 .45em "DM Mono",monospace;
  letter-spacing:.1em;
}

.support-mark--tyme strong {
  font-size:20px;
  letter-spacing:-.07em;
}

.support-credits .support-mark--firth img {
  width:auto;
  max-width:26px;
  height:52px;
  max-height:52px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.76;
}

@media(max-width:720px) {
  .support-credits {
    grid-template-columns:104px minmax(0,1fr);
    min-height:56px;
    padding:0;
  }

  .discover {
    padding-top:28px;
  }

  .support-credits__header {
    padding-inline:12px;
  }

  .support-credits__header h2 {
    max-width:78px;
    white-space:normal;
    line-height:1.35;
  }

  .support-credits__header span {
    display:none;
  }

  .support-credits__rail {
    height:54px;
  }

  .support-mark {
    flex-basis:92px;
    height:54px;
    padding:5px 8px;
  }

  .support-credits .support-mark img {
    max-width:82px;
    max-height:34px;
  }

  .support-credits .support-mark--pds img {
    width:40px;
    max-width:40px;
    height:40px;
    max-height:40px;
  }

  .support-credits .support-mark--firth img {
    width:auto;
    height:44px;
    max-height:44px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .support-credits__rail.is-scrolling .support-credits__belt {
    animation:none;
  }
}

/* Branded identity and progressive cover-art loading. */
.discover-identity {
  width:min(100%,560px);
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:15px;
  margin:0 0 30px;
  padding:0 0 18px;
  border-bottom:1px solid rgba(223,255,0,.24);
}

.discover-identity__mark {
  width:38px;
  height:60px;
  flex:0 0 auto;
  fill:var(--acid);
  filter:drop-shadow(0 0 10px rgba(223,255,0,.28));
}

.discover-identity > div {
  min-width:0;
  display:grid;
  gap:6px;
}

.discover-identity span {
  color:var(--acid);
  font-size:7px;
  letter-spacing:.14em;
}

.discover-identity strong {
  color:var(--ink);
  font:800 clamp(22px,2vw,31px)/.95 Manrope,sans-serif;
  letter-spacing:-.035em;
}

.discover-identity p {
  max-width:470px;
  margin:1px 0 0;
  color:#a8a5ac;
  font-size:11px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.art-placeholder {
  --placeholder-color:var(--acid);
  position:absolute;
  z-index:0;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  border-radius:inherit;
  background:
    radial-gradient(circle at 48% 42%,color-mix(in srgb,var(--placeholder-color) 21%,transparent),transparent 45%),
    linear-gradient(145deg,#17171b,#0d0d10);
}

.art-placeholder::after {
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:repeating-linear-gradient(115deg,transparent 0 18px,rgba(255,255,255,.055) 18px 19px);
}

.art-placeholder svg {
  width:19%;
  min-width:30px;
  max-height:42%;
  fill:var(--placeholder-color);
  opacity:.82;
  filter:drop-shadow(0 0 15px color-mix(in srgb,var(--placeholder-color) 42%,transparent));
}

.art-placeholder--1 { --placeholder-color:#65fff2; }
.art-placeholder--2 { --placeholder-color:#ff655f; }
.art-placeholder--3 { --placeholder-color:#9b7dff; }

.mix-card__art > img[data-artwork],
.archive-card__art > img[data-artwork] {
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .38s ease,transform .8s var(--ease),filter .5s;
}

.mix-card__art > img[data-artwork].is-loaded,
.archive-card__art > img[data-artwork].is-loaded {
  opacity:1;
}

.archive-card__art {
  isolation:isolate;
}

/* Keep every supporter inside its own ticker cell on narrow screens. */

/* 2026-07-30: asymmetric opening identity and persistent support ribbon. */
.discover {
  padding-top:var(--header-h);
  padding-bottom:50px;
}

.discover-intro {
  min-height:calc(100svh - var(--header-h) - 50px);
  padding:clamp(54px,8vh,96px) clamp(28px,8vw,150px);
  place-items:center;
  text-align:left;
}

.discover-intro::before {
  left:26%;
  top:52%;
  width:min(62vw,920px);
  aspect-ratio:1;
  background:
    radial-gradient(circle,rgba(223,255,0,.09),rgba(223,255,0,.018) 34%,transparent 66%);
}

.discover-intro__identity {
  width:min(1500px,100%);
  display:grid;
  grid-template-columns:minmax(230px,.68fr) minmax(430px,1.32fr);
  align-items:center;
  gap:clamp(64px,9vw,170px);
}

.discover-intro__signal {
  position:relative;
  width:min(24vw,330px);
  justify-self:end;
  display:grid;
  justify-items:center;
}

.discover-intro__signal::before,
.discover-intro__signal::after {
  content:"";
  position:absolute;
  pointer-events:none;
}

.discover-intro__signal::before {
  left:-14%;
  top:12%;
  width:1px;
  height:76%;
  background:linear-gradient(transparent,rgba(223,255,0,.65) 18%,rgba(223,255,0,.12) 82%,transparent);
}

.discover-intro__signal::after {
  left:calc(-14% - 3px);
  top:31%;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 18px rgba(223,255,0,.72);
  animation:discoverSignalPulse 2.8s ease-in-out infinite;
}

.discover-intro__datum,
.discover-intro__signal-note {
  width:100%;
  color:#77767c;
  font-size:7px;
  letter-spacing:.18em;
}

.discover-intro__datum {
  margin-bottom:20px;
  display:flex;
  align-items:center;
  gap:12px;
}

.discover-intro__datum i {
  height:1px;
  flex:1;
  background:rgba(255,255,255,.14);
}

.discover-intro__mark-wrap {
  position:relative;
  width:clamp(160px,17vw,250px);
  aspect-ratio:394/620.5;
  isolation:isolate;
  filter:drop-shadow(0 0 42px rgba(223,255,0,.16));
}

.discover-intro__mark {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}

.discover-intro__mark--core {
  z-index:2;
  fill:var(--acid);
  filter:drop-shadow(0 0 20px rgba(223,255,0,.32));
  animation:discoverMarkBreathe 6s var(--ease) infinite;
}

.discover-intro__mark--echo {
  z-index:1;
  opacity:.13;
  mix-blend-mode:screen;
  animation:discoverMarkEcho 4.8s steps(1,end) infinite;
}

.discover-intro__mark--cyan {
  fill:#65fff2;
  transform:translate(-5px,2px);
}

.discover-intro__mark--coral {
  fill:var(--coral);
  transform:translate(6px,-2px);
  animation-delay:-2.35s;
}

.discover-intro__scan {
  position:absolute;
  z-index:3;
  left:-9%;
  right:-9%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--acid),#fff,var(--acid),transparent);
  box-shadow:0 0 12px rgba(223,255,0,.55);
  opacity:0;
  animation:discoverMarkScan 5.2s ease-in-out infinite;
  pointer-events:none;
}

.discover-intro__signal-note {
  margin-top:22px;
  display:flex;
  align-items:center;
  gap:9px;
}

.discover-intro__signal-note b {
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 10px rgba(223,255,0,.6);
}

.discover-intro__copy {
  width:min(760px,100%);
  margin:0;
  display:block;
}

.discover-intro__copy span {
  display:block;
  padding-left:2px;
  font-size:clamp(7px,.62vw,10px);
}

.discover-intro__copy strong {
  display:block;
  margin-top:clamp(18px,2.4vh,30px);
  font-size:clamp(48px,5.4vw,88px);
  line-height:.94;
  letter-spacing:-.067em;
}

.discover-intro__copy strong em {
  color:var(--ink);
  font-style:normal;
  -webkit-text-stroke:1px rgba(243,240,233,.48);
  -webkit-text-fill-color:transparent;
}

.discover-intro__mobile-break {
  display:none;
}

.discover-intro__copy p {
  max-width:650px;
  margin:clamp(24px,3.5vh,38px) 0 0;
  color:#b8b5bc;
  font-size:clamp(13px,1vw,16px);
  line-height:1.75;
}

.discover-intro__enter {
  grid-column:2;
  justify-self:start;
  margin-top:-16px;
}

@keyframes discoverMarkBreathe {
  0%,100% { transform:translate3d(0,0,0) scale(1); filter:drop-shadow(0 0 20px rgba(223,255,0,.28)); }
  50% { transform:translate3d(0,-7px,0) scale(1.012); filter:drop-shadow(0 0 30px rgba(223,255,0,.42)); }
}

@keyframes discoverMarkEcho {
  0%,88%,100% { opacity:.08; clip-path:inset(0); }
  90% { opacity:.32; clip-path:polygon(0 9%,100% 9%,100% 31%,0 34%); }
  93% { opacity:.2; clip-path:polygon(0 54%,100% 50%,100% 72%,0 76%); }
  96% { opacity:.28; clip-path:polygon(0 81%,100% 78%,100% 94%,0 96%); }
}

@keyframes discoverMarkScan {
  0%,16% { top:3%; opacity:0; }
  20% { opacity:.72; }
  62% { top:96%; opacity:.2; }
  66%,100% { top:96%; opacity:0; }
}

@keyframes discoverSignalPulse {
  0%,100% { opacity:.45; transform:scale(.7); }
  50% { opacity:1; transform:scale(1); }
}

.support-credits {
  position:fixed;
  z-index:60;
  left:0;
  right:0;
  bottom:0;
  grid-template-columns:clamp(126px,12vw,176px) minmax(0,1fr);
  min-height:50px;
  height:50px;
  margin:0;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:0;
  background:rgba(8,8,10,.88);
  backdrop-filter:blur(20px);
  box-shadow:0 -14px 40px rgba(0,0,0,.22);
  transition:bottom .55s var(--ease);
}

body:has(.player.is-visible) .support-credits {
  bottom:100px;
}

.support-credits__header {
  padding-inline:clamp(13px,1.8vw,25px);
}

.support-credits__header h2 {
  font-size:6px;
  letter-spacing:.13em;
}

.support-credits__rail,
.support-mark {
  height:49px;
}

.support-mark {
  flex-basis:94px;
  padding:5px 9px;
  opacity:.76;
}

.support-credits .support-mark img {
  max-width:84px;
  max-height:31px;
}

.support-mark strong {
  transform:scale(.7);
}

@media(max-width:840px) {
  .discover-intro {
    padding-inline:clamp(24px,6vw,54px);
  }

  .discover-intro__identity {
    grid-template-columns:minmax(170px,.6fr) minmax(360px,1.4fr);
    gap:clamp(42px,7vw,74px);
  }
}

@media(max-width:720px) {
  .discover {
    padding-top:var(--header-h);
    padding-bottom:42px;
  }

  .discover-intro {
    min-height:calc(100svh - var(--header-h) - 42px);
    padding:38px 22px 46px;
    text-align:left;
  }

  .discover-intro::before {
    left:29%;
    top:32%;
    width:100vw;
  }

  .discover-intro__identity {
    width:100%;
    max-width:430px;
    display:grid;
    grid-template-columns:112px minmax(0,1fr);
    align-items:center;
    gap:25px;
  }

  .discover-intro__signal {
    width:112px;
    justify-self:start;
  }

  .discover-intro__signal::before {
    left:-10px;
  }

  .discover-intro__signal::after {
    left:-13px;
  }

  .discover-intro__datum {
    font-size:5px;
    gap:6px;
    margin-bottom:11px;
  }

  .discover-intro__mark-wrap {
    width:88px;
  }

  .discover-intro__signal-note {
    margin-top:12px;
    font-size:5px;
    letter-spacing:.1em;
  }

  .discover-intro__copy {
    width:100%;
    max-width:100%;
    min-width:0;
    margin:0;
  }

  .discover-intro__mobile-break {
    display:block;
  }

  .discover-intro__copy span {
    max-width:100%;
    font-size:6px;
    line-height:1.5;
    white-space:normal;
  }

  .discover-intro__copy strong {
    margin-top:14px;
    font-size:clamp(32px,9.7vw,44px);
    line-height:.95;
    white-space:normal;
    overflow-wrap:normal;
  }

  .discover-intro__copy p {
    margin-top:17px;
    font-size:10px;
    line-height:1.65;
  }

  .discover-intro__enter {
    grid-column:1 / -1;
    justify-self:start;
    margin:8px 0 0 137px;
    font-size:6px;
  }

  .support-credits {
    grid-template-columns:91px minmax(0,1fr);
    min-height:42px;
    height:42px;
  }

  body:has(.player.is-visible) .support-credits {
    bottom:82px;
  }

  .support-credits__header {
    padding-inline:10px;
  }

  .support-credits__header h2 {
    max-width:70px;
    font-size:5px;
    line-height:1.3;
  }

  .support-credits__rail,
  .support-mark {
    height:41px;
  }

  .support-mark {
    flex-basis:78px;
    padding:4px 7px;
  }

  .support-credits .support-mark img {
    max-width:70px;
    max-height:27px;
  }
}

@media(max-width:470px) {
  .discover-intro__identity {
    grid-template-columns:88px minmax(0,1fr);
    gap:19px;
  }

  .discover-intro__signal {
    width:88px;
  }

  .discover-intro__copy {
    width:calc(100vw - 200px);
    max-width:calc(100vw - 200px);
  }

  .discover-intro__mark-wrap {
    width:70px;
  }

  .discover-intro__datum,
  .discover-intro__signal-note {
    display:none;
  }

  .discover-intro__copy strong {
    max-width:100%;
    font-size:clamp(25px,6.8vw,30px);
  }

  .discover-intro__copy p {
    padding-right:10px;
    font-size:9px;
  }

  .discover-intro__enter {
    margin-left:107px;
  }
}

@media(prefers-reduced-motion:reduce) {
  .discover-intro__mark,
  .discover-intro__scan,
  .discover-intro__signal::after {
    animation:none!important;
  }

  .discover-intro__mark--echo,
  .discover-intro__scan {
    display:none;
  }
}
.support-credits__sequence,
.support-credits__group {
  flex:none;
}

.support-mark {
  overflow:hidden;
  isolation:isolate;
}

.support-credits .support-mark img {
  display:block;
  max-inline-size:100%;
  object-fit:contain;
}

@media(max-width:720px) {
  .discover-identity {
    width:100%;
    grid-template-columns:34px minmax(0,1fr);
    align-items:flex-start;
    gap:13px;
    margin:0 0 27px;
    padding:0 0 15px;
  }

  .discover-identity__mark {
    width:34px;
    height:53px;
  }

  .discover-identity strong {
    font-size:25px;
  }

  .discover-identity span {
    font-size:6px;
  }

  .discover-identity p {
    font-size:10px;
    line-height:1.5;
  }

  .support-mark {
    flex-basis:96px;
    padding-inline:9px;
  }
}

/* 2026-07-31: tighten and top-align the opening statement. */
.discover-intro {
  place-items:start center;
  padding-top:clamp(54px,7.5vh,86px);
}

.discover-intro__identity {
  align-items:start;
}

.discover-intro__copy strong {
  margin-top:2px;
}

.discover-intro__copy p {
  margin-top:clamp(20px,2.6vh,28px);
  color:#d2cfd4;
  font-size:clamp(12px,.9vw,15px);
  font-weight:700;
  line-height:1.62;
}

@media(max-width:720px) {
  .discover-intro {
    place-items:start center;
    padding-top:34px;
  }

  .discover-intro__identity {
    align-items:start;
  }

  .discover-intro__copy strong {
    margin-top:11px;
  }

  .discover-intro__copy p {
    margin-top:14px;
    font-size:9px;
    line-height:1.55;
  }
}

/* Keep every part of the opening copy on one deliberate left edge. */
.discover-intro__copy {
  justify-items:start;
  text-align:left;
}

.discover-intro__copy > span,
.discover-intro__copy > strong,
.discover-intro__copy > p {
  width:100%;
  margin-left:0;
  margin-right:0;
  text-align:left;
}

/* Inline glossary: the definition now belongs to the word it explains. */
.discover-intro__copy p .mashup-term-wrap {
  position:relative;
  display:inline-block;
  width:auto;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  vertical-align:baseline;
}

.mashup-term {
  position:relative;
  margin:0;
  padding:0 1px;
  border:0;
  border-bottom:1px solid rgba(223,255,0,.72);
  border-radius:0;
  background:transparent;
  color:var(--ink);
  font:inherit;
  font-weight:800;
  line-height:inherit;
  cursor:help;
}

.mashup-term::after {
  content:"?";
  position:absolute;
  right:-10px;
  top:-5px;
  color:var(--acid);
  font:500 6px/1 "DM Mono",monospace;
  opacity:.72;
  transition:transform .3s var(--ease),opacity .3s var(--ease);
}

.mashup-term:hover,
.mashup-term:focus-visible {
  color:var(--acid);
  outline:0;
}

.mashup-term:hover::after,
.mashup-term:focus-visible::after,
.mashup-term-wrap.is-open .mashup-term::after {
  opacity:1;
  transform:translateY(-2px) rotate(8deg);
}

.mashup-popover {
  position:absolute;
  z-index:20;
  left:-18px;
  top:calc(100% + 17px);
  width:min(370px,72vw);
  padding:18px 20px 17px;
  border:1px solid rgba(255,255,255,.16);
  border-left:2px solid var(--acid);
  background:
    radial-gradient(circle at 100% 100%,rgba(223,255,0,.09),transparent 32%),
    rgba(13,13,17,.96);
  box-shadow:0 24px 70px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(20px);
  color:var(--ink);
  visibility:hidden;
  opacity:0;
  transform:translate3d(0,-8px,0) scale(.97);
  transform-origin:18px 0;
  clip-path:inset(0 0 100% 0);
  pointer-events:none;
  transition:
    opacity .25s ease,
    transform .42s var(--ease),
    clip-path .42s var(--ease),
    visibility 0s linear .42s;
}

.discover-intro__copy .mashup-popover {
  width:min(390px,72vw);
  padding:23px 27px 21px;
}

.mashup-popover::before {
  content:"";
  position:absolute;
  left:17px;
  top:-7px;
  width:12px;
  height:12px;
  border-left:1px solid rgba(255,255,255,.16);
  border-top:1px solid rgba(255,255,255,.16);
  background:#0d0d11;
  transform:rotate(45deg);
}

.mashup-term-wrap:hover .mashup-popover,
.mashup-term-wrap:focus-within .mashup-popover,
.mashup-term-wrap.is-open .mashup-popover {
  visibility:visible;
  opacity:1;
  transform:none;
  clip-path:inset(0);
  pointer-events:auto;
  transition-delay:0s;
}

.discover-intro__copy .mashup-popover > span {
  display:block;
  width:auto;
  padding:0;
  letter-spacing:normal;
}

.discover-intro__copy .mashup-popover__label {
  margin-bottom:11px;
  color:#77767d;
  font-size:6px;
  letter-spacing:.15em;
}

.discover-intro__copy .mashup-popover__term {
  color:var(--ink);
  font-size:21px;
  font-weight:800;
  line-height:1;
  letter-spacing:-.045em;
}

.mashup-popover__term dfn {
  font-style:normal;
}

.discover-intro__copy .mashup-popover__term b {
  color:var(--acid);
  font-size:7px;
  font-weight:500;
  letter-spacing:.08em;
}

.discover-intro__copy .mashup-popover__definition {
  margin-top:11px;
  color:#c8c5ca;
  font-size:11px;
  font-weight:500;
  line-height:1.55;
}

.discover-intro__copy .mashup-popover__signal {
  margin-top:14px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.1);
  color:#77767d;
  font-size:6px;
  letter-spacing:.13em;
}

.mashup-popover__signal i {
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:7px;
  border-radius:50%;
  background:var(--acid);
  box-shadow:0 0 9px rgba(223,255,0,.75);
  vertical-align:1px;
}

.section-heading--discover-controls .section-heading__side {
  justify-content:flex-end;
}

@media(max-width:720px) {
  .discover-intro__copy .mashup-popover {
    position:fixed;
    z-index:80;
    left:18px;
    right:18px;
    top:auto;
    bottom:58px;
    width:auto;
    padding:21px 22px 19px;
    transform-origin:50% 100%;
  }

  .mashup-popover::before {
    display:none;
  }
}

@media(prefers-reduced-motion:reduce) {
  .mashup-popover {
    transition:none;
  }
}

/* Permanent per-mashup links: paired with play without competing with it. */
.archive-card__actions {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}

.archive-card__share,
.mix-card__share {
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:transparent;
  color:var(--ink);
  cursor:pointer;
  transition:transform .28s var(--ease),background-color .28s,border-color .28s,color .28s,opacity .28s;
}

.archive-card__share {
  width:29px;
  height:29px;
}

.archive-card__share:hover,
.archive-card__share:focus-visible,
.mix-card__share:hover,
.mix-card__share:focus-visible,
.detail-action--share:hover,
.detail-action--share:focus-visible {
  border-color:var(--acid);
  background:var(--acid);
  color:#09090b;
  transform:scale(1.08);
}

.archive-card__share svg {
  width:13px;
  height:13px;
}

.archive-grid.is-list .archive-card__meta {
  grid-template-columns:minmax(46px,1fr) minmax(66px,auto) minmax(46px,1fr);
}

.mix-card__transport .mix-card__share {
  position:relative;
  width:38px;
  height:38px;
  min-width:38px;
  min-height:38px;
  border-width:2px;
  opacity:0;
  transform:scale(.72);
  pointer-events:none;
}

.mix-card.is-featured-active .mix-card__transport .mix-card__share {
  opacity:1;
  transform:scale(1);
  pointer-events:auto;
}

.mix-card__share svg {
  width:16px;
  height:16px;
}

.share-link-button svg {
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.share-link-button__tick {
  display:none;
}

.share-link-button.is-copied .share-link-button__link {
  display:none;
}

.share-link-button.is-copied .share-link-button__tick {
  display:block;
}

.share-link-button[title]::after {
  content:attr(title);
  position:absolute;
  z-index:12;
  left:50%;
  bottom:calc(100% + 9px);
  width:max-content;
  max-width:180px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:6px;
  background:#09090b;
  color:var(--ink);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
  font:7px "DM Mono",monospace;
  letter-spacing:.06em;
  text-transform:uppercase;
  opacity:0;
  transform:translate(-50%,4px);
  pointer-events:none;
  transition:opacity .2s,transform .2s;
}

.share-link-button[title]:hover::after,
.share-link-button[title]:focus-visible::after {
  opacity:1;
  transform:translate(-50%,0);
}

.archive-card__share,
.detail-action--share {
  position:relative;
}

.detail-action--share.is-copied {
  border-color:var(--acid);
  color:var(--acid);
}

.share-confirmation {
  position:fixed;
  z-index:100;
  right:clamp(16px,3vw,42px);
  bottom:64px;
  width:min(520px,calc(100% - 32px));
  display:grid;
  grid-template-columns:minmax(0,1fr) auto 32px;
  gap:13px;
  align-items:center;
  padding:13px 13px 13px 17px;
  border:1px solid rgba(223,255,0,.34);
  border-radius:13px;
  background:rgba(11,11,14,.96);
  color:var(--ink);
  box-shadow:0 22px 70px rgba(0,0,0,.68),0 0 30px rgba(223,255,0,.06);
  backdrop-filter:blur(22px);
  opacity:0;
  transform:translateY(16px) scale(.98);
  transition:opacity .28s,transform .28s var(--ease);
}

body:has(.player.is-visible) .share-confirmation {
  bottom:164px;
}

.share-confirmation[hidden] {
  display:none;
}

.share-confirmation.is-visible {
  opacity:1;
  transform:none;
}

.share-confirmation__copy {
  min-width:0;
}

.share-confirmation__copy strong {
  display:block;
  margin-bottom:6px;
  color:var(--acid);
  font-size:10px;
}

.share-confirmation__copy input {
  width:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:#aaa9af;
  font:8px "DM Mono",monospace;
  text-overflow:ellipsis;
}

.share-confirmation__copy input::selection {
  background:var(--acid);
  color:#09090b;
}

.share-confirmation>a {
  color:var(--ink);
  font:7px "DM Mono",monospace;
  letter-spacing:.08em;
  white-space:nowrap;
}

.share-confirmation>a:hover {
  color:var(--acid);
}

.share-confirmation>button {
  width:32px;
  height:32px;
  border:1px solid var(--line);
  border-radius:50%;
  background:transparent;
  color:var(--ink);
  font-size:17px;
  cursor:pointer;
}

@media(max-width:720px) {
  .share-confirmation {
    right:16px;
    bottom:62px;
    grid-template-columns:minmax(0,1fr) 30px;
  }

  body:has(.player.is-visible) .share-confirmation {
    bottom:148px;
  }

  .share-confirmation>a {
    grid-column:1;
    grid-row:2;
  }

  .share-confirmation>button {
    grid-column:2;
    grid-row:1 / span 2;
  }
}

@media(prefers-reduced-motion:reduce) {
  .share-confirmation,
  .share-link-button {
    transition:none;
  }
}

/* Keep the fixed footer layers stacked instead of letting the support strip cover footer copy. */
.support-credits,
body:has(.player.is-visible) .support-credits {
  bottom:0;
}

.player {
  bottom:66px;
}

body:has(.player.is-visible) .site-footer {
  padding-bottom:190px;
}

/* Keep the opening identity compact enough that Discover is visible on arrival. */
.discover-intro {
  min-height:0;
  padding-top:clamp(38px,4.5vh,58px);
  padding-bottom:clamp(38px,4.5vh,62px);
}

.discover-intro__identity {
  column-gap:clamp(64px,9vw,170px);
  row-gap:20px;
}

.discover .section-heading--discover-controls {
  padding-top:clamp(24px,3vw,44px);
}

@media(max-width:720px) {
  .player {
    bottom:56px;
  }

  body:has(.player.is-visible) .site-footer {
    padding-bottom:170px;
  }

  .discover-intro {
    min-height:0;
    padding-top:30px;
    padding-bottom:34px;
  }

  .discover-intro__identity {
    column-gap:25px;
    row-gap:18px;
  }

  .discover .section-heading--discover-controls {
    padding-top:24px;
  }
}

/* The personal story and Radio 1 endorsement now close the editorial journey. */
.about-profile {
  order:7;
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);
  gap:clamp(55px,9vw,150px);
  align-items:start;
  overflow:hidden;
  padding-top:clamp(80px,9vw,145px);
  padding-bottom:clamp(90px,10vw,160px);
  border-top:1px solid var(--line);
  background:linear-gradient(125deg,rgba(255,95,82,.055),transparent 35%,rgba(139,92,255,.05));
}

.about-profile::before {
  content:"ABOUT / JOHN MARR";
  position:absolute;
  z-index:-1;
  right:-.03em;
  bottom:-.18em;
  color:rgba(255,255,255,.018);
  font-size:clamp(90px,15vw,250px);
  font-weight:800;
  line-height:.8;
  letter-spacing:-.09em;
  white-space:nowrap;
  pointer-events:none;
}

.about-profile__heading h2 {
  max-width:760px;
  margin:18px 0 0;
  font-size:clamp(54px,7.2vw,112px);
  line-height:.87;
  letter-spacing:-.075em;
}

.about-profile__heading h2 em {
  color:var(--acid);
  font-style:normal;
}

.about-profile__story {
  position:relative;
  z-index:2;
  max-width:790px;
  padding-top:29px;
}

.about-profile__story>p {
  max-width:690px;
  margin:0;
  color:var(--muted);
  font-size:clamp(13px,1.15vw,17px);
  line-height:1.72;
}

.about-profile__story>p + p {
  margin-top:20px;
}

.about-profile__story>p em {
  color:var(--ink);
  font-style:normal;
  font-weight:750;
}

.about-profile__story .about-profile__lead {
  color:var(--ink);
  font-size:clamp(19px,1.8vw,28px);
  font-weight:650;
  line-height:1.42;
  letter-spacing:-.035em;
}

.about-profile__facts {
  display:grid;
  grid-template-columns:.72fr .72fr 1.56fr;
  margin-top:clamp(38px,5vw,68px);
  border-block:1px solid var(--line);
}

.about-profile__facts span {
  min-width:0;
  padding:18px 17px 20px 0;
}

.about-profile__facts span + span {
  padding-left:17px;
  border-left:1px solid var(--line);
}

.about-profile__facts small,
.about-profile__facts strong {
  display:block;
}

.about-profile__facts small {
  color:var(--acid);
  font-size:6.5px;
  letter-spacing:.13em;
}

.about-profile__facts strong {
  margin-top:8px;
  font-size:10px;
  line-height:1.45;
}

.about-profile__links {
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:28px;
}

.about-profile__links a {
  padding:10px 14px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-size:9px;
  transition:background .25s,color .25s,border-color .25s,transform .3s var(--ease);
}

.about-profile__links a:hover {
  border-color:var(--acid);
  background:var(--acid);
  color:#09090b;
  transform:translateY(-2px);
}

.about-profile__mark {
  position:absolute;
  z-index:0;
  left:clamp(20px,5vw,84px);
  bottom:-9%;
  width:clamp(75px,9vw,145px);
  aspect-ratio:394/620.5;
  color:rgba(223,255,0,.055);
  fill:currentColor;
  pointer-events:none;
}

.rediscovery {
  order:8;
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,.72fr);
  gap:clamp(55px,8vw,145px);
  padding:clamp(76px,8vw,132px) clamp(20px,5vw,84px);
  border-top:1px solid var(--line);
  background:
    radial-gradient(circle at 14% 70%,rgba(223,255,0,.08),transparent 31%),
    linear-gradient(115deg,rgba(255,255,255,.018),transparent 42%);
}

.rediscovery::after {
  content:"20 YEARS / STILL PLAYING";
  position:absolute;
  right:-.03em;
  bottom:-.2em;
  color:rgba(255,255,255,.025);
  font-weight:800;
  font-size:clamp(72px,11vw,184px);
  letter-spacing:-.07em;
  line-height:.8;
  white-space:nowrap;
  pointer-events:none;
}

.rediscovery__story,.rediscovery__reactions { position:relative;z-index:1; }

.rediscovery__years {
  display:flex;
  align-items:center;
  gap:15px;
  width:min(100%,430px);
  margin:clamp(30px,4vw,60px) 0 22px;
  color:var(--acid);
  font-size:clamp(13px,1.1vw,17px);
  letter-spacing:.1em;
}

.rediscovery__years i { height:1px;flex:1;background:var(--acid);position:relative; }
.rediscovery__years i::after { content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid); }

.rediscovery h2 {
  margin:0;
  max-width:850px;
  color:var(--white);
  font-size:clamp(49px,6.4vw,106px);
  font-weight:750;
  letter-spacing:-.067em;
  line-height:.84;
}

.rediscovery h2 em { color:var(--acid);font-style:normal; }
.rediscovery__story>p { max-width:720px;margin:32px 0 0;color:#aaa9a5;font-size:clamp(14px,1.1vw,18px);line-height:1.65; }
.rediscovery__story>p em { color:var(--white);font-style:normal; }

.rediscovery__stats { display:grid;grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:38px;border-block:1px solid var(--line); }
.rediscovery__stats span { min-width:0;padding:18px 17px 17px 0;display:grid;gap:6px; }
.rediscovery__stats span + span { padding-left:17px;border-left:1px solid var(--line); }
.rediscovery__stats strong { color:var(--white);font-size:clamp(23px,2vw,34px);line-height:1; }
.rediscovery__stats small { color:var(--acid);font-size:7px;letter-spacing:.12em; }

.rediscovery__links { display:flex;flex-wrap:wrap;gap:9px;margin-top:25px; }
.rediscovery__links a { padding:10px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:9px;transition:background .2s,color .2s,border-color .2s,transform .2s; }
.rediscovery__links a:hover { border-color:var(--acid);background:var(--acid);color:#09090b;transform:translateY(-2px); }

.rediscovery__reactions { align-self:center;border-block:1px solid var(--line); }
.rediscovery__reactions blockquote { position:relative;margin:0;padding:clamp(26px,3vw,45px) clamp(14px,2.6vw,38px) clamp(25px,3vw,42px) clamp(47px,4.5vw,76px);border-bottom:1px solid var(--line);transition:background .25s,transform .3s var(--ease); }
.rediscovery__reactions blockquote:last-child { border-bottom:0; }
.rediscovery__reactions blockquote::before { content:"“";position:absolute;left:10px;top:19px;color:var(--acid);font-size:clamp(45px,5vw,78px);font-weight:800;line-height:1; }
.rediscovery__reactions blockquote:hover { background:rgba(223,255,0,.045);transform:translateX(-8px); }
.rediscovery__reactions p { margin:0;color:var(--white);font-size:clamp(20px,2vw,33px);font-weight:650;letter-spacing:-.04em;line-height:1.04; }
.rediscovery__reactions footer { margin-top:17px;color:var(--acid);font-size:8px;letter-spacing:.12em; }

.artist-approval {
  order:9;
  display:grid;
  grid-template-columns:minmax(260px,.64fr) minmax(420px,1fr) minmax(270px,.58fr);
  gap:clamp(28px,4vw,70px);
  align-items:stretch;
  padding:clamp(48px,5vw,82px) clamp(20px,5vw,84px);
  border-top:1px solid var(--line);
  background:rgba(8,9,11,.72);
}

.artist-approval__heading {
  display:grid;
  align-content:start;
  gap:25px;
}

.artist-approval__heading h2 {
  margin:0;
  color:var(--white);
  font-size:clamp(34px,3.7vw,63px);
  font-weight:750;
  letter-spacing:-.06em;
  line-height:.91;
}

.artist-approval__heading h2 em {
  color:var(--acid);
  font-style:normal;
}

.artist-approval__quote,
.artist-approval__like {
  min-width:0;
  margin:0;
  border:1px solid var(--line);
  padding:clamp(22px,2.4vw,38px);
  background:#101216;
}

.artist-approval__quote>span,
.artist-approval__like>span {
  color:var(--acid);
  font-size:7px;
  letter-spacing:.13em;
}

.artist-approval__quote blockquote {
  margin:20px 0 25px;
  color:var(--white);
  font-size:clamp(20px,1.65vw,29px);
  font-weight:650;
  letter-spacing:-.035em;
  line-height:1.08;
}

.artist-approval__quote figcaption {
  display:grid;
  gap:4px;
}

.artist-approval__quote figcaption strong {
  color:var(--white);
  font-size:11px;
}

.artist-approval__quote figcaption span,
.artist-approval__like p {
  color:var(--muted);
  font-size:9px;
  line-height:1.5;
}

.artist-approval__like {
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-items:start;
}

.artist-approval__like i {
  align-self:center;
  color:var(--acid);
  font-size:clamp(55px,5.5vw,92px);
  font-style:normal;
  line-height:1;
  text-shadow:0 0 25px rgba(223,255,0,.23);
}

.artist-approval__like p {
  margin:0;
  font-size:11px;
}

.artist-approval__like p strong {
  color:var(--white);
}

.press-signal {
  order:10;
  margin-bottom:50px;
}

@media(max-width:900px) {
  .artist-approval { grid-template-columns:1fr 1fr; }
  .artist-approval__heading { grid-column:1 / -1; }
  .artist-approval__heading h2 { max-width:650px; }

  .rediscovery { grid-template-columns:1fr;gap:64px; }
  .rediscovery__story>p { max-width:780px; }
  .rediscovery__reactions { width:min(100%,720px);justify-self:end; }

  .about-profile {
    grid-template-columns:1fr;
    gap:35px;
  }

  .about-profile__story {
    max-width:720px;
    padding-top:0;
  }
}

@media(max-width:720px) {
  .artist-approval { grid-template-columns:1fr;padding:64px 20px;gap:14px; }
  .artist-approval__heading { grid-column:auto;margin-bottom:20px; }
  .artist-approval__heading h2 { font-size:clamp(42px,13vw,60px); }
  .artist-approval__like { min-height:210px; }

  .rediscovery { padding:72px 20px 88px;gap:48px; }
  .rediscovery::after { display:none; }
  .rediscovery h2 { font-size:clamp(48px,14.5vw,67px); }
  .rediscovery__story>p { margin-top:25px; }
  .rediscovery__stats span { padding:15px 9px 14px 0; }
  .rediscovery__stats span + span { padding-left:9px; }
  .rediscovery__stats strong { font-size:clamp(20px,7vw,28px); }
  .rediscovery__stats small { font-size:6px;line-height:1.4; }
  .rediscovery__reactions blockquote { padding-left:52px; }
  .rediscovery__reactions blockquote:hover { transform:none; }

  .about-profile {
    padding:72px 20px 88px;
  }

  .about-profile__heading h2 {
    font-size:clamp(48px,15vw,67px);
  }

  .about-profile__facts {
    grid-template-columns:1fr 1fr;
  }

  .about-profile__facts span:nth-child(3) {
    grid-column:1 / -1;
    padding-left:0;
    border-top:1px solid var(--line);
    border-left:0;
  }

  .about-profile__mark {
    right:20px;
    left:auto;
    bottom:2%;
  }

  .press-signal {
    margin-bottom:42px;
  }

}

@media(max-width:470px) {
  .discover-intro__identity {
    column-gap:19px;
  }
}