
:root{--gold:#8fb6e0;--red:#466f9d;--ink:#07101d;--paper:#e6edf5;--muted:#aebfd1;--line:#243a52}
.east-albums-page{background:#07101b;color:#eee}
.album-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 35%,rgba(85,139,196,.28),transparent 25%),linear-gradient(135deg,#050b14 0%,#0d1b2d 44%,#102f52 100%);border-bottom:1px solid #2e5f8f}
.album-grid-bg{position:absolute;inset:-15% -5% 0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:52px 52px;transform:perspective(520px) rotateX(58deg) scale(1.5);transform-origin:center bottom}
.album-sun{position:absolute;width:330px;height:330px;border-radius:50%;right:6%;top:18%;background:linear-gradient(#a9c9ea,#315f8d);opacity:.24;box-shadow:0 0 90px rgba(93,151,211,.22)}
.album-hero-inner{position:relative;padding:72px 0 40px;min-height:600px}
.album-kicker,.entry-kicker{font-size:12px;font-weight:950;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.big-25{position:absolute;right:1%;top:8px;font-size:clamp(180px,29vw,390px);line-height:.8;font-weight:1000;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.1);letter-spacing:-.08em}
.route-stamp{display:inline-block;margin-top:26px;border:2px solid var(--gold);padding:8px 12px;font-weight:1000;letter-spacing:.12em;line-height:1.05;color:var(--gold);transform:rotate(-2deg)}
.album-hero h1{position:relative;max-width:980px;margin:22px 0 16px;font-size:clamp(47px,8vw,98px);line-height:.87;letter-spacing:-.055em;color:#fff;text-transform:uppercase}
.album-hero h1 em{font-style:normal;color:var(--gold)}
.album-deck{position:relative;max-width:780px;font-size:clamp(20px,2.8vw,31px);line-height:1.22;color:#d8e6f3;margin:0 0 16px;font-weight:650}
.album-byline{font-size:14px;color:#aebfd1;margin:24px 0}.city-strip{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.city-strip span{border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.28);padding:7px 9px;font-size:11px;font-weight:900;letter-spacing:.1em;color:#dfeaf6}
.album-article{max-width:1080px;padding-top:44px;padding-bottom:70px}.album-intro{font-size:19px;line-height:1.72;color:#c9d7e5}.album-intro p{max-width:900px}.album-rule{margin:26px 0;padding:20px 23px;border-left:5px solid var(--gold);background:#0b1726;border-top:1px solid #21384f;border-bottom:1px solid #21384f}.album-rule span{display:block;color:var(--gold);font-weight:1000;font-size:12px;letter-spacing:.17em;margin-bottom:8px}.album-rule p{margin:0;color:#dbe7f2}
.album-jump{display:flex;gap:10px;flex-wrap:wrap;margin:32px 0 24px}.album-jump a{color:#08111f;background:var(--gold);text-decoration:none;font-weight:900;padding:11px 14px;font-size:13px}.album-jump a:nth-child(2){background:#fff}.album-jump a:nth-child(3){background:transparent;color:#fff;border:1px solid #355575}
.album-rank{display:grid;grid-template-columns:90px 230px minmax(0,1fr);gap:25px;align-items:start;padding:38px 0;border-top:1px solid #1d3146;scroll-margin-top:115px}
.album-rank-no{font-size:76px;line-height:.86;font-weight:1000;color:transparent;-webkit-text-stroke:1px #51789e;letter-spacing:-.08em;text-align:right;padding-top:6px}
.album-cover-wrap,.hm-art{position:relative;background:#0b1726;aspect-ratio:1/1;overflow:hidden;border:1px solid #2b4864;box-shadow:0 18px 55px rgba(0,0,0,.23)}
.album-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .28s ease;z-index:2}.album-art.art-ready{opacity:1}
.art-fallback{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 70% 20%,rgba(87,144,202,.28),transparent 32%),linear-gradient(145deg,#0d1825,#12385f);z-index:1}.art-fallback small{color:var(--gold);font-weight:900;letter-spacing:.08em;text-transform:uppercase}.art-fallback strong{font-size:22px;line-height:1.02;margin:7px 0;color:#fff}.art-fallback span{color:#9fb2c5;font-weight:800}
.album-copy h2{font-size:clamp(32px,4.7vw,56px);line-height:.94;margin:5px 0 10px;color:#fff;letter-spacing:-.04em}.album-meta{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px;color:#b9c9d9;font-size:13px;font-weight:750}.album-meta span,.album-meta strong{border:1px solid #2c4660;background:#09131f;padding:6px 8px}.album-meta strong{color:#fff}
.key-tracks{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:0 0 16px}.key-tracks b{font-size:10px;letter-spacing:.15em;color:var(--gold)}.key-tracks span{font-size:12px;border:1px solid #355575;background:#1a1510;padding:6px 8px;color:#d7e3ef}
.album-copy p{font-size:17px;line-height:1.68;color:#c9d7e5;margin:0}.album-copy p strong{color:#fff}.album-rank.top-ten{background:linear-gradient(90deg,rgba(89,145,201,.07),transparent);margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.album-rank.top-ten .album-rank-no{color:var(--gold);-webkit-text-stroke:0}.album-rank.top-five{border-top-color:#3a668f}.album-rank.top-five .album-copy h2{font-size:clamp(38px,5.4vw,65px)}
.album-rank.champion{background:radial-gradient(circle at 15% 10%,rgba(93,151,211,.22),transparent 30%),linear-gradient(145deg,#0b1726,#102a45);padding:38px 24px;border:1px solid #3a638a;margin-top:12px}.album-rank.champion .album-rank-no{font-size:104px;color:#dcecff}.album-rank.champion .album-copy p{font-size:18px;color:#f2e7d5}
.tier-break{margin:52px 0 8px;padding:18px 20px;border-top:3px solid var(--gold);border-bottom:1px solid #2b4968;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#08111f00d}.tier-break span{font-size:14px;font-weight:1000;letter-spacing:.18em;color:var(--gold)}.tier-break strong{font-size:24px}.tier-break.five{border-top-color:#4d78a4;background:linear-gradient(90deg,#0b1c2f,#07101b)}
.hm-section{margin:70px 0 35px;padding-top:34px;border-top:4px solid var(--gold);scroll-margin-top:110px}.hm-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:22px}.hm-head span{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--gold)}.hm-head h2{font-size:clamp(34px,5vw,58px);line-height:.9;margin:5px 0 0}.hm-head p{margin:0;color:#aebfd1;max-width:420px}
.hm-album-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hm-album-card{display:grid;grid-template-columns:145px 1fr;gap:16px;background:#09131f;border:1px solid #21384f;padding:13px}.hm-album-card .hm-art{width:145px;height:145px}.hm-album-card .art-fallback{padding:12px}.hm-album-card .art-fallback strong{font-size:15px}.hm-label{font-size:9px;font-weight:1000;letter-spacing:.16em;color:var(--gold)}.hm-album-copy h3{font-size:23px;line-height:1.03;margin:5px 0 5px}.hm-meta{font-size:11px;color:#9fb2c5;margin-bottom:8px}.hm-album-copy p{font-size:13.5px;line-height:1.48;color:#c4d2df;margin:0 0 10px}.hm-tracks{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.hm-tracks b{font-size:9px;color:var(--gold);letter-spacing:.1em}.hm-tracks span{font-size:10px;border:1px solid #2c4966;padding:4px 6px;color:#cad9e6}
.album-closing{margin-top:60px;padding:40px;background:#e6edf5;color:#0b1726}.album-closing .eyebrow{font-size:11px;font-weight:1000;letter-spacing:.17em;color:#2f5f8c}.album-closing h2{font-size:clamp(36px,6vw,65px);line-height:.94;margin:8px 0 18px}.album-closing p{font-size:18px;line-height:1.65;max-width:820px}.album-closing .button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.album-closing .button{display:inline-block;background:#08111f;color:#fff;text-decoration:none;font-weight:900;padding:13px 17px}.album-closing .button.outline{background:transparent;color:#08111f;border:1px solid #08111f}
@media(max-width:840px){.album-rank{grid-template-columns:66px 160px 1fr;gap:16px}.album-rank-no{font-size:56px}.album-copy p{font-size:16px}.hm-album-grid{grid-template-columns:1fr}}
@media(max-width:620px){.album-hero-inner{padding-top:44px;min-height:auto}.big-25{right:-28px;top:38px;font-size:185px}.album-sun{width:220px;height:220px;right:-70px;top:110px}.album-hero h1{margin-top:25px}.album-article{padding-top:28px}.album-rank{grid-template-columns:54px 1fr;gap:13px;padding:30px 0}.album-rank-no{font-size:46px;grid-row:1/3}.album-cover-wrap{width:min(210px,72vw);grid-column:2}.album-copy{grid-column:2}.album-copy h2{font-size:35px}.album-copy p{font-size:16px;line-height:1.62}.album-rank.top-ten{margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}.album-rank.champion{grid-template-columns:48px 1fr;padding:24px 12px}.album-rank.champion .album-rank-no{font-size:62px}.hm-head{display:block}.hm-head p{margin-top:9px}.hm-album-card{grid-template-columns:105px 1fr;gap:12px;padding:10px}.hm-album-card .hm-art{width:105px;height:105px}.hm-album-copy h3{font-size:19px}.hm-album-copy p{font-size:12.5px}.album-closing{padding:28px 20px}}
