.radio-hero{display:block;min-height:0;aspect-ratio:3.8;align-content:center;background:#b17b21 url('/assets/radio-extended-banner.png') right center/120% auto no-repeat}
.radio-hero .room-hero-copy{width:38%;padding:24px 2vw 24px 6vw}
.radio-hero h1{background:none;-webkit-text-fill-color:#432113;color:#432113}
.radio-hero .eyebrow,.radio-hero .room-hero-copy>p:last-child{color:#432113}
.radio-hero .back-link{color:#f0d293}
.radio-invitation{padding:65px 24px 75px;max-width:960px;margin:auto;text-align:center}
.radio-invitation h2{font-size:clamp(1.8rem,3vw,2.7rem);margin:12px 0 24px}
.radio-invitation>p{max-width:650px;margin:0 auto 24px;font-size:1.05rem;line-height:1.7}
.radio-invitation>.eyebrow{font-size:.875rem}
.radio-lead{color:var(--cream)}
.radio-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;margin:34px 0}
.radio-notes span{font-size:27px;color:var(--gold)}
.radio-notes h3{font-size:1.35rem;margin:8px 0;color:var(--gold)}
.radio-notes p{font-size:1rem;color:var(--muted);margin:0}
.radio-membership{margin-top:28px;font:14px/1.7 Arial,sans-serif;color:var(--muted)}
.radio-membership p{margin-bottom:10px}.radio-membership a{color:var(--gold);text-decoration:underline;text-underline-offset:5px}
.radio-collections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px;margin:42px 0 36px;text-align:left}
#radio-albums{scroll-margin-top:24px}
.collection-link{display:block;color:inherit;text-decoration:none}
.record-sleeve{position:relative;width:100%;padding-right:23%;box-sizing:border-box;isolation:isolate;margin-bottom:25px}
.cover-frame{display:block;position:relative;z-index:2;width:100%;aspect-ratio:1;overflow:hidden;background:#000;box-shadow:0 12px 30px #0009}
.cover-frame>img{display:block;width:104%;height:104%;max-width:none;object-fit:cover;position:absolute;left:-2%;top:-2%}
.cover-frame.unframed-art>img{width:100%;height:100%;left:0;top:0}
.cover-frame:after{content:'';position:absolute;inset:0;border:1px solid #b59a5f;box-shadow:inset 0 0 0 4px #080a0d,inset 0 0 0 5px #c7a555;pointer-events:none}
.vinyl{position:absolute;z-index:1;right:0;top:3%;width:72%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#101116 0 1px,#25262b 2px,#111217 3px 5px);box-shadow:6px 10px 24px #0009;transition:transform .35s ease}
.vinyl:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent,#fff2 18deg,transparent 40deg,transparent 170deg,#fff2 198deg,transparent 225deg)}
.vinyl-label{position:absolute;inset:36%;border-radius:50%;background:radial-gradient(circle,#090c12 0 8%,#c79747 9% 11%,#a55269 12% 85%,#d5b267 86%);border:1px solid #be9b58}
.collection-link:hover .vinyl{transform:translateX(8px) rotate(12deg)}
.collection-link:focus-visible{outline:2px solid var(--gold);outline-offset:10px}
.collection-artist{font:13px/1.5 Arial,sans-serif;color:var(--muted);margin:0 0 8px}
.radio-collection h3{font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.25;margin:0 0 13px;color:var(--gold);font-weight:400}
.collection-description{font-size:1rem;line-height:1.65;color:var(--muted);margin:0 0 18px}
.collection-listen{display:table;font:14px/1.5 Arial,sans-serif;color:var(--gold);padding-bottom:6px;margin:0 0 14px;border-bottom:1px solid #98783d}
@media(max-width:760px){.radio-collections{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}
@media(max-width:480px){.radio-collections{grid-template-columns:1fr;gap:32px;max-width:300px;margin:32px auto}.radio-collection h3{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.vinyl{transition:none}.collection-link:hover .vinyl{transform:none}}
@media(max-width:1000px){.radio-hero{aspect-ratio:auto;background:#c18e32 url('/assets/radio-extended-banner.png') left center/auto 100% no-repeat}.radio-hero:before{content:'';display:block;width:100%;aspect-ratio:2.05;background:url('/assets/radio-extended-banner.png') right center/190% auto no-repeat;mask-image:linear-gradient(#000 86%,transparent)}.radio-hero .room-hero-copy{width:100%;padding:12px 26px 24px}.radio-invitation{padding:30px 24px 45px}}
@media(max-width:550px){.radio-notes{grid-template-columns:1fr;gap:22px}.radio-listen{font-size:.8rem;padding:16px 18px}}