:root{--black:#090806;--ink:#17120d;--amber:#bd7b42;--gold:#d79a5b;--cream:#efe5d7;--muted:#9b8975;--line:rgba(239,229,215,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:"DM Sans",sans-serif}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.13;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%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
header{position:absolute;z-index:5;top:0;width:100%;height:82px;padding:0 4vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}header a{color:inherit;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.13em}header>p{margin:0;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--muted)}header>a:last-child span{color:var(--gold)}.brand{display:flex;align-items:center;gap:12px!important;font:700 11px Manrope,sans-serif!important}.brand>span{width:34px;height:34px;border:1px solid rgba(239,229,215,.35);border-radius:50%;display:grid;place-items:center;color:var(--cream)!important;letter-spacing:0}
.hero{min-height:100vh;padding:130px 6vw 65px;display:grid;grid-template-columns:.82fr 1.18fr;gap:7vw;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 80% 45%,rgba(177,96,36,.22),transparent 31%),linear-gradient(110deg,#080706,#130d08 52%,#090807)}.hero:before{content:"";position:absolute;width:50vw;height:50vw;right:-30vw;top:-20vw;border-radius:50%;background:#a24e1e;filter:blur(150px);opacity:.22}.eyebrow{margin:0 0 22px;text-transform:uppercase;letter-spacing:.19em;font:600 10px Manrope,sans-serif;color:var(--gold)}h1{margin:0;font:500 clamp(75px,10vw,155px)/.8 Manrope,sans-serif;letter-spacing:-.08em;text-transform:uppercase}.tease{margin:40px 0;color:#baa994;font:italic clamp(18px,2vw,27px)/1.5 Georgia,serif}.play-button{padding:16px 22px;border:1px solid rgba(239,229,215,.28);border-radius:99px;background:var(--cream);color:var(--black);font:600 12px Manrope,sans-serif;cursor:pointer}.play-button span{margin-right:10px;color:#9f5a29}.cover-wrap{position:relative;justify-self:end;width:min(100%,680px)}.cover-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover;box-shadow:0 40px 100px rgba(0,0,0,.66);outline:1px solid rgba(218,154,91,.18)}.cover-label{position:absolute;right:0;bottom:-25px;color:#86735f;font-size:9px;letter-spacing:.2em}.scroll{position:absolute;left:4vw;bottom:30px;margin:0;color:#726252;font-size:9px;text-transform:uppercase;letter-spacing:.18em}.scroll span{margin-left:8px;color:var(--gold)}
.listen{position:relative;isolation:isolate;overflow:hidden;padding:135px 7vw;background:#100c09}.ambient{position:absolute;z-index:-1;inset:0;background:linear-gradient(rgba(10,7,5,.78),rgba(10,7,5,.92)),url("assets/wiplash-cover.png") center/cover;filter:blur(18px);transform:scale(1.08);opacity:.47}.single-layout{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:8vw;align-items:center}.single-cover{width:100%;box-shadow:0 30px 80px rgba(0,0,0,.6)}.status{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#aa9581}.status span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#e4a261;box-shadow:0 0 14px #e4a261}.single-info h2,.signup h2{margin:22px 0 8px;font:500 clamp(56px,8vw,115px)/.88 Manrope,sans-serif;letter-spacing:-.065em}.artist{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.15em}.clue{max-width:640px;margin:36px 0;font:italic clamp(21px,2.3vw,32px)/1.4 Georgia,serif;color:#d4c3af}.player{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:22px;max-width:680px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#player-toggle{width:54px;height:54px;border:1px solid rgba(239,229,215,.35);border-radius:50%;background:transparent;color:var(--cream);cursor:pointer}.times{display:flex;justify-content:space-between;margin-bottom:8px;color:#9f8d79;font-size:9px}.player-main input{width:100%;accent-color:var(--gold)}.release-note{color:#806e5c;font-size:9px;text-transform:uppercase;letter-spacing:.14em}
.statement{min-height:450px;padding:8vw;display:grid;place-items:center;text-align:center;background:var(--amber)}.statement p{margin:0;color:#120c08;font:italic clamp(42px,6.4vw,90px)/1.05 Georgia,serif}.signup{padding:140px 5vw;text-align:center;background:#e6d8c6;color:var(--ink)}.signup .eyebrow{color:#87552e}.signup h2{font-size:clamp(48px,6.5vw,90px)}.signup h2 em{font-family:Georgia,serif;font-weight:400}.signup form{display:flex;max-width:650px;margin:55px auto 0;border-bottom:1px solid var(--ink)}.signup input{flex:1;padding:16px 3px;border:0;outline:none;background:transparent;font:14px DM Sans}.signup button{border:0;background:none;font:600 12px DM Sans;cursor:pointer}.signup>#form-message{min-height:18px;color:#756758;font-size:11px}footer{min-height:110px;padding:32px 4vw;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);background:var(--black)}footer p{margin:0;color:#746555;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;max-width:680px;margin-top:42px;border:1px solid var(--line);background:var(--line)}.countdown>div{padding:22px 10px;background:rgba(8,6,5,.8);text-align:center}.countdown strong{display:block;font:500 clamp(32px,4.2vw,62px)/1 Manrope,sans-serif;letter-spacing:-.06em}.countdown span{display:block;margin-top:9px;color:#8e7b66;font-size:8px;text-transform:uppercase;letter-spacing:.17em}.release-date{margin:13px 0 24px;color:#9f8b75;font-size:9px;text-transform:uppercase;letter-spacing:.15em}.player.locked{display:none}.countdown.released{display:none}
.date-tba{max-width:680px;margin:42px 0 24px;padding:24px 26px;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:rgba(8,6,5,.62)}.date-tba span{color:#8e7b66;font-size:9px;text-transform:uppercase;letter-spacing:.17em}.date-tba strong{font:italic clamp(20px,2.5vw,34px) Georgia,serif;color:var(--cream)}
@media(max-width:820px){header>p{display:none}.hero{grid-template-columns:1fr;padding-top:120px}.hero-copy{position:relative;z-index:2}.cover-wrap{width:88%}.scroll{display:none}.single-layout{grid-template-columns:1fr}.single-cover{max-width:580px}.listen{padding:100px 5vw}.signup{padding:100px 5vw}}
@media(max-width:520px){header{height:68px}.brand{font-size:0!important}.brand>span{font-size:11px}.hero{padding:105px 5vw 55px}.hero h1{font-size:20vw}.tease{margin:28px 0}.cover-wrap{width:100%}.single-info h2{font-size:20vw}.player{grid-template-columns:48px 1fr;gap:14px}#player-toggle{width:46px;height:46px}.countdown>div{padding:17px 4px}.countdown strong{font-size:9vw}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}