.albums-section{background:radial-gradient(ellipse at top left,#53351830,transparent 65%),#0b111b;border-block:1px solid #d9b77938}.albums-section h2{font-size:clamp(38px,4vw,60px)}.album-listening-room{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:38px;padding:35px;background:#121d2b;border:1px solid #d9b77938;scroll-margin-top:105px;box-shadow:0 20px 60px #0003}.album-current{min-width:0}.album-current>img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;background:#060a10;box-shadow:10px 10px 0 #05080e70;display:block;margin-bottom:25px}.album-current h3{font:500 38px/1.1 'Cormorant Garamond',sans-serif;margin:0}.album-current .eyebrow{font-size:11px}.album-current p:not(.eyebrow){color:#c1c7d0}.album-current .button{font-size:14px;gap:10px;padding:14px 18px;cursor:pointer}.album-deck{align-self:center;min-width:0}.album-embed{width:100%;aspect-ratio:16/9;min-height:200px;background:#05080d;display:grid;place-items:center}.album-embed iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.album-idle{text-align:center;color:#c6cbd2;padding:25px}.album-idle>span{font:60px 'Cormorant Garamond',Georgia;color:var(--gold)}.album-idle p{font-size:16px;line-height:1.7}.album-player-hint{font-size:13px;line-height:1.6;color:#afb9c8;margin-bottom:0}.album-shelf-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:40px 0 20px}.album-shelf-heading h3{font:500 30px 'Cormorant Garamond',sans-serif;margin:0}.album-shelf-heading span{font-size:14px;color:var(--gold)}.album-shelf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 24px}.album-card{appearance:none;text-align:left;border:1px solid transparent;background:transparent;padding:10px;color:inherit;font:inherit;cursor:pointer;min-width:0;transition:background .2s,border-color .2s}.album-card:hover,.album-card.is-selected{background:#d9b7790c;border-color:#d9b77970}.album-card:focus-visible,#album-start:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.album-sleeve{display:block;position:relative;background:#060a10;box-shadow:6px 6px 0 #ffffff08}.album-sleeve>img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}.album-play-mark{position:absolute;bottom:12px;right:12px;background:var(--gold);color:#080e19;width:38px;height:38px;display:grid;place-items:center;border-radius:50%}.album-card>strong{font:500 26px/1.1 'Cormorant Garamond',sans-serif;display:block;margin-top:18px}.album-card>span:not(.album-sleeve){display:block;font-size:13px;color:#b6c0ce;margin-top:8px}.album-card>.album-card-action{color:var(--gold)!important}.album-swipe-hint{display:none}
@media(min-width:761px) and (max-width:1100px){.band-page header .brand>span:last-child{display:none}.band-page header nav{gap:10px;font-size:12px}.album-listening-room{padding:24px;gap:25px}}
@media(max-width:760px){.album-listening-room{display:flex;flex-direction:column;padding:18px;gap:22px;scroll-margin-top:90px}.album-current{display:grid;grid-template-columns:90px minmax(0,1fr);gap:16px;align-items:start}.album-current>img{margin:0;width:90px}.album-current .eyebrow{font-size:9px;letter-spacing:1px;margin:0 0 8px}.album-current h3{font-size:29px}.album-current p:not(.eyebrow){font-size:13px;margin:9px 0}.album-current .button{font-size:12px;padding:12px;white-space:normal}.album-deck{width:100%}.album-shelf{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:0 0 18px}.album-card{flex:0 0 73%;scroll-snap-align:start}.album-shelf-heading{align-items:start}.album-shelf-heading span{font-size:12px}.album-swipe-hint{display:block;font-size:13px;color:var(--gold)}.album-player-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){.album-card{transition:none}}

/* Crop the black bars baked into YouTube thumbnails. */
.album-cover-crop,.album-sleeve{position:relative;aspect-ratio:1;overflow:hidden;background:none;box-shadow:none}
.album-cover-crop{margin-bottom:25px}
.album-cover-crop>img,.album-sleeve>img{display:block;width:100%;height:100%;aspect-ratio:1;object-fit:cover;transform:scale(1.33334);margin:0;box-shadow:none}
.album-card{padding:0;border:0;background:none!important;align-self:start}
.album-card.is-selected .album-sleeve{outline:2px solid var(--gold);outline-offset:-2px}
@media(max-width:760px){.album-cover-crop{width:90px;margin:0}}

.album-cover-crop>img.original-cover,.album-sleeve>img.original-cover{transform:none;object-fit:contain}
