:root{color-scheme:dark;--bg:#090807;--panel:#11100e;--paper:#f2eee5;--muted:#aaa49a;--line:#37312b;--accent:#eca82f;--accent-2:#bd2926;--content:min(1180px,90vw);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--bg);color:var(--paper)}
body.release-circle{--accent:#9bd440;--accent-2:#f09a25}
a{color:inherit}
button,input{font:inherit}
.reading-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;background:#0006}
.reading-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent))}
.release-hero{position:relative;min-height:min(920px,100svh);display:flex;align-items:end;isolation:isolate;overflow:hidden;padding:clamp(110px,12vw,170px) max(5vw,calc((100vw - 1280px)/2)) clamp(64px,8vw,110px)}
.release-hero-shot,.release-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.release-hero-shot{z-index:-3;object-fit:cover;object-position:center;filter:saturate(.82) brightness(.72);transform:scale(1.01)}
.release-hero-shade{z-index:-2;background:linear-gradient(90deg,#070706fa 0 29%,#070706b5 53%,#0707062b 80%),linear-gradient(0deg,#090807 0,transparent 42%,#0007)}
.release-brand{position:absolute;z-index:2;left:max(5vw,calc((100vw - 1280px)/2));top:clamp(24px,4vw,50px)}
.release-brand img{display:block;width:clamp(110px,12vw,170px);height:auto}
.release-hero-copy{width:min(880px,100%)}
.kicker,.section-label{margin:0 0 18px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.24em;text-transform:uppercase}
.kicker span{display:inline-block;margin-right:10px;padding:7px 9px;background:var(--accent-2);color:#fff;letter-spacing:.14em}
.release-hero h1{max-width:950px;margin:0 0 24px;font-size:clamp(48px,8vw,122px);font-weight:1000;line-height:.84;letter-spacing:-.065em;text-transform:uppercase;text-wrap:balance}
.hero-dek{max-width:720px;margin:0;color:#d0cbc2;font-size:clamp(18px,2vw,27px);line-height:1.42}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.release-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 23px;border:1px solid #706456;text-decoration:none;font-weight:900;transition:transform .18s,filter .18s,border-color .18s}
.release-button:hover,.release-button:focus-visible{transform:translateY(-3px);filter:brightness(1.12);border-color:#fff}
.release-button.primary{border-color:var(--accent);background:var(--accent);color:#0b0906}
.release-button.secondary{background:#0b0b0bd9}
.hero-caption{position:absolute;right:max(5vw,calc((100vw - 1280px)/2));bottom:30px;margin:0;color:#aaa49a;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.release-shell{width:var(--content);margin:auto;padding-bottom:80px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;padding:32px 0;color:#807a72;font-size:12px}
.breadcrumbs a:hover{color:#fff}
.release-section{margin:clamp(78px,9vw,140px) 0}
.release-section h2{max-width:950px;margin:0 0 30px;font-size:clamp(37px,5.7vw,76px);line-height:.95;letter-spacing:-.055em;text-transform:uppercase;text-wrap:balance}
.release-section h3{margin:0 0 10px;font-size:22px;line-height:1.08}
.release-section p{color:#c2beb5;font-size:clamp(16px,1.4vw,20px);line-height:1.72}
.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(40px,7vw,100px);align-items:start}
.dropcap:first-letter{float:left;margin:.06em .13em 0 0;color:var(--accent);font-family:Georgia,serif;font-size:4.8em;line-height:.72}
.release-facts{position:sticky;top:28px;padding:25px;border:1px solid #50473f;background:linear-gradient(145deg,#181512,#0b0a09);box-shadow:12px 12px 0 #000}
.release-facts>strong{display:block;margin-bottom:18px;color:var(--accent);font-size:11px;letter-spacing:.22em}
.release-facts dl{margin:0}
.release-facts dl div{padding:13px 0;border-top:1px solid var(--line)}
.release-facts dt{color:#777169;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.release-facts dd{margin:5px 0 0;font-weight:800}
.video-stage{overflow:hidden;border:1px solid #494137;background:#050505;box-shadow:0 24px 70px #0008}
.video-box{position:relative;aspect-ratio:16/9;background:#050505}
.video-box img,.video-box iframe{display:block;width:100%;height:100%;border:0;object-fit:cover}
.video-poster{position:absolute;inset:0;width:100%;padding:0;border:0;background:#050505;cursor:pointer}
.video-poster::after{content:"▶";position:absolute;left:50%;top:50%;display:grid;place-items:center;width:clamp(70px,9vw,112px);aspect-ratio:1;border:2px solid #fff9;border-radius:50%;background:#050505c9;color:#fff;font-size:clamp(26px,4vw,48px);transform:translate(-50%,-50%);transition:transform .18s,background .18s}
.video-poster:hover::after,.video-poster:focus-visible::after{background:var(--accent-2);transform:translate(-50%,-50%) scale(1.07)}
.video-poster span{position:absolute;left:22px;bottom:18px;padding:9px 12px;background:#050505d9;color:#fff;font-size:12px;font-weight:900;letter-spacing:.08em}
.video-controls{display:flex;flex-wrap:wrap;gap:8px;padding:14px;background:#0d0c0b}
.video-controls button,.video-controls a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border:1px solid #4e4740;background:#12110f;color:#d6d1c8;text-decoration:none;font-size:12px;font-weight:900;letter-spacing:.05em;cursor:pointer}
.video-controls button[aria-pressed="true"]{border-color:var(--accent);background:var(--accent);color:#090807}
.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:35px}
.platform-card{display:flex;min-height:102px;align-items:center;gap:15px;padding:18px;border:1px solid #4a433c;background:#0e0d0c;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}
.platform-card:hover,.platform-card:focus-visible{transform:translateY(-4px);border-color:var(--accent);background:#16130e}
.platform-card b{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:10px;background:var(--accent);color:#090807;font-size:17px}
.platform-card span{font-size:16px;font-weight:900}
.platform-card small{display:block;margin-top:4px;color:#777169;font-size:11px;font-weight:700}
.lyrics-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,32%);gap:clamp(40px,7vw,90px);align-items:start}
.lyrics{padding:clamp(26px,4vw,50px);border-left:5px solid var(--accent);background:#0e0d0b}
.lyrics h3{margin-top:30px;color:var(--accent);font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.lyrics h3:first-child{margin-top:0}
.lyrics p{margin:0;white-space:pre-line;font-size:clamp(16px,1.6vw,21px);line-height:1.8}
.lyrics-note{padding:28px;border:1px solid var(--line);background:#11100e}
.lyrics-note p{margin-bottom:0;font-size:15px}
.media-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.media-card{position:relative;overflow:hidden;min-height:350px;border:1px solid var(--line);background:#111}
.media-card img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;transition:transform .45s,filter .45s}
.media-card:hover img{transform:scale(1.025);filter:brightness(1.08)}
.media-card div{position:absolute;inset:auto 0 0;padding:55px 24px 22px;background:linear-gradient(transparent,#050505e8)}
.media-card b{display:block;font-size:clamp(22px,3vw,38px);line-height:1;text-transform:uppercase}
.media-card small{color:#c2beb5}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.related-card{display:grid;grid-template-columns:160px 1fr;min-height:160px;border:1px solid var(--line);background:#0e0d0c;text-decoration:none}
.related-card img{width:100%;height:100%;object-fit:cover}
.related-card div{align-self:center;padding:22px}
.related-card span{color:var(--accent);font-size:10px;font-weight:900;letter-spacing:.18em}
.related-card strong{display:block;margin-top:8px;font-size:24px;line-height:1.03;text-transform:uppercase}
.release-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;padding:55px max(5vw,calc((100vw - 1280px)/2));border-top:1px solid var(--line);color:#7f7971}
.release-footer>a img{display:block;width:135px;height:auto}
.release-footer nav{display:flex;justify-content:center;gap:22px}
.release-footer nav a{font-size:13px}
.release-footer p{margin:0;font-size:12px}
@media(max-width:850px){.release-hero{min-height:820px}.release-hero-shade{background:linear-gradient(0deg,#090807 0 22%,#070706ad 70%,#0008),linear-gradient(90deg,#070706d9,#07070635)}.intro-grid,.lyrics-layout{grid-template-columns:1fr}.release-facts{position:relative;top:auto}.platform-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:1fr}.release-footer{grid-template-columns:1fr;text-align:center}.release-footer>a img{margin:auto}.release-footer nav{flex-wrap:wrap}.release-footer p{margin:auto}}
@media(max-width:600px){.release-hero{min-height:760px;padding-left:5vw;padding-right:5vw}.release-hero-shot{object-position:62% center}.release-hero-copy{padding-top:110px}.release-hero h1{font-size:clamp(43px,14vw,70px)}.release-brand{left:5vw}.hero-caption{display:none}.hero-actions .release-button{flex:1}.release-shell{width:min(92vw,620px)}.breadcrumbs{overflow:hidden;white-space:nowrap}.release-section{margin:76px 0}.platform-grid,.media-pair{grid-template-columns:1fr}.platform-card{min-height:84px}.related-card{grid-template-columns:115px 1fr}.related-card strong{font-size:20px}.release-footer nav{gap:14px}.video-poster span{left:12px;bottom:10px}.video-controls{display:grid;grid-template-columns:1fr 1fr}.video-controls a:last-child:nth-child(odd){grid-column:span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.release-button,.platform-card,.media-card img{transition:none}}