/* The Free & The Damned — public album promotion.
   Isolated from game and admin UI; responsive without JavaScript. */
.album-promo {padding:clamp(50px,6vw,90px) clamp(18px,6vw,92px);background:radial-gradient(circle at 82% 5%,#193a32 0,transparent 45%),#050c0a;color:#f3ead8}
.album-promo__inner {width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:clamp(24px,5vw,70px);border:1px solid #c89c4a69;background:linear-gradient(140deg,#132a23,#081510 66%);box-shadow:0 24px 64px #0007;overflow:hidden}
.album-promo__copy {padding:clamp(26px,5vw,66px)}
.album-promo__eyebrow,.music-kicker {color:#e4bc69;font-size:.73rem;font-weight:850;letter-spacing:.19em;text-transform:uppercase}
.album-promo h2 {font:500 clamp(2.3rem,4.3vw,4.7rem)/.98 Georgia,"Times New Roman",serif;margin:12px 0}
.album-promo p {color:#c3c9c1;max-width:610px}
.album-promo__detail {color:#e5ca8e!important;font-size:.86rem;letter-spacing:.05em}
.album-promo__art {position:relative;min-height:350px;height:100%;background:#06100d}
.album-promo__art img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.06) brightness(.76)}
.album-promo__art::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10271f 0,transparent 34%),linear-gradient(0deg,#03090792,transparent 50%)}
.album-promo__art span {position:absolute;bottom:24px;right:24px;z-index:1;border:1px solid #dfbd72;background:#09130bd9;padding:10px 15px;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.album-promo__actions,.music-actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.album-promo__button,.music-link {display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:12px 18px;text-decoration:none;font-size:.75rem;font-weight:850;letter-spacing:.075em;text-transform:uppercase;border:1px solid #d9b56d;border-radius:3px}
.album-promo__button.primary,.music-link.primary {background:linear-gradient(#dfb45f,#bd8733);color:#08120e}
.album-promo__button.secondary,.music-link.secondary {background:#06130f;color:#f4ecd8}
.album-promo__button:hover,.music-link:hover {filter:brightness(1.1);transform:translateY(-1px)}
.album-promo__button:focus-visible,.music-link:focus-visible {outline:3px solid #f8d996;outline-offset:3px}
/* Dedicated /music page */
.music-body {background:#050b09;color:#f3ead8}
.music-hero {position:relative;overflow:hidden;background:#06100e;border-bottom:1px solid #bd914454}
.music-hero__image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.73)}
.music-hero::after {content:"";position:absolute;inset:0;background:linear-gradient(95deg,#040908f5 0,#06120edb 43%,#06120e82),linear-gradient(0deg,#040908 0,transparent 42%)}
.music-hero__inner {position:relative;z-index:1;width:min(1240px,calc(100% - 38px));margin:auto;padding:clamp(72px,9vw,136px) 0 clamp(60px,8vw,108px)}
.music-hero h1 {font:500 clamp(3.2rem,8vw,7.5rem)/.92 Georgia,"Times New Roman",serif;letter-spacing:-.045em;margin:14px 0 22px;max-width:1000px}
.music-hero h1 em {display:block;font-style:normal;color:#e4bc69}
.music-hero__lede {color:#cbd0c7;font-size:clamp(1.05rem,1.6vw,1.33rem);max-width:730px;line-height:1.55}
.music-hero__meta {display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.music-hero__meta span {border:1px solid #d1a95b75;background:#050e0bc9;padding:7px 12px;color:#e6d2a7;font-size:.73rem;letter-spacing:.09em;text-transform:uppercase}
.music-wrap {width:min(1240px,calc(100% - 38px));margin:auto}
.music-listen {padding:75px 0 85px}
.music-section-title {font:500 clamp(2rem,4vw,3.6rem)/1.08 Georgia,serif;margin:8px 0 14px}
.music-copy {color:#b9c4bc;max-width:760px}
.music-listen__grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr);gap:30px;align-items:start;margin-top:30px}
.music-player {position:relative;width:100%;aspect-ratio:16/9;border:1px solid #cfab6480;background:#020404;box-shadow:0 28px 72px #0009}
.music-player iframe {display:block;width:100%;height:100%;border:0}
.music-note {border:1px solid #b7904d59;background:linear-gradient(145deg,#112820,#08140f);padding:24px}
.music-note h3 {font:500 1.55rem Georgia,serif;margin:3px 0 12px}
.music-note p {color:#b6c0b9;font-size:.91rem}
.music-note a {color:#e7bf72;text-underline-offset:4px}
.music-tracks {background:#0a1914;border-top:1px solid #c5a36134;border-bottom:1px solid #c5a36134;padding:75px 0 85px}
.music-track-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;list-style:none;padding:0;margin:30px 0 0;counter-reset:album-track}
.music-track-grid li {counter-increment:album-track;display:flex;align-items:baseline;gap:15px;padding:16px 8px;border-bottom:1px solid #a9874545;color:#e9e4d8;font-family:Georgia,serif;font-size:1.13rem}
.music-track-grid li::before {content:counter(album-track,decimal-leading-zero);font:800 .75rem system-ui,sans-serif;color:#d3a55e;letter-spacing:.05em;min-width:23px}
.music-story {padding:75px 0 95px}
.music-story__grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:50px;align-items:center}
.music-story__art {min-height:290px;background:#07100d url("/assets/site-fg-feature.jpg") center/cover no-repeat;border:1px solid #a784464d;box-shadow:0 22px 70px #0008}
.music-credits {color:#c1c8bd;line-height:1.8}
.music-credits strong {color:#ead1a3}
@media(max-width:880px){.album-promo__inner,.music-listen__grid,.music-story__grid {grid-template-columns:1fr}.album-promo__art {min-height:270px;order:-1}.album-promo__art::after {background:linear-gradient(0deg,#112820c9,transparent 70%)}.music-story__art{min-height:250px}}
@media(max-width:620px){.album-promo{padding:45px 15px}.album-promo__copy{padding:26px}.album-promo h2{font-size:2.4rem}.album-promo__art{min-height:220px}.music-hero__inner{padding:65px 0}.music-hero h1{font-size:3.1rem}.music-listen,.music-tracks,.music-story{padding:56px 0}.music-track-grid{grid-template-columns:1fr}.music-track-grid li{font-size:1.02rem}.music-hero__meta{gap:6px}.music-hero__meta span{font-size:.66rem}.music-listen__grid{gap:16px}}
