/* Industrial artist identity: sharp edges, silver neutrals, one electric-blue accent.
   Design variance 7 / motion 3 / density 3. Brand-requested dark theme throughout. */
:root{color-scheme:dark;--bg:#080d12;--ink:#edf2f5;--muted:#a8b5bf;--accent:#52caff;--line:#27343e;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0}a{color:inherit;text-decoration:none}button,a,video{ -webkit-tap-highlight-color:transparent}a:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,p{margin:0}h1,h2,.footer-name{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900;text-transform:uppercase}p{line-height:1.65}.skip{position:fixed;top:-80px;left:16px;padding:16px;background:var(--accent);color:#081019;z-index:5}.skip:focus{top:12px}
.site-header{height:80px;padding:0 clamp(24px,5vw,88px);display:flex;align-items:center;justify-content:space-between;background:#080d12;border-bottom:1px solid var(--line);position:relative;z-index:2}.wordmark{display:block;position:relative;overflow:hidden;width:220px;height:55px;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}.wordmark img{position:absolute;width:220px;max-width:none;top:-24px}.site-header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:700}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--accent)}
.hero{min-height:min(760px,calc(100svh - 80px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(8,13,18,.94),rgba(8,13,18,.52) 42%,rgba(8,13,18,.03) 75%),linear-gradient(0deg,#080d12,transparent 28%)}.hero-content{padding:64px clamp(24px,7vw,112px);max-width:850px}.release-date{color:var(--accent);letter-spacing:.18em;font-size:11px;font-weight:700;margin-bottom:24px}h1{font-size:clamp(68px,8.3vw,126px);line-height:.96;letter-spacing:-.025em;text-shadow:0 2px 20px #080d1260}.hero-intro{margin:28px 0;color:#d8e0e5;font-size:17px}.button{display:inline-flex;align-items:center;gap:35px;background:var(--accent);color:#081019;padding:19px 26px;font-size:14px;font-weight:700;border:1px solid var(--accent);transition:background .2s,transform .2s}.button:hover{background:#99e0ff}.button:active{transform:translateY(1px)}
.section{max-width:1400px;margin:0 auto;padding:100px clamp(24px,7vw,112px)}.music{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,112px);align-items:center}.cover{border:1px solid var(--line);box-shadow:18px 18px 0 #111c25}.cover img{width:100%;aspect-ratio:1}.release-copy h2{font-size:clamp(38px,4.5vw,68px);line-height:1.05;max-width:8em}.artist{letter-spacing:.2em;font-size:12px;color:var(--accent);margin-top:16px}.release-note{font-size:18px;color:var(--muted);margin-top:30px}.release-details{display:flex;gap:48px;margin:32px 0 0;padding-top:24px;border-top:1px solid var(--line)}dt{font-size:11px;color:var(--muted);margin-bottom:9px}dd{margin:0;font-size:14px}.availability{font-size:12px;color:var(--muted);margin-top:24px}
.preview{padding-top:50px}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.02em}.section-heading p{font-size:14px;color:var(--muted);margin-top:12px}video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#0f1921;border:1px solid var(--line)}.video-caption{font-size:11px;letter-spacing:.08em;color:var(--muted);margin-top:16px}.media-error{padding:16px;border:1px solid var(--accent)}.media-error a{text-decoration:underline}
.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);margin-top:20px}.about h2{font-size:clamp(46px,5.6vw,80px);line-height:1.03}.about h2 span{color:var(--accent)}.about p{font-size:18px;color:var(--muted);max-width:40ch}.about p+p{margin-top:20px}.text-link{display:inline-flex;gap:32px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid var(--accent);font-size:14px;color:var(--ink)}.text-link:hover{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px clamp(24px,5vw,88px);border-top:1px solid var(--line);color:var(--muted);font-size:12px}.footer-name{color:var(--ink);font-size:25px;letter-spacing:.05em}
.wordmark{height:38px}
@media(min-width:1800px){.hero-content{margin-left:calc((100vw - 1600px)/2)}}
@media(max-width:767px){.site-header{height:72px;padding-inline:20px}.wordmark{width:154px;height:44px}.wordmark img{width:154px;top:-15px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:nth-child(2){display:none}.hero{min-height:650px}.hero-image{object-position:44% center}.hero-shade{background:linear-gradient(90deg,#080d12c9,#080d1230),linear-gradient(0deg,#080d12,transparent 55%)}.hero-content{padding:65px 24px 80px;align-self:flex-end}h1{font-size:clamp(64px,14vw,100px)}.release-date{font-size:10px;letter-spacing:.12em}.section{padding:64px 24px}.music{grid-template-columns:1fr;gap:44px}.cover{max-width:440px;box-shadow:10px 10px 0 #111c25}.release-copy h2{max-width:none;font-size:44px}.release-note{font-size:17px}.preview{padding-top:16px}.about{grid-template-columns:1fr;gap:30px}.about h2{font-size:60px}.about p{font-size:17px}.video-caption{font-size:9px}footer{flex-wrap:wrap;padding:28px 24px}.footer-name{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:767px){.wordmark{height:27px}.wordmark img{top:-18px}}
/* Keep the supplied square cover at its native size, without a panoramic crop. */
.hero{min-height:0;max-width:1400px;margin:0 auto;padding:64px clamp(24px,5vw,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,512px);gap:48px;align-items:center}
.hero-image{position:static;inset:auto;grid-column:2;grid-row:1;width:100%;height:auto;aspect-ratio:1;object-fit:contain;z-index:auto}
.hero-content{grid-column:1;grid-row:1;padding:0;margin:0;max-width:none}
.hero h1{font-size:clamp(54px,6.2vw,88px)}
.social-links{display:flex;flex-wrap:wrap;gap:24px}
@media(max-width:767px){.hero{grid-template-columns:1fr;gap:32px;padding:40px 24px}.hero-content{grid-column:1;grid-row:1;align-self:auto}.hero-image{grid-column:1;grid-row:2;max-width:512px;justify-self:center}.hero h1{font-size:clamp(54px,12vw,80px)}}