@charset "UTF-8";
:root{color-scheme:light;--paper:#e9e9e3;--surface:#141414;--ink:#161616;--muted:#62625d;--line:#b6b6ae;font-family:Arial,Helvetica,sans-serif;background:var(--paper);color:var(--ink)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:300px}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;color:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}
::selection{background:#171717;color:var(--paper)}
.skip-link{position:fixed;left:16px;top:12px;z-index:20;padding:12px;background:var(--ink);color:var(--paper);transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.grain{position:fixed;inset:0;z-index:8;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.topbar{height:88px;margin:0 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}
.signature{font-size:32px;letter-spacing:-3px;font-weight:900;line-height:1}
.signature span{font-family:"Courier New",monospace;font-size:14px;vertical-align:top;margin-left:6px;letter-spacing:0}
.motion-control,.index-label,.release-eyebrow,.release-artist,.release-bottom,.links-heading,.platform-number,.platform-status,footer,.dialog-close,.pending-release{font-family:"Courier New",monospace;font-size:10px;letter-spacing:1px}
.motion-control{padding:8px 0 8px 16px;border:0;background:none;display:flex;gap:10px;align-items:center;min-height:44px}
.motion-indicator{display:flex;gap:3px;align-items:center;height:15px}
.motion-indicator i{display:block;width:2px;height:12px;background:var(--ink);}
.motion-indicator i:nth-child(2){height:7px;}
.motion-indicator i:nth-child(3){height:10px;}
main{max-width:1700px;margin:0 auto}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);padding:0 4vw;min-height:650px}
.index-label{font-size:9px;line-height:1.5}
.release{padding:26px 0 0 3.4vw;position:relative;display:flex;flex-direction:column;justify-content:flex-start}
.release-eyebrow{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-bottom:19px}
.release-dot{font-size:8px}
.cover-wrap{position:relative;align-self:center;width:min(100%,340px)}
.cover-button{border:0;background:none;position:relative;padding:0;display:block;width:100%;transform:rotate(2deg);box-shadow:4px 7px 0 #d2d2c9;transition:transform .3s}
.cover-button img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.cover-button:hover{transform:rotate(0) translateY(-3px)}
.cover-expand{position:absolute;right:9px;bottom:9px;background:var(--ink);border:0;color:var(--paper);width:36px;height:36px;display:grid;place-items:center;font-size:23px}
.release-info{padding-top:24px}
.release-artist{font-size:10px}
.release-info h2{font-weight:900;letter-spacing:-4px;font-size:clamp(38px,4.8vw,72px);line-height:.88;margin:10px 0 12px;white-space:nowrap}
.release-info h2 span{font-weight:400;font-family:Georgia,serif;font-style:italic;letter-spacing:-5px;margin-left:1px}
.release-info p{font-size:12px;margin:0;color:#51514a}
.listen-button{border:0;border-bottom:1px solid var(--ink);background:none;display:flex;justify-content:space-between;align-items:center;text-align:left;min-height:56px;padding:12px 0 8px;margin-top:8px;font-size:13px}
.listen-button>span{font-size:25px;transition:transform .2s}
.listen-button:hover>span{transform:translate(3px,-3px)}
.release-bottom{display:flex;align-items:center;justify-content:space-between;font-size:7px;line-height:1.6;letter-spacing:.5px;padding:17px 0 20px;margin-top:auto}
.barcode{display:block;width:90px;height:23px;background:repeating-linear-gradient(90deg,#161616 0 1px,transparent 1px 3px,#161616 3px 6px,transparent 6px 8px,#161616 8px 10px,transparent 10px 13px,#161616 13px 14px,transparent 14px 17px);opacity:.85}
.links-section{margin:0 4vw;background:var(--surface);color:var(--paper);padding:23px 26px 5px}
.links-heading{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#c5c5bb}
.links-heading h2{font:inherit;margin:0}
.links-heading>span{font-size:8px}
.social-links{display:grid;grid-template-columns:repeat(6,1fr);padding:22px 0 18px}
.social-link{position:relative;min-height:88px;border-right:1px solid #4b4b43;display:flex;align-items:center;justify-content:center;flex-direction:column;text-decoration:none;gap:10px;transition:color .2s}
.social-link:last-child{border:0}
.social-link svg{width:30px;height:30px;transition:transform .25s}
.platform-name{font-size:11px}
.platform-number{position:absolute;left:14px;top:0;font-size:8px;letter-spacing:0;color:#96968b}
.platform-arrow{position:absolute;right:14px;top:0;opacity:0;transform:translate(-3px,3px);transition:opacity .2s,transform .2s}
.platform-status{font-size:8px;color:#b8b8ad;letter-spacing:.3px;margin-top:-5px}
.social-link[href] .platform-status{display:none}
.social-link[href]:hover svg{transform:translateY(-4px) rotate(-5deg)}
.social-link[href]:hover .platform-arrow,.social-link[href]:focus-visible .platform-arrow{opacity:1;transform:translate(0,0)}
.social-link[aria-disabled="true"]{cursor:default}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:74px;margin:0 4vw;font-size:8px;letter-spacing:.6px}
.footer-divider{margin:0 10px;color:#7e7e74}
.noscript-note{text-align:center;font-size:13px}
.release-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:55px 25px 25px;width:min(900px,calc(100% - 32px));max-height:90svh;overflow:auto}
.release-dialog::backdrop{background:#111d;backdrop-filter:blur(5px)}
.dialog-close{position:absolute;right:20px;top:10px;display:flex;align-items:center;gap:20px;min-height:40px;background:none;border:0;font-size:9px}
.dialog-close span{font:30px/1 Arial,sans-serif}
.dialog-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:center}
.dialog-grid>img{display:block;width:100%;height:auto}
.dialog-copy h2{font-family:Georgia,serif;font-size:clamp(30px,4vw,45px);letter-spacing:-2px;font-weight:400;margin:12px 0}
.dialog-copy>p{font-size:13px;color:var(--muted)}
.release-platforms{display:flex;flex-direction:column;gap:0;margin-top:30px}
.release-platforms .social-link{flex-direction:row;justify-content:flex-start;min-height:58px;border:0;border-bottom:1px solid var(--line);gap:14px}
.release-platforms .social-link svg{width:25px;height:25px}
.release-platforms .social-link svg>g{stroke:var(--paper)}
.release-platforms .platform-number{display:none}
.release-platforms .platform-status{margin:0 0 0 auto}
.release-platforms .platform-arrow{top:20px}
.dialog-copy .pending-release{font-size:9px;line-height:1.6;margin-top:20px}
.dialog-open{overflow:hidden}
@media(min-width:1600px){
.hero-layout{min-height:740px}
.cover-wrap{width:400px}
}
@media(max-width:900px){
.hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,1fr);min-height:590px}
.release{padding-left:25px}
.release-info h2{font-size:40px;letter-spacing:-2px}
.release-info h2 span{letter-spacing:-3px}
}
@media(max-width:620px){
.topbar{height:72px;margin:0 6vw}
.signature{font-size:29px}
.signature span{font-size:11px}
.motion-control{font-size:8px;gap:7px;padding-left:0;letter-spacing:.2px}
.motion-indicator{gap:2px}
.motion-indicator i{width:1px}
.hero-layout{display:block;padding:0 6vw}
.release{padding:24px 0 20px;border-top:1px solid var(--ink);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 20px;align-items:center}
.release-eyebrow{grid-column:1/-1;margin:0 0 25px}
.cover-wrap{grid-column:1;grid-row:2/4;align-self:start;margin-top:3px}
.release-info{grid-column:2;padding:0;align-self:start}
.release-artist{font-size:8px}
.release-info h2{font-size:clamp(30px,8.2vw,48px);margin:10px 0;letter-spacing:-2px;white-space:normal;line-height:.9}
.release-info h2 span{display:block;font-size:1.25em;letter-spacing:-2px}
.release-info p{font-size:10px;line-height:1.4}
.listen-button{grid-column:2;grid-row:3;font-size:10px;min-height:42px;margin-top:15px;gap:6px;padding:7px 0}
.listen-button>span{font-size:20px}
.release-bottom{grid-column:1/-1;margin-top:20px;padding:0;font-size:6px}
.barcode{width:65px;height:18px}
.links-section{margin:8px 6vw 0;padding:20px 12px 8px}
.links-heading{font-size:8px}
.links-heading>span{font-size:6px;letter-spacing:.3px}
.social-links{grid-template-columns:repeat(3,1fr);row-gap:19px;padding:22px 0 10px}
.social-link{min-height:72px;border:0;gap:11px}
.social-link svg{height:27px;width:27px}
.platform-name{font-size:9px}
.platform-status{font-size:8px;letter-spacing:0}
.platform-number,.platform-arrow{display:none}
footer{margin:0 6vw;min-height:86px;flex-wrap:wrap;gap:9px;font-size:7px;padding:19px 0}
footer .edition{display:none}
.dialog-grid{grid-template-columns:1fr;gap:24px}
.release-dialog{padding:50px 20px 24px}
.dialog-grid>img{max-width:360px;margin:0 auto}
.dialog-copy h2{font-size:36px}
.release-platforms{margin-top:14px;flex-direction:row;gap:15px}
.release-platforms .social-link{flex:1;flex-direction:column;justify-content:center;padding:10px 0;gap:10px}
.release-platforms .platform-status{margin:0}
.release-platforms .platform-name{font-size:10px}
.dialog-copy .pending-release{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*::before,*::after{transition:none!important}
}