@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080710;--panel:#13101c;--panel2:#191323;--line:#ffffff24;--muted:#b9aec9;--pink:#ff478e;--violet:#ae79fe;--white:#fffaff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 62% 5%,#3c214e68,transparent 53%),var(--bg);color:var(--white);font:15px/1.7 'DM Sans',system-ui,-apple-system,sans-serif}img{max-width:100%}a{color:inherit;text-decoration:none}a:hover{color:#ffc4e3}button{font:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;top:-80px;left:10px;padding:10px;background:#fff;color:#000;z-index:100}.skip:focus{top:8px}
header{background:#0b0815ef;border-bottom:1px solid #ffffff16;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.sitebar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;gap:11px;align-items:center;font-size:12px;line-height:1.12;font-weight:900;letter-spacing:.10em}.brand img{width:45px;height:45px;border-radius:50%}.brand strong em{font-style:normal;color:#ff5ca9}.nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:700}.nav a{color:#d2c9dc}.nav a:hover{color:#fff}
.breadcrumb{display:flex;flex-wrap:wrap;gap:11px;padding:26px 0 8px;font-size:12px;color:#b7aaca}.breadcrumb span{color:#e78aff}
.album-hero{padding:34px 0 66px;display:grid;grid-template-columns:minmax(290px,410px) minmax(0,1fr);gap:clamp(30px,5vw,76px);align-items:center}
.artwork-shell{padding:16px;background:linear-gradient(130deg,#2c2140,#0d0b14);border:1px solid #ffffff28;border-radius:24px;box-shadow:0 25px 60px #0007,0 0 48px #8a29c31b;min-width:0}
/* Intentionally preserve the entire original portrait artwork; never use object-fit:cover */
.artwork-shell img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1054 / 1492;object-fit:contain;object-position:center;background:#080611;border-radius:14px}
.eyebrow{color:#fe83c5;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900}.album-meta{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.album-meta span{border:1px solid #ffffff32;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:700;color:#cfc6da}.album-info h1{font:800 clamp(37px,4.9vw,69px)/1.08 'Manrope',sans-serif;letter-spacing:-.065em;margin:19px 0 14px}.album-info h1 em{font-style:normal;color:#be89ff}.artist{font-weight:800;font-size:19px;margin:0 0 22px}.summary{max-width:640px;color:#d4cbdc;font-size:16px}.buttons{display:flex;flex-wrap:wrap;gap:11px;margin:23px 0 16px}.button{padding:12px 20px;border-radius:32px;font-weight:800;font-size:13px;background:linear-gradient(95deg,#ffab61,#fa278d);color:#180a18;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s}.button:hover{color:#17070e;transform:translateY(-2px)}.button.outline{border:1px solid #ffffff4d;background:transparent;color:white}.button.outline:hover{color:#fff;border-color:#d491ff}.microcopy{color:#aba3b9;font-size:12px;line-height:1.6;max-width:630px}
.track-section{border-top:1px solid var(--line);padding:65px 0 90px;background:linear-gradient(180deg,#0d0914,#0a0810)}.section-head{display:flex;gap:25px;justify-content:space-between;align-items:end;margin-bottom:25px}.section-head h2{font:800 clamp(31px,4.8vw,51px)/1.12 'Manrope',sans-serif;letter-spacing:-.055em;margin:9px 0}.section-head p{color:#b8adc7;max-width:370px;margin:0}.tracklist{border:1px solid var(--line);background:#19132280;border-radius:21px;overflow:hidden}.track{display:grid;grid-template-columns:48px minmax(0,1fr) 52px auto;align-items:center;gap:15px;padding:17px 24px;border-bottom:1px solid #ffffff16}.track:last-child{border-bottom:0}.n{color:#c695ff;font:800 16px 'Manrope',sans-serif}.track-title{font-weight:800;font-size:16px}.duration{font-weight:700;color:#ac9db7;font-size:13px;font-variant-numeric:tabular-nums}.track-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.smalllink{display:inline-block;border:1px solid #ffffff35;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}.smalllink:hover{border-color:#ec8dce}.smalllink.amazon{background:#3a2250;border-color:#7a4592}.secondary-section{padding:0 0 78px}.note{background:#ffffff0a;border:1px solid var(--line);border-radius:18px;padding:20px 23px;color:#c8bdd3}.note strong{color:white}.foot{border-top:1px solid var(--line);padding:30px 0 42px;color:#afa6be;font-size:12px}.footline{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between}
@media(max-width:860px){.album-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding-top:20px}.artwork-shell{max-width:430px;margin:auto;width:100%}.album-info{text-align:center}.summary,.microcopy{margin-left:auto;margin-right:auto}.buttons,.album-meta{justify-content:center}.section-head{display:block}.section-head p{margin-top:12px}.nav{gap:12px}}
@media(max-width:620px){.container{width:calc(100% - 30px)}.sitebar{min-height:69px}.brand{font-size:10px}.brand img{width:36px;height:36px}.nav{gap:11px;font-size:11px}.nav a:nth-child(3){display:none}.breadcrumb{padding-top:19px}.artwork-shell{max-width:370px;padding:10px;border-radius:16px}.album-info h1{font-size:40px}.track{grid-template-columns:32px minmax(0,1fr) 42px;gap:9px;padding:14px 13px}.track-title{font-size:14px}.track-links{grid-column:2 / 4;justify-content:flex-start}.smalllink{font-size:11px}.track-section{padding:45px 0 60px}.summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
