/* Editorial layout. Turntable geometry remains in the base stylesheet. */
.project-art{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center}.project-art img{width:52%;aspect-ratio:1;object-fit:cover;position:absolute;border-radius:4px;box-shadow:0 24px 60px #0006}.project-art img:nth-child(1){transform:translate(-35%,-10%) rotate(-12deg)}.project-art img:nth-child(2){transform:translate(30%,-5%) rotate(12deg)}.project-art img:nth-child(3){transform:translate(0,20%);width:55%}.project-art>span{position:absolute;bottom:0;font-size:8px;letter-spacing:2px;color:#a5a8b1}.hero .tune-in{width:max-content}@media(max-width:700px){.project-art{min-height:360px;margin-top:25px}}
:root{--paper:#f1efe7;--muted:#a5a8b1;--accent:#d7e6aa;--line:#ffffff24}
html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:#10131d;color:var(--paper)}main{max-width:1440px;padding:32px 64px}a{text-decoration:none}header{padding-bottom:28px}.brand{color:var(--paper);font-size:30px;letter-spacing:-1.3px}.brand span{color:var(--accent)}nav{display:flex;gap:32px;align-items:center}nav a{font-size:12px;color:#c0c2ca}.nav-live{border:1px solid var(--line);padding:10px 16px;border-radius:30px}.nav-live i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--accent)}
.hero{grid-template-columns:1fr 1.08fr;gap:12px;min-height:650px;padding:48px 0 24px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:9px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.small-line{width:30px;height:1px;background:var(--accent)}h1{font-size:clamp(48px,5.6vw,84px);letter-spacing:-4.5px;line-height:1.03;margin:30px 0}h1 em,h2 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent)}.intro{font-size:16px;line-height:1.8}.tune-in{margin-top:22px;background:var(--accent);color:#182019;border:0;border-radius:30px;padding:15px 24px;min-width:158px;display:flex;justify-content:space-between;gap:30px;font:600 13px system-ui;cursor:pointer}.tune-in:hover{background:#e8f7c2}.hero-credit{font-size:8px;letter-spacing:1.7px;color:var(--muted);margin-top:28px}.hero-credit strong{display:block;font-size:11px;letter-spacing:.2px;margin-top:5px;font-weight:400;color:var(--paper)}.hero .art{width:100%;border-radius:0;background:transparent}
.section-marker{display:flex;justify-content:space-between;gap:16px;font:9px/1.5 system-ui;letter-spacing:1.7px;color:var(--muted);padding:20px 0;border-top:1px solid var(--line)}.player{background:#171b25;border:1px solid var(--line);padding:24px 28px;border-radius:8px;gap:24px}.track-cover{width:76px;height:76px}#title{font-size:20px;line-height:1.35;overflow-wrap:anywhere}#play{width:60px;height:60px}.note{font-size:11px;min-height:18px}.sound-section{padding-top:65px}.section-intro,.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin:36px 0}h2{font-size:clamp(36px,4vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:0}.section-intro p,.about-grid p{color:var(--muted);font-size:15px;line-height:1.9;max-width:440px}.genres{display:flex;gap:10px;flex-wrap:wrap;margin:35px 0 60px}.genres span{border:1px solid var(--line);border-radius:24px;padding:8px 18px;font-size:11px;color:#ced0d6}.shelf-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.shelf-heading h3{font-size:18px;font-weight:400;margin:0}.shelf-heading>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.record-shelf{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cover-wrap{aspect-ratio:1;overflow:hidden;background:#171b25;border-radius:4px;margin-bottom:18px}.cover-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.record-card:hover img{transform:scale(1.03)}.record-artist{font-size:10px;color:var(--accent);letter-spacing:.5px}.record-card h3{font-size:16px;line-height:1.4;font-weight:400;margin:7px 0}.tracklist{margin-top:38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:22px 0;font-size:13px}summary span{float:right;font-size:11px;color:var(--muted)}.tracklist ol{list-style:none;margin:0;padding:0 0 20px}.tracklist li{display:flex;gap:20px;border-top:1px solid #ffffff0d;padding:14px 0;font-size:12px}.tracklist li>span,.tracklist time{color:var(--muted);font-variant-numeric:tabular-nums}.tracklist li div{flex:1}.tracklist strong{font-weight:400}.tracklist small{display:block;color:var(--muted);margin-top:4px}.about-section{padding-top:90px}.about-grid{align-items:start;margin:42px 0 80px}.about-grid .about-lead{color:var(--paper);font-size:19px;margin-top:0}.text-link{display:inline-block;color:var(--accent);border-bottom:1px solid #d7e6aa66;padding-bottom:6px;font-size:12px;margin-top:16px}.closing{border-top:1px solid var(--line);padding:70px 0;text-align:center}.closing .eyebrow{justify-content:center;margin-bottom:25px}.closing h2{font-size:clamp(38px,5vw,68px)}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 0;font-size:9px}footer .brand{font-size:25px}footer>a:last-child{color:var(--muted);letter-spacing:0}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:1000px){main{padding:26px 32px}.hero{min-height:560px}h1{font-size:58px;letter-spacing:-3px}.section-intro,.about-grid{gap:45px}.player{padding:20px}nav{gap:22px}.record-shelf{gap:18px}}
@media(max-width:700px){main{padding:22px}.brand{font-size:26px}header{padding-bottom:20px}nav{gap:0}nav>a:not(.nav-live){display:none}.nav-live{font-size:10px;padding:8px 12px}.hero{grid-template-columns:1fr;padding:44px 0 18px;gap:8px;min-height:0}.hero .art{width:100%;max-width:470px;grid-row:2;margin:-10px auto 0}h1{font-size:clamp(43px,11.8vw,72px);letter-spacing:-2.5px}.intro{font-size:14px}.hero-credit{margin-top:22px}.hero .eyebrow{font-size:8px}.section-marker{font-size:8px;letter-spacing:1px}.section-marker>span:last-child{display:none}.player{grid-template-columns:44px 1fr;gap:12px;padding:16px 12px}#play{width:44px;height:44px}.track-cover{width:55px;height:55px}.track-info{gap:10px}#title{font-size:14px}#artist{font-size:11px}.status{font-size:8px}.volume{grid-column:2;font-size:10px}.volume input{width:100%}.sound-section,.about-section{padding-top:45px}.section-intro,.about-grid{grid-template-columns:1fr;gap:20px;margin:25px 0}h2{font-size:38px}.genres{margin:22px 0 36px}.genres span{padding:7px 11px;font-size:9px}.shelf-heading{align-items:start;gap:10px}.shelf-heading h3{font-size:16px}.shelf-heading>span{max-width:110px;text-align:right;font-size:7px}.record-shelf{gap:12px}.record-card h3{font-size:11px}.record-artist{font-size:8px}.cover-wrap{margin-bottom:10px}.section-intro p,.about-grid p{font-size:14px}.closing{padding:50px 0;margin-top:45px}footer{flex-wrap:wrap;align-items:start}footer>a:last-child{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cover-wrap img{transition:none}}

.radio-waves{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}body>main{position:relative;z-index:1}

/* Vinyl sleeves: artwork stays in front while the record slides out behind it. */
.vinyl-sleeve{position:relative;aspect-ratio:1;isolation:isolate}
.vinyl-sleeve>img{position:relative!important;inset:auto;width:100%!important;height:100%;display:block;object-fit:cover;border-radius:2px!important;transform:none!important;box-shadow:3px 3px 10px #0009!important;z-index:2}
.vinyl-sleeve:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border:1px solid #ffffff24;background:linear-gradient(100deg,#ffffff12,transparent 12%,transparent 96%,#0005)}
.sleeve-disc{position:absolute;inset:2%;border-radius:50%;z-index:1;transform:translateX(39%);background:repeating-radial-gradient(circle,#17191d 0 1px,#08090c 1.5px 3px);box-shadow:0 9px 24px #0007,inset 0 0 0 2px #474950;animation:sleeve-slide 9s ease-in-out infinite;will-change:transform}
.sleeve-disc:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent,#ffffff28 35deg,transparent 70deg,transparent 180deg,#ffffff1c 220deg,transparent 260deg)}
.sleeve-disc:after{content:"";position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle,#10131d 0 5%,#d5d4cb 6% 8%,transparent 9%),var(--record-label) center/cover;box-shadow:0 0 0 1px #ffffff30}
.project-art .vinyl-sleeve{position:absolute;width:45%}
.project-art .vinyl-sleeve:nth-child(1){transform:translate(-42%,-25%) rotate(-13deg);z-index:1}
.project-art .vinyl-sleeve:nth-child(2){transform:translate(15%,-6%) rotate(10deg);z-index:2}
.project-art .vinyl-sleeve:nth-child(3){transform:translate(-15%,36%) rotate(-3deg);z-index:3}
.project-art .vinyl-sleeve:nth-child(2) .sleeve-disc,.record-card:nth-child(2) .sleeve-disc{animation-delay:-3s}
.project-art .vinyl-sleeve:nth-child(3) .sleeve-disc,.record-card:nth-child(3) .sleeve-disc{animation-delay:-6s}
.cover-wrap{overflow:visible;background:transparent;aspect-ratio:auto;padding-right:26%}
.cover-wrap .vinyl-sleeve{width:100%}
@keyframes sleeve-slide{0%,100%{transform:translateX(22%)}45%,60%{transform:translateX(48%)}}
@media(prefers-reduced-motion:reduce){.sleeve-disc{animation-duration:24s}}

/* Sleeve motion follows hover instead of looping automatically. */
.sleeve-disc{animation:none!important;transform:translateX(10%);transition:transform 1.1s cubic-bezier(.22,.61,.36,1);will-change:auto}
.vinyl-sleeve:hover .sleeve-disc,.record-card:hover .sleeve-disc{transform:translateX(48%)}
@media(hover:none){.sleeve-disc{transform:translateX(30%)}}
@media(prefers-reduced-motion:reduce){.sleeve-disc{transition-duration:.2s}}

/* Lift the selected sleeve out of the stack. */
.project-art .vinyl-sleeve{transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s;}
.project-art .vinyl-sleeve:nth-child(1):hover{z-index:10;transform:translate(-42%,-34%) rotate(-6deg) scale(1.10);filter:drop-shadow(0 18px 20px #0007)}
.project-art .vinyl-sleeve:nth-child(2):hover{z-index:10;transform:translate(15%,-15%) rotate(4deg) scale(1.10);filter:drop-shadow(0 18px 20px #0007)}
.project-art .vinyl-sleeve:nth-child(3):hover{z-index:10;transform:translate(-15%,27%) rotate(0deg) scale(1.10);filter:drop-shadow(0 18px 20px #0007)}
@media(prefers-reduced-motion:reduce){.project-art .vinyl-sleeve{transition-duration:.2s}}

/* Lift the lower record sleeves without shifting their captions. */
.record-card{position:relative}
.record-card .vinyl-sleeve{transition:transform .55s cubic-bezier(.22,.61,.36,1),filter .55s}
@media(hover:hover){
 .record-card:hover{z-index:10}
 .record-card:hover .vinyl-sleeve{transform:translateY(-12px) rotate(-2deg) scale(1.04);filter:drop-shadow(0 16px 16px #0007)}
}
@media(prefers-reduced-motion:reduce){.record-card .vinyl-sleeve{transition-duration:.2s}}