/* ACE after hours: gold, copper and teal, with small native flourishes. */
:root{--gold:#f3ce83;--teal:#66d5c6;--copper:#ed9162;--ink:#111617;--cream:#fff1d5}
body{background:radial-gradient(ellipse 75% 700px at 100% 180px,#183e3d80,transparent),radial-gradient(ellipse 65% 800px at 0 1100px,#67331c38,transparent),#121516;color:var(--cream)}
.top{position:relative;border-bottom-color:#bc914c4a;background:linear-gradient(100deg,#211a1550,#102a2750)}
.top:after{content:'';position:absolute;bottom:-2px;left:var(--station-left);right:var(--station-right);height:3px;background:linear-gradient(90deg,var(--gold),var(--copper) 32%,var(--teal) 75%,transparent);border-radius:100%}
.brand{filter:drop-shadow(0 4px 15px #dd9d2320)}
.crew{color:#d3c3a8}.crew b{color:var(--teal)}
.outline{border-color:#94754d80;background:#111b1b75;color:var(--cream)}
.outline:hover{border-color:var(--gold);color:var(--gold)}
.outline[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:#251b12}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--teal)}
.intro{isolation:isolate;padding:70px 0 66px;overflow:hidden;min-height:420px}
.intro-text{position:relative;z-index:1}
.hero-flourish{position:absolute;z-index:-1;pointer-events:none;width:76%;height:100%;right:0;top:0;overflow:visible;opacity:.8}
.hero-flourish .sweep{stroke:currentColor;stroke-width:3}.hero-flourish .teal{color:#3caaa0}.hero-flourish .copper{color:#e07c46}.hero-flourish .gold{color:#e2b86a}.hero-flourish .star{fill:currentColor}
.eyebrow{color:var(--teal)}.eyebrow i{background:var(--copper);box-shadow:0 0 0 4px #e9915d15}
h1{color:var(--cream);text-shadow:2px 3px 0 #0005}
h1 span{text-shadow:none;color:var(--gold);background:linear-gradient(130deg,#fff0bd 5%,#f3c276 52%,#e58d56);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 3px 0 #6b3f2922)}
.intro-copy{color:#c8c9bd}.intro-copy:after{width:115px;height:12px;border-bottom-color:var(--teal);box-shadow:0 3px 0 -2px var(--gold)}
.record{border-color:#a77c47;box-shadow:12px 13px 0 #276c6555,20px 21px 0 #c97a3925,0 0 50px #46c7b216}
.record-label{background:radial-gradient(circle at 35% 35%,#42301a,#141c1c 75%);border-color:#e6b86b}
.record-sticker{background:var(--copper);box-shadow:0 0 0 3px #171b1a,0 0 0 4px #eeb36b70}
.sound-ribbon{display:flex;align-items:center;justify-content:center;gap:32px;padding:13px 20px;margin:0 0 32px;border-block:1px solid #a7814c65;background:linear-gradient(90deg,#133d38a0,#36241990,#133d38a0);font-size:10px;letter-spacing:3px;font-weight:800;color:var(--gold)}
.sound-ribbon i{font-size:18px;color:var(--copper);font-style:normal}
.video-strip{border:1px solid #5b968680;border-radius:10px 30px 10px 30px;background:radial-gradient(ellipse at 0 0,#246f6070,transparent 60%),radial-gradient(ellipse at 100% 100%,#97512750,transparent 65%),#182423;box-shadow:0 12px 32px #0003,inset 0 0 0 5px #fff1cf04}
.video-strip:before{content:'✦';position:absolute;right:19%;top:9px;font-size:23px;color:#e2b86a80;pointer-events:none}
.video-strip:after{border-color:#74b8a625;right:50px;width:230px;height:230px;top:-75px;box-shadow:0 0 0 12px #74b8a607,0 0 0 24px #74b8a605}
#video-strip-label{color:#ffe4ab;text-shadow:0 2px 0 #0004}#video-strip-label:after{border-bottom-color:var(--copper)}
.video-strip-count{color:#b8d5c9}.video-strip-play{border-color:var(--gold);background:#f3ce8312;box-shadow:0 0 0 5px #f3ce8308}
#video-thumbnails img{border-color:#253c32}
.section-head .kicker{color:var(--teal)}.section-head h2{color:var(--cream)}.section-head h2:before{background:var(--copper)}.section-head h2 span{color:#d3b788}
.album-selector{counter-reset:album;gap:18px}
.album-choice{position:relative;isolation:isolate;overflow:hidden;counter-increment:album;min-height:128px;padding:20px;border-radius:10px 24px 10px 24px;border-color:#ab7c4c75;background:linear-gradient(125deg,#4d2e1f99,#24201c 75%);box-shadow:0 8px 24px #0002}
.album-choice:nth-child(2n){border-color:#4e9b8b80;background:linear-gradient(125deg,#16473e99,#182725 75%)}
.album-choice:before{content:'';position:absolute;z-index:-1;right:-35px;bottom:-75px;width:180px;height:180px;border:1px solid #f3ce8319;box-shadow:0 0 0 10px #f3ce8307,0 0 0 20px #f3ce8304;border-radius:50%}
.album-choice:after{content:'ALBUM ' counter(album,decimal-leading-zero);position:absolute;right:12px;top:9px;font-size:8px;letter-spacing:1.5px;color:#d5b88c}
.album-choice img{width:84px;height:84px;border-radius:5px;box-shadow:4px 4px 0 #0003}
.album-choice strong{color:#fff1d5}.album-choice small{color:#c8bfae}
.album-choice[aria-pressed=true]{border-color:var(--gold);background:linear-gradient(125deg,#5b3d2499,#242a20);box-shadow:inset 3px 0 0 var(--gold),0 8px 28px #0003}
.album-card .album{border:1px solid #cfaa6455;border-radius:8px;box-shadow:6px 6px 0 #32766a36,12px 12px 0 #d48b3f18,0 14px 32px #0004}
.album-card .kicker{color:var(--teal)}.album-card h3{color:var(--cream)}.album-info>p:not(.kicker){color:#c6c6b9}
.play-album{background:var(--gold);color:#211a11;box-shadow:0 4px 0 #9b6837,0 9px 22px #0003;border:1px solid #ffe7b3}
.play-album:hover{background:#ffe4ae}.play-album:active{transform:translateY(2px);box-shadow:0 2px 0 #9b6837}
.tracks{border-radius:8px;overflow:hidden}.track{border-color:#748d8030;transition:background .15s}.track:nth-child(even){background:#b2d4bc03}.track:last-child{border-color:#748d8030}.track[aria-pressed=true]{background:linear-gradient(90deg,#38756630,#1e2c2820);color:var(--gold);box-shadow:inset 3px 0 0 var(--teal)}
.track .number{color:#b49d76}.track img{border-radius:5px}.track small{color:#a8b9b0}.track .length{color:#c5bba8}.track .arrow{color:var(--copper)}
.player{background:linear-gradient(110deg,#152c2af7,#1b211ff7 55%,#30271cf7);border-top-color:#c9a262;box-shadow:0 -8px 35px #0004}
.player:before{content:'';position:absolute;top:-2px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--teal),var(--gold),var(--copper))}
.player-name strong{color:var(--cream)}.player-name small{color:#b8c8bd}.equalizer i{background:var(--teal)}.timeline input{accent-color:var(--gold)}.timeline span{color:#d9cbb4}
.transport .main-play{background:var(--gold);box-shadow:0 0 0 4px #f3ce8310;color:#222019;display:grid;place-items:center}
.transport button{position:relative;color:var(--cream);font-size:0;display:grid;place-items:center}
.transport button:before{content:'';width:12px;height:14px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}
.transport #previous:before{transform:rotate(180deg)}.transport #previous:after,.transport #next:after{content:'';position:absolute;width:2px;height:14px;background:currentColor;top:50%;transform:translateY(-50%)}.transport #previous:after{left:6px}.transport #next:after{right:6px}
.transport #toggle[aria-label=Pause]:before{width:12px;height:15px;background:linear-gradient(90deg,currentColor 0 33%,transparent 33% 67%,currentColor 67%);clip-path:none}
footer{position:relative;margin-top:70px;border-top-color:#c9a26266;padding-top:30px}footer:before{content:'✦';position:absolute;left:50%;top:-13px;background:#121516;padding:0 14px;color:var(--gold);font-size:22px}footer .footer-signature{font-family:ACE Script,cursive;font-size:32px;font-weight:400;letter-spacing:0;color:var(--gold)}footer p{color:#a8b9b0}footer b{color:var(--teal)}
dialog{background:#142321;border-color:#ba945b;border-radius:14px}.dialog-head button{background:var(--gold)}.video-card{background:#1e302b;border-color:#6e907b60}.video-card small{color:var(--gold)}
@media(hover:hover){.album-choice:hover{border-color:var(--teal);transform:translateY(-3px)}.track:hover{background:#26443c70}.video-strip:hover{border-color:var(--gold);box-shadow:0 12px 30px #438b761c}}
@media(max-width:760px){
 .intro{padding:45px 0 38px;min-height:0}.hero-flourish{width:94%;right:0;top:-6%;height:108%;opacity:.55}.hero-flourish .sweep{stroke-width:5}
 h1{font-size:clamp(40px,12vw,68px)}.intro-copy{line-height:1.5}.record{width:90%;box-shadow:6px 7px 0 #276c6555,11px 12px 0 #c97a3925}
 .sound-ribbon{font-size:7px;letter-spacing:1px;gap:10px;padding:10px 5px;margin-bottom:24px}.sound-ribbon i{font-size:12px}
 .video-strip{border-radius:8px 22px 8px 22px}.video-strip:before{right:21%;font-size:17px;top:5px}
 .album-selector{gap:12px}.album-choice{padding:17px 12px 15px;min-height:0;border-radius:8px 20px 8px 20px}.album-choice:after{font-size:7px;right:9px;top:8px}.album-choice img{width:68px;height:68px;margin:8px 0 14px}.album-choice strong{font-size:14px}.album-choice small{line-height:1.5}.album-choice:before{width:140px;height:140px;bottom:-75px}
 .album-card{gap:21px}.album-card .album{box-shadow:4px 4px 0 #32766a36,8px 8px 0 #d48b3f18}.album-card h3{font-size:22px}.player-name strong{font-size:12px}.transport .main-play{width:42px;height:42px}.transport button{min-width:32px;min-height:38px}
 footer{margin-top:46px}footer .footer-signature{font-size:27px}
}
@media(max-width:380px){.sound-ribbon{letter-spacing:.5px;font-size:6px;gap:8px}.album-choice strong{font-size:13px}.album-card{gap:17px}.album-card h3{font-size:20px}}
/* Playback details: spinning grooves, sleeve reveals, meters and tonearm. */
body{transition:background-color .6s}body[data-album-theme=a-little-curve-in-everything]{background-color:#211811;background-image:radial-gradient(ellipse 80% 900px at 100% 180px,#8c4b2638,transparent),radial-gradient(ellipse 60% 800px at 0 1100px,#aa5b3228,transparent)}body[data-album-theme=album-two]{background-color:#1c1a14;background-image:radial-gradient(ellipse 80% 900px at 100% 180px,#73582745,transparent),radial-gradient(ellipse 60% 800px at 0 1100px,#245e4c38,transparent)}
.on-air{font-size:9px;letter-spacing:2px;border:1px solid #665642;border-radius:5px;padding:8px 10px;color:#9c8e76;white-space:nowrap}.on-air:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#655444;margin-right:7px}.playing .on-air{color:#ffcf83;border-color:#e7a550;box-shadow:0 0 20px #ffab3330}.playing .on-air:before{background:#ffc776;box-shadow:0 0 10px #ffae38}
.record{background:#141516}.record-spin{position:absolute;inset:0;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,#212021 0 2px,#39343b 3px,#171619 4px 7px);animation:record-turn 16s linear infinite;animation-play-state:paused}.playing .record-spin{animation-play-state:running}.record-spin .record-label{transform:none}.record-spin:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#fff1,transparent 40%,#fff1,transparent 75%);pointer-events:none}@keyframes record-turn{to{transform:rotate(360deg)}}
.tonearm{--arm-angle:-22deg;position:absolute;z-index:2;right:2%;top:4%;width:4px;height:48%;background:linear-gradient(90deg,#6f4928,#ffe4a1,#9c672e);transform-origin:50% 5%;transform:rotate(var(--arm-angle));border-radius:5px;pointer-events:none;box-shadow:2px 2px 4px #0008;transition:transform .4s linear}.tonearm:before{content:'';position:absolute;top:-3px;left:-5px;width:14px;height:14px;border-radius:50%;background:#d7ad6b;border:3px solid #654f30}.tonearm:after{content:'';position:absolute;bottom:-5px;left:-4px;width:12px;height:20px;border-radius:2px;background:#e3bd79;border:2px solid #7d603c}
.album-choice img{position:relative;z-index:1;transition:transform .3s}.album-choice[aria-pressed=true] img{transform:rotate(-4deg)}.album-choice[aria-pressed=true]:before{width:76px;height:76px;left:48px;top:25px;right:auto;bottom:auto;border:1px solid #947040;background:repeating-radial-gradient(circle,#141414 0 3px,#34322c 4px,#151515 5px 7px);box-shadow:none;z-index:0}.album-choice>span{position:relative;z-index:1}.album-choice[aria-pressed=true]{gap:29px}
.now-spinning{font-family:ACE Script,cursive;color:var(--gold);display:block;font-size:17px;line-height:1.1;margin-bottom:4px}.player:not(:has(.main-play[aria-label=Pause])) .now-spinning{color:#b8a88d}
@media(max-width:760px){.on-air{position:absolute;right:6%;bottom:6px;font-size:6px;padding:3px 6px;letter-spacing:1px}.top{padding-bottom:29px}.now-spinning{font-size:15px}.album-choice[aria-pressed=true]:before{width:61px;height:61px;left:36px;top:29px}.player{gap:10px}.player-name small{margin-top:4px}}
@media(prefers-reduced-motion:reduce){.record-spin{animation:none!important}.tonearm{transition:none!important}}

.brand-stack{display:flex;flex-direction:column;align-items:center;gap:7px;flex-shrink:0}.brand-stack .on-air{position:static;inset:auto;margin:0;font-size:8px;padding:5px 9px;letter-spacing:2px}.top{padding-bottom:22px}@media(max-width:760px){.top{padding-bottom:18px}.brand-stack{gap:5px}.brand-stack .on-air{font-size:7px;padding:4px 7px}}

.player-cover{width:56px;height:56px;object-fit:cover;flex-shrink:0;border-radius:7px;border:1px solid #d3ab6570;box-shadow:3px 3px 0 #0003}.player-name{gap:12px}.player-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:760px){.player-cover{width:44px;height:44px}.player-name{gap:9px}.player-name small{max-width:100%}.timeline{order:3;flex-basis:100%;min-width:0}.timeline input{min-width:0}.now-spinning{font-size:14px}.player-name strong{font-size:11px}}

/* Draw icons directly so iOS cannot substitute blue emoji tiles. */
#install{display:inline-flex;align-items:center;justify-content:center;gap:8px}.install-icon{width:17px;height:20px;flex-shrink:0;color:var(--gold)}
.track .arrow{justify-self:center;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d7b06b70;border-radius:50%;color:var(--gold);background:#f3ce8308;box-shadow:0 0 0 3px #f3ce8303;transition:background .2s,transform .2s}.track .arrow:before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor;margin-left:2px}.track[aria-pressed=true] .arrow{background:var(--gold);border-color:var(--gold);color:#242018;box-shadow:0 0 12px #e9b75b20}@media(hover:hover){.track:hover .arrow{background:var(--gold);color:#242018;transform:scale(1.08)}}
@media(max-width:760px){.track{grid-template-columns:17px 42px minmax(0,1fr) 28px 28px}.track .arrow{width:25px;height:25px}#install{gap:6px}.install-icon{width:14px;height:17px}}

/* Keep station navigation above scrolling artwork and below dialogs. */
.top{position:sticky;top:0;z-index:6;background:linear-gradient(100deg,#241e17,#142724);box-shadow:0 8px 24px #0003;padding-top:max(27px,env(safe-area-inset-top))}
@media(max-width:760px){.top{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:12px}.top .brand{width:clamp(108px,30vw,130px)}}

/* Pull-up record sleeve, sharing the existing playback controls. */
#player-shade{position:fixed;inset:0;z-index:7;background:#050b0ba8;backdrop-filter:blur(3px)}
.player{z-index:8;padding-top:33px;transform:translateY(var(--drag-y,0px));transition:transform .25s ease;border-radius:18px 18px 0 0}
.player.dragging{transition:none}.player:before{border-radius:18px 18px 0 0}
.player-expand{position:absolute;left:0;right:0;top:0;width:100%;height:29px;background:transparent;color:var(--gold);display:flex;align-items:center;justify-content:center;gap:9px;touch-action:none;cursor:grab}
.grab{display:block;width:36px;height:4px;border-radius:6px;background:#f3ce8380}.swipe-hint{font-size:9px;letter-spacing:.8px;color:#d7c6a5}.hint-seen .swipe-hint{display:none}
.player-name{touch-action:none;cursor:grab}.player-cover{-webkit-user-drag:none;user-select:none}.sheet-artist{display:none}
.hinting .player-expand{animation:player-hint 1s ease-in-out 2}@keyframes player-hint{0%,100%{transform:translateY(0)}45%{transform:translateY(-6px)}}
.player.expanded{height:75vh;height:75dvh;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:15px;padding:40px var(--station-right) max(20px,env(safe-area-inset-bottom)) var(--station-left);overflow:auto;overscroll-behavior:contain;background:radial-gradient(ellipse at top,#38574a88,transparent 70%),#152321;box-shadow:0 -15px 60px #0006}
.expanded .player-expand{height:34px}.expanded .swipe-hint{display:none}.expanded .player-name{flex:0 0 auto;width:100%;min-width:0;display:flex;flex-direction:column;gap:16px;text-align:center}
.expanded .player-cover{width:min(40dvh,65vw,320px);height:min(40dvh,65vw,320px);border-radius:12px;box-shadow:0 14px 35px #0006;border-color:#d3ab65a0}
.expanded .player-name>div{width:100%}.expanded .now-spinning{font-size:23px;margin-bottom:7px}.expanded .player-name strong{font-size:clamp(17px,4.5vw,24px);white-space:normal;line-height:1.15}.expanded .sheet-artist{display:block;font-size:13px;color:#c8d7c9;margin-top:7px}.expanded .player-name small{font-size:9px;max-width:100%;margin-top:6px}
.expanded .transport{order:3;gap:30px}.expanded .transport .main-play{width:58px;height:58px}.expanded .transport button{min-width:44px;min-height:44px}
.expanded .timeline{order:2;flex:0 0 auto;width:min(100%,460px);min-width:0}.expanded .timeline input{min-width:0}.expanded #mute{display:none}
body:has(#player:not([hidden])){padding-bottom:150px}
@media(max-height:550px){.player.expanded{flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center}.expanded .player-name{flex-direction:row;width:100%;text-align:left}.expanded .player-cover{width:25dvh;height:25dvh}.expanded .timeline{width:55%}.expanded .transport{gap:14px}.expanded .transport .main-play{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.player{transition:none}.hinting .player-expand{animation:none}}

/* Center transport glyphs independently of hidden text and grid line boxes. */
.transport button{font-size:0;line-height:0}
.transport button:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.transport #previous:before{transform:translate(-50%,-50%) rotate(180deg)}
.transport #toggle[aria-label=Play]:before{transform:translate(calc(-50% + 1px),-50%)}

/* New release spotlight. The original video chooser remains below. */
.new-video{margin:0 0 32px;border:1px solid #e9ba6f99;border-radius:12px 32px 12px 32px;overflow:hidden;box-shadow:0 0 32px #e5ad4318;background:radial-gradient(ellipse at 80% 10%,#80542b55,transparent 70%),#152b27;animation:drop-arrive .65s ease-out both}
.new-video-button{display:grid;grid-template-columns:minmax(160px,30%) 1fr;align-items:center;width:100%;padding:0;background:transparent;color:var(--cream);text-align:left}
.new-video-art{position:relative;display:block;height:360px;overflow:hidden}.new-video-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block}.new-video-art:after{content:'';position:absolute;inset:0;box-shadow:inset -20px 0 35px #152b2744;pointer-events:none}
.new-video-play{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--gold);border:1px solid #ffeac0;box-shadow:0 0 0 8px #f3ce8326,0 6px 22px #0008;display:grid;place-items:center}.new-video-play:before{content:'';border-left:15px solid #242018;border-block:10px solid transparent;margin-left:4px}
.new-video-copy{display:flex;flex-direction:column;align-items:flex-start;padding:30px 9%;gap:14px;min-width:0}.drop-badge{background:var(--copper);color:#21170f;font-size:11px;font-weight:900;letter-spacing:2px;padding:9px 12px;border-radius:4px;transform:rotate(-3deg)}.drop-kicker{font-size:9px;letter-spacing:2px;color:var(--teal);margin-top:5px}#new-video-title{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-1px}.drop-script{font-family:ACE Script,cursive;color:var(--gold);font-size:30px;line-height:1.2}.drop-meta{font-size:10px;color:#c2ccbf;letter-spacing:.5px}
@keyframes drop-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(hover:hover){.new-video-button:hover .new-video-play{background:#ffe6b1;box-shadow:0 0 0 12px #f3ce8326,0 6px 22px #0008}}
@media(max-width:760px){.new-video-button{grid-template-columns:38% 1fr}.new-video-art{height:280px}.new-video-copy{padding:20px 16px;gap:12px}.drop-badge{font-size:9px;letter-spacing:1px;padding:7px 9px}.drop-kicker{font-size:7px;letter-spacing:1px}#new-video-title{font-size:27px}.drop-script{font-size:23px}.drop-meta{font-size:8px;line-height:1.6}.new-video-play{width:47px;height:47px}.new-video-play:before{border-left-width:12px;border-block-width:8px}.new-video{margin-bottom:24px}}
@media(max-width:360px){.new-video-copy{padding:18px 12px}#new-video-title{font-size:23px}.drop-script{font-size:20px}}
@media(prefers-reduced-motion:reduce){.new-video{animation:none}}

/* A short welcome spanning the phone width beneath the hero. */
.station-intro{grid-column:1/-1;margin:0;max-width:680px;line-height:1.6;position:relative;z-index:1}
.station-intro strong{display:block;color:var(--gold);font-size:19px;line-height:1.35;margin-bottom:8px}
.station-intro>span{display:block;color:#ded7c7;font-size:15px}.station-intro:after{display:none}
@media(max-width:760px){.station-intro{margin-top:12px}.station-intro strong{font-size:17px;margin-bottom:7px}.station-intro>span{font-size:13px;line-height:1.6}}

/* A song and a video share the spotlight, with compact cards on phones. */
.latest-drops{margin:0 0 36px}.drops-heading{margin-bottom:18px}.drops-heading .kicker{color:var(--teal);font-size:9px}.drops-heading h2{font-family:ACE Script,cursive;font-size:40px;font-weight:400;line-height:1.15;color:var(--gold);margin:7px 0 0}.drops-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.drops-grid .drop-card{margin:0;min-width:0}.drops-grid .new-video-button{height:100%;grid-template-columns:40% 1fr}.drops-grid .new-video-art{height:300px}.drops-grid .new-video-copy{padding:22px 18px;gap:12px}.drops-grid .drop-title,.drops-grid #new-video-title{font-size:clamp(25px,2.6vw,35px);line-height:1.08;letter-spacing:-.6px}.drops-grid .drop-script{font-size:25px}.drops-grid .drop-badge{font-size:9px;letter-spacing:1px}.drops-grid .drop-kicker{font-size:8px;letter-spacing:1.5px}.drops-grid .drop-meta{font-size:9px;line-height:1.6}.new-song{border-color:#78c5b699;background:radial-gradient(ellipse at 80% 10%,#97713044,transparent 75%),#2b2119}.new-song .drop-badge{background:var(--teal)}.drops-grid .new-song-art{display:flex;align-items:center;padding:12px;background:linear-gradient(145deg,#3f2b1d,#142b28)}.new-song-art img{height:auto;aspect-ratio:1;object-fit:contain;border-radius:7px;box-shadow:0 8px 24px #0007}.new-song-art:after{display:none}.new-song .new-video-play{left:auto;top:auto;right:14px;bottom:20px;transform:none;width:46px;height:46px}.new-song .new-video-play:before{border-left-width:11px;border-block-width:7px}
@media(max-width:900px){.drops-grid{grid-template-columns:1fr;gap:16px}.drops-grid .new-video-art{height:210px}.drops-grid .new-video-button{grid-template-columns:38% 1fr}.drops-grid .new-video-copy{padding:18px 20px;gap:10px}.drops-grid .drop-title,.drops-grid #new-video-title{font-size:29px}.drops-grid .new-song-art{padding:14px}.new-song .new-video-play{bottom:15px;right:14px}.drops-heading h2{font-size:34px}}
@media(max-width:400px){.drops-grid .new-video-copy{padding:16px 13px;gap:9px}.drops-grid .drop-title,.drops-grid #new-video-title{font-size:25px}.drops-grid .drop-script{font-size:22px}.drops-grid .drop-meta{font-size:8px}.drops-grid .new-song-art{padding:8px}.drops-grid .new-video-art{height:205px}}