/* Approved compact album showcase. Every rule is scoped to this section. */
#music.album-showcase{position:relative;isolation:isolate;overflow:hidden;padding-block:76px 56px;background:radial-gradient(ellipse at 0% 55%,rgba(0,217,255,.085),transparent 48%),radial-gradient(ellipse at 100% 70%,rgba(255,22,159,.095),transparent 48%),linear-gradient(180deg,#06060b,#070810 55%,#050507);scroll-margin-top:88px}
.album-showcase .album-section-head{display:block;text-align:center;position:relative;margin:0 auto 36px;max-width:980px}
.album-showcase .album-section-head .eyebrow{color:var(--pink);font-size:11px;letter-spacing:.36em;font-weight:900;text-transform:uppercase}
.album-showcase .album-section-head h2{margin:12px 0 14px;font-size:clamp(42px,5.4vw,76px);line-height:1;letter-spacing:-.04em;text-transform:uppercase;font-weight:900}
.album-showcase .album-section-head h2 span{background:linear-gradient(100deg,#ff169f 8%,#b67af2 45%,#00d9ff 95%);background-clip:text;-webkit-background-clip:text;color:transparent}
.album-showcase .album-section-head p{max-width:820px;margin:0 auto;color:var(--muted);font-size:15px;line-height:1.65;text-wrap:pretty}
.album-showcase .album-section-head:after{content:"";display:block;width:120px;height:3px;background:linear-gradient(90deg,var(--cyan),var(--pink));margin:24px auto 0}
.album-showcase .release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:stretch}
.album-showcase .release-card{--album-accent:var(--cyan);--album-secondary:var(--pink);display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid transparent;border-radius:13px;background:linear-gradient(160deg,#0b0d16 0%,#080910 55%,#0c0912 100%) padding-box,linear-gradient(125deg,var(--cyan),rgba(0,217,255,.22) 34%,rgba(255,22,159,.2) 68%,var(--pink)) border-box;box-shadow:0 14px 38px rgba(0,0,0,.28),-5px 0 26px rgba(0,217,255,.05),5px 0 26px rgba(255,22,159,.06)}
.album-showcase .release-card.pink{--album-accent:var(--pink);--album-secondary:var(--cyan)}
.album-showcase .release-banner{height:5px;flex:none;background:linear-gradient(90deg,var(--cyan),#8062b4 45%,var(--pink))}
.album-showcase .album-card-body{padding:26px;display:grid;grid-template-rows:1fr auto auto;gap:24px;flex:1;min-width:0}
.album-showcase .album-summary{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:24px;align-items:start;min-width:0}
.album-showcase .album-cover{display:block;min-width:0;border:1px solid rgba(255,255,255,.2);box-shadow:0 14px 34px rgba(0,0,0,.3);border-radius:2px;overflow:hidden;align-self:start}
.album-showcase .album-cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.album-showcase .album-copy{min-width:0}
.album-showcase .album-meta{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px;font-size:9px;font-weight:800;letter-spacing:.08em;line-height:1.1;text-transform:uppercase}
.album-showcase .album-meta .tag{padding:8px 9px;border-radius:3px;white-space:nowrap;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.025)}
.album-showcase .album-meta .tag:first-child{color:var(--album-accent);border-color:var(--album-accent);box-shadow:inset 0 0 12px rgba(0,217,255,.06)}
.album-showcase .album-title{margin:0 0 14px;font-size:clamp(30px,3vw,44px);font-weight:900;line-height:1.01;letter-spacing:-.045em;text-transform:uppercase}
.album-showcase .album-description{margin:0;color:var(--muted);font-size:15px;line-height:1.65;text-wrap:pretty}
.album-showcase .album-details{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:0;margin:0;padding:22px 0 0;border-top:1px solid rgba(163,198,234,.2);min-width:0}
.album-showcase .album-detail{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-content:start;min-width:0;padding-right:20px}
.album-showcase .album-detail+.album-detail{border-left:1px solid rgba(163,198,234,.2);padding:0 0 0 20px}
.album-showcase .album-detail-icon{grid-row:1/3;width:34px;height:38px;color:var(--album-accent);filter:drop-shadow(0 0 8px rgba(0,217,255,.18))}
.album-showcase .album-detail+.album-detail .album-detail-icon{color:var(--album-secondary)}
.album-showcase .album-detail dt{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#e3e9f7;line-height:1.2}
.album-showcase .album-detail dd{grid-column:2;margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.album-showcase .album-detail{row-gap:8px}
.album-showcase .album-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-self:end}
.album-showcase .album-actions .btn{min-width:0;min-height:46px;gap:12px;padding:13px 12px;border-radius:4px;font-size:10px;letter-spacing:.12em;font-weight:900;line-height:1.3;text-align:center}
.album-showcase .album-actions .btn-primary{border-color:rgba(0,217,255,.7);background:linear-gradient(105deg,#066681 0%,#63316f 45%,#c50068 100%);box-shadow:0 0 20px rgba(0,217,255,.12),0 0 20px rgba(255,22,159,.14)}
.album-showcase .album-actions .btn-secondary{border:1px solid transparent;background:linear-gradient(#080a11,#080a11) padding-box,linear-gradient(105deg,var(--cyan),var(--pink)) border-box;box-shadow:none;backdrop-filter:none}
.album-showcase .album-actions .btn svg{width:20px;height:20px;flex:0 0 20px}
.album-showcase .album-actions .btn:hover{transform:translateY(-2px);filter:brightness(1.15)}
.album-showcase a:focus-visible{outline:2px solid #fff;outline-offset:5px}
.album-showcase .album-section-end{display:flex;justify-content:center;align-items:center;gap:22px;margin:30px auto 0;color:var(--muted);font-size:9px;letter-spacing:.27em;text-transform:uppercase;text-align:center;line-height:1.6}
.album-showcase .album-section-end:before,.album-showcase .album-section-end:after{content:"";height:1px;flex:1;max-width:160px;background:linear-gradient(90deg,transparent,var(--pink),var(--cyan),transparent)}
@media(min-width:981px) and (max-width:1199px){.album-showcase .album-card-body{padding:20px;gap:20px}.album-showcase .album-summary{gap:16px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr)}.album-showcase .album-title{font-size:29px}.album-showcase .album-description{font-size:14px;line-height:1.6}.album-showcase .album-meta{font-size:8px;gap:5px}.album-showcase .album-meta .tag{padding:7px}.album-showcase .album-detail{grid-template-columns:25px minmax(0,1fr);column-gap:10px;padding-right:14px}.album-showcase .album-detail+.album-detail{padding-left:14px}.album-showcase .album-detail-icon{width:25px;height:31px}.album-showcase .album-actions{gap:10px}.album-showcase .album-actions .btn{font-size:9px;letter-spacing:.06em;gap:8px}}
@media(max-width:980px){.album-showcase .release-grid{grid-template-columns:minmax(0,1fr);max-width:760px;margin-inline:auto;gap:26px}.album-showcase .album-title{font-size:clamp(32px,5vw,46px)}.album-showcase .album-section-head{max-width:760px}.album-showcase .album-card-body{padding:24px}.album-showcase .album-summary{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}}
@media(max-width:600px){#music.album-showcase{padding-block:56px 40px}.album-showcase .album-section-head{margin-bottom:26px}.album-showcase .album-section-head p{font-size:14px}.album-showcase .album-card-body{padding:20px;gap:20px}.album-showcase .album-summary{grid-template-columns:minmax(0,1fr);gap:20px}.album-showcase .album-cover{width:min(100%,280px);justify-self:center}.album-showcase .album-meta{font-size:9px;margin-bottom:12px}.album-showcase .album-title{font-size:clamp(32px,8vw,42px);margin-bottom:12px}.album-showcase .album-description{font-size:14px;line-height:1.6}.album-showcase .album-details{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:20px}.album-showcase .album-detail{grid-template-columns:30px minmax(0,1fr);padding:0;column-gap:12px;row-gap:6px}.album-showcase .album-detail+.album-detail{border-left:0;border-top:1px solid rgba(163,198,234,.12);padding:16px 0 0}.album-showcase .album-detail-icon{width:30px;height:34px}.album-showcase .album-actions{grid-template-columns:minmax(0,1fr);gap:10px}.album-showcase .album-actions .btn{font-size:10px;min-height:46px}.album-showcase .album-section-end{gap:10px;font-size:8px;letter-spacing:.15em}}
@media(prefers-reduced-motion:reduce){.album-showcase .album-actions .btn{transition:none}.album-showcase .album-actions .btn:hover{transform:none}}