@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&display=swap');
/* Record-sleeve typography and studio hardware, with restrained gold. */
:root{--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}
.opening-title h1{font-family:var(--display);font-weight:800;font-size:clamp(44px,6.2vw,94px);line-height:.95;letter-spacing:-.015em;text-transform:uppercase;margin:14px 0 16px;transform:skewX(-5deg);filter:drop-shadow(2px 4px 0 #08090855)}
.opening-title .eyebrow{font-weight:700;letter-spacing:4px}.opening-title>p:not(.eyebrow){font-size:13px}.opening-title #scene-status{font-family:monospace;font-size:11px;letter-spacing:.7px}.opening-title{top:7.5%}
.opening-menu>a,.opening-menu>button{font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:1.8px;text-transform:uppercase}.opening-menu{gap:60px;padding-top:18px;padding-bottom:24px}
nav a{font-weight:700;letter-spacing:1.5px}.header-listen{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:2px}.bio-title,.section-heading h2,.connect-section h2{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1}.bio-title{font-size:68px}.section-heading h2{font-size:58px}.connect-section h2{font-size:62px}.bio-title em{display:inline-block}.section-heading{border-bottom:1px solid #c5a15b42}.section-heading h2{border-left:4px solid #d3ac62;padding-left:18px}.section-heading>p{font-size:14px}.hero .eyebrow,.mpc-display .eyebrow{font-family:var(--display);font-size:14px;font-weight:600;letter-spacing:3px}.bio{max-width:420px}.hero .intro{font-weight:600}
.button{border-radius:2px;font-weight:800;letter-spacing:1.6px}.mpc-console{border-radius:3px;box-shadow:inset 0 2px #efd29912,0 8px 0 #030403,0 20px 50px #0005}.mpc-display h3{font-family:var(--display);font-size:34px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.drum-pad{border-radius:3px;border-bottom-width:4px}.drum-pad span{font-family:var(--display);font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.drum-pad kbd{font-size:11px}.speaker-label{font-family:var(--display);font-size:12px;font-weight:700;letter-spacing:1.5px;border-radius:3px}.quiet-button{border-radius:2px}.opening .quiet-button{border-radius:3px}.jukebox-heading h3{font-family:var(--display);font-weight:700;font-size:26px;text-transform:uppercase;letter-spacing:.2px}.jukebox-launcher{border-radius:5px;font-family:var(--display);font-size:15px;letter-spacing:1.5px;font-weight:700}.video-frame{border-radius:3px}.platform-link span{font-weight:500}.brand span{font-weight:700}.brand small{letter-spacing:2.7px}
@media(max-width:600px){.opening-title{top:83px}.opening-title h1{font-size:39px;margin:8px 0}.opening-title .eyebrow{letter-spacing:2px;font-size:10px}.opening-title #scene-status{font-size:10px;margin-top:6px}.opening-menu{gap:25px;padding:20px 12px 26px}.opening-menu>a,.opening-menu>button{font-size:17px;letter-spacing:1px}.bio-title{font-size:53px}.section-heading h2{font-size:46px;padding-left:13px}.connect-section h2{font-size:49px}.speaker-label{font-size:9px;letter-spacing:.8px}.header-listen{font-size:14px}.jukebox-launcher{font-size:13px}.drum-pad span{font-size:15px}}
/* Darker night, harder type, brighter gold. */
:root{--gold:#efc44d}.studio-scene{filter:brightness(.64) contrast(1.18) saturate(.78)}.scene:after{background:linear-gradient(180deg,#0204084d 0%,#02040819 43%,transparent 62%,#080908 100%)}.opening-title h1{font-weight:900;letter-spacing:-.035em;transform:skewX(-7deg);font-size:clamp(50px,7.1vw,106px);background:linear-gradient(105deg,#c79a28 4%,#ffdb59 30%,#fff2aa 45%,#e7b431 60%,#ffd45a 85%);background-size:230% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(3px 5px 0 #000b);text-shadow:none}.opening-title .eyebrow{font-weight:800;color:#f5cf60;letter-spacing:4.5px}.opening-title>p:not(.eyebrow){font-weight:600;color:#e8dfc9}.opening-title #scene-status{color:#edcb70;font-weight:700}.brand span{font-weight:900}.brand small{color:#edce81;font-weight:700}.opening-menu>a,.opening-menu>button{font-weight:800;color:#f1dfae;letter-spacing:1.5px}.opening-menu>:hover{color:#ffe169}.bio-title,.section-heading h2,.connect-section h2{font-weight:900;letter-spacing:-.025em}.section-heading h2{border-left-color:#ecc441;border-left-width:5px}.header-listen,nav a{font-weight:800}.bio{color:#cdc6b9}.intro{color:#f0e5ce}.speaker-label{font-weight:800;border-color:#c7a43b99;color:#ffe385;background:#080905eb}.speaker-ring{border-color:#e7c34a77}.speaker-control.pulse .speaker-ring{border-color:#ffe982;box-shadow:0 0 20px #ffcf3977,0 0 48px #d9952944,inset 0 0 16px #ffd57944}.falling-note{font-weight:900;font-size:47px;color:#ffdc62;-webkit-text-stroke:.65px #ffe991;text-shadow:0 0 3px #fff3b4,0 0 12px #ffcb45,0 0 26px #f7ae3299,0 0 48px #d185304d}.falling-note:before{width:2px;top:-92px;height:110px;background:linear-gradient(0deg,#ffe279cc,#efbb5166 38%,transparent);box-shadow:0 0 9px #f0bf6377}.falling-note:after{inset:-2px -9px;background:radial-gradient(ellipse,#ffc84330,transparent 70%)}.light-streak{width:2px;background:linear-gradient(transparent,#dca32c55 40%,#ffe488);box-shadow:0 0 9px #eec75f88}.light-streak:after{width:4px;height:4px;background:#fff1a8;box-shadow:0 0 12px #ffc53f}.drum-pad span{font-weight:800;color:#f0d276}.mpc-display h3{font-weight:800;color:#f5d779}.jukebox-heading h3{font-weight:800}.jukebox-launcher{border-color:#cba93e;font-weight:800}.opening .quiet-button{color:#edd28b;font-weight:600}.button{font-weight:900}.platform-link span{font-weight:600}
@media(max-width:600px){.opening-title h1{font-size:43px;line-height:.95}.opening-title .eyebrow{letter-spacing:2px}.falling-note{font-size:37px;-webkit-text-stroke:.45px #ffe991}.falling-note:before{height:60px;top:-47px}.speaker-label{font-size:9px}.opening-menu>a,.opening-menu>button{font-size:18px}.opening-title>p:not(.eyebrow){font-weight:600}}@media(prefers-reduced-motion:reduce){.falling-note:before{height:25px;top:-12px}}

/* Music-reactive opening: an 88 BPM visual clock drives the speaker cones and gold rain. */
.artist-playing .speaker-ring{animation:none!important;will-change:transform,filter,box-shadow}.opening.beat-hit .speaker-ring{transform:scale(1.13);filter:brightness(1.38);border-color:#fff0a2;box-shadow:0 0 24px #ffd34fbb,0 0 62px #c779254f,inset 0 0 22px #ffe07c66}.opening.beat-backbeat .speaker-ring{transform:scale(1.18)}.artist-playing .falling-note{animation-duration:calc(var(--duration) * .72);transition:filter .13s,text-shadow .13s,color .13s}.opening.beat-hit .falling-note{filter:brightness(1.48);color:#fff2a0;text-shadow:0 0 5px #fff7d1,0 0 18px #ffd34e,0 0 42px #e49a2d,0 0 72px #b86e245c}.opening.beat-hit .light-streak{filter:brightness(1.75);opacity:.95}.artist-playing .speaker-label{color:#fff0a2;box-shadow:0 0 22px #e9ad3d55,inset 0 1px #fff1c824}@media(prefers-reduced-motion:reduce){.artist-playing .falling-note{animation-duration:var(--duration)}.opening.beat-hit .speaker-ring,.opening.beat-backbeat .speaker-ring{transform:none;filter:none}.opening.beat-hit .falling-note,.opening.beat-hit .light-streak{filter:none}}

.mailing-list{width:min(840px,100%);margin:34px auto 38px;display:grid;grid-template-columns:1fr 1.35fr auto;gap:12px;align-items:end;text-align:left}.mailing-list div{display:grid;gap:7px}.mailing-list label{font:800 11px/1 Arial,sans-serif;letter-spacing:.2em;color:#e9c36d}.mailing-list input{min-width:0;border:1px solid rgba(237,190,84,.45);background:#070707;color:#fff;padding:15px 14px;font:700 15px/1.1 Arial,sans-serif;outline:none;box-shadow:inset 0 0 0 1px #000}.mailing-list input:focus{border-color:#ffd879;box-shadow:0 0 22px rgba(237,190,84,.18)}.mailing-list button{border:1px solid #f2c75c;background:linear-gradient(135deg,#f6d27a,#aa6a14);color:#090704;padding:16px 18px;font:900 12px/1 Arial,sans-serif;letter-spacing:.14em;cursor:pointer;box-shadow:5px 5px 0 #000}.mailing-list button:hover{filter:brightness(1.12);transform:translate(-1px,-1px)}.mailing-list #mailing-status{grid-column:1/-1;margin:2px 0 0;color:#a8a29b;font-size:13px}.mailing-list #mailing-status.success{color:#f4cf76}.mailing-list #mailing-status.error{color:#ff9e86}.mailing-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}@media(max-width:760px){.mailing-list{grid-template-columns:1fr}.mailing-list #mailing-status{grid-column:1}}