/* PRESS PLAY blue + red theme for song / EP / home components (light pages) */
.pp-page{--ppx-navy:#1d2a44;--ppx-red:#a1161d;--ppx-red2:#e2122f;--ppx-line:rgba(161,22,29,.22);--ppx-glass:rgba(255,255,255,.55);--ppx-ink:#2a1519;--ppx-mut:#5b4a52}
/* marquee band */
.mq-wrap{overflow:hidden;padding:18px 0 6px}
.mq{background:linear-gradient(90deg,#a1161d,#e2122f 50%,#a1161d);color:#fff;margin:0;box-shadow:0 6px 18px rgba(161,22,29,.25);white-space:nowrap;overflow:hidden}
.mq-track{display:flex;width:max-content;animation:mqs 42s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-grp{display:flex;align-items:center;flex:0 0 auto;padding:14px 0;font:400 clamp(16px,2.2vw,22px)/1 'Anton','Bricolage Grotesque',Impact,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mq-grp i{font-style:normal;padding:0 26px;color:#ffd0d6;font-size:.8em}
@keyframes mqs{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}.mq{overflow-x:auto}}
/* stat tiles */
.st-sec{padding:26px 0 6px}
.st-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.st{background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.4));border:1px solid var(--ppx-line);border-radius:20px;padding:18px 18px 16px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-shadow:0 8px 24px rgba(29,42,68,.1)}
.st:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(161,22,29,.2)}
.st:before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,#a1161d,#e2122f)}
.st b{display:block;font:400 clamp(44px,6vw,70px)/1 'Anton',Impact,sans-serif;color:#a1161d;letter-spacing:.01em}
.st strong{display:block;margin-top:8px;font:800 15px/1.25 'Bricolage Grotesque','General Sans',sans-serif;color:var(--ppx-navy)}
.st small{display:block;margin-top:3px;font-size:12.5px;color:var(--ppx-mut)}
@media(max-width:820px){.st-row{grid-template-columns:repeat(2,1fr)}}
/* section heads */
.ppx-sec{padding:30px 0 6px}
.ppx-h{margin-bottom:16px}
.ppx-h span{display:inline-block;font:700 11px 'General Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#fff;background:var(--ppx-red);border-radius:99px;padding:5px 12px}
.ppx-h h2{margin:8px 0 6px;font:400 clamp(32px,5vw,56px)/1 'Anton',Impact,sans-serif;text-transform:uppercase;color:var(--ppx-navy)}
.ppx-h p{margin:0;max-width:60ch;color:var(--ppx-mut);font-size:14.5px;line-height:1.5}
/* tabs on light pages */
.ppx-tabs .tabbar{border-bottom:1px solid var(--ppx-line);margin-bottom:16px;gap:4px}
.ppx-tabs .tabbar button{color:var(--ppx-mut);font:700 13px 'Bricolage Grotesque','General Sans',sans-serif;padding:11px 18px;margin:0;border:0;border-radius:99px 99px 0 0;border-bottom:3px solid transparent}
.ppx-tabs .tabbar button:hover{color:var(--ppx-red)}
.ppx-tabs .tabbar button[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,#a1161d,#e2122f);border-color:transparent}
.ppx-tabs .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.ppx-tabs .grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ppx-tabs .grid-3{grid-template-columns:1fr}}
.pp-page .platform{background:var(--ppx-glass);border:1px solid var(--ppx-line);color:var(--ppx-ink);border-radius:16px;padding:14px 16px;box-shadow:0 4px 14px rgba(29,42,68,.08);transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.pp-page .platform:hover{background:#fff;border-color:var(--ppx-red);transform:translateY(-3px);box-shadow:0 12px 26px rgba(161,22,29,.18)}
.pp-page .platform b{display:block;font:800 15px 'Bricolage Grotesque','General Sans',sans-serif;color:var(--ppx-navy)}
.pp-page .platform small{display:block;color:var(--ppx-mut);font-size:12px;margin-top:2px}
.pp-page .platform .logo{background:#fff;border:1px solid rgba(29,42,68,.1);width:40px;height:40px;flex-basis:40px;border-radius:12px}
.pp-page .platform .logo img{width:22px;height:22px}
.pp-page .platform .logo .logo-img-fill{width:100%;height:100%;object-fit:cover;border-radius:11px}
/* video tabs */
.ppx-vid .tvid-frame{max-width:980px;margin:0 auto;border-radius:20px;box-shadow:0 26px 60px -18px rgba(29,42,68,.55);border:3px solid #fff}
.ppx-vid .tvid-link{display:block;max-width:980px;margin:10px auto 0;font:700 13px 'General Sans',sans-serif;color:var(--ppx-red)}
/* accomplishments on pp pages: blue+red, no black */
.pp-page .acx{--ax-bg:linear-gradient(160deg,#fbfcfe,#d6e0ec);--ax-card:rgba(255,255,255,.8);--ax-line:rgba(161,22,29,.2);--ax-red:#a1161d;--ax-txt:#2a1519;--ax-mut:#5b4a52;box-shadow:0 18px 44px rgba(29,42,68,.18)}
.pp-page .acx-head h2{color:var(--ppx-navy)}
.pp-page .acx-eye{color:var(--ppx-red)}
.pp-page .acx-more{color:var(--ppx-red);border-color:var(--ppx-line)}
.pp-page .acx-more:hover{background:var(--ppx-red);color:#fff}
.pp-page .acx-marq{background:linear-gradient(90deg,#a1161d,#e2122f 50%,#a1161d);border-color:transparent}
.pp-page .acx-grp{color:#fff}
.pp-page .acx-grp i{color:#ffd0d6}
.pp-page .acx-c{box-shadow:0 6px 18px rgba(29,42,68,.1)}
.pp-page .acx-c .n{color:var(--ppx-navy)}
.pp-page .acx-c.hot .n{color:var(--ppx-red)}
.pp-page .acx-c b{color:var(--ppx-navy)}
/* news */
.pp-page .nws{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(255,255,255,.5));color:var(--ppx-ink);border:1px solid var(--ppx-line);box-shadow:0 8px 24px rgba(29,42,68,.1);transition:transform .25s,box-shadow .25s}
.pp-page .nws:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(161,22,29,.18)}
.pp-page .nws h3{color:var(--ppx-navy);font-family:'Bricolage Grotesque','General Sans',sans-serif;font-weight:800}
.pp-page .nws p{color:var(--ppx-mut)}
.pp-page .nws p b{color:var(--ppx-red)}
.pp-page .nws-l{color:var(--ppx-red);border-color:var(--ppx-red)}
.pp-page .nws-head h2{color:var(--ppx-navy)}
.pp-page .nws-fl span{background:rgba(161,22,29,.08);color:#5a1a20}
.nws-img.nmf{grid-template-columns:200px 1fr}
.nws-img.nmf .nws-fl{grid-column:1/-1;padding:0 16px 16px;gap:5px}
.nws-img.nmf .nws-fl span{font-size:11.5px;padding:4px 9px}
.nws-img.nmf>div:not(.nws-fl){padding-bottom:6px}
@media(max-width:560px){.nws-img,.nws-img.nmf{grid-template-columns:1fr}.nws-img img{max-width:260px;margin:0 auto}.nws-img>div{padding:0 16px 16px}.nws-img.nmf>div:not(.nws-fl){padding:0 16px 8px}}
/* mass buy */
.pp-page .mb{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(190,205,222,.7));color:var(--ppx-ink);border:1px solid var(--ppx-line);box-shadow:0 18px 44px rgba(29,42,68,.18)}
.pp-page .mb h2{color:var(--ppx-navy)}
.pp-page .mb-t>p:not(.acx-eye){color:var(--ppx-mut)}
.pp-page .mb .acx-eye{color:var(--ppx-red)}
.pp-page .mb-btns a{background:linear-gradient(135deg,#a1161d,#e2122f);box-shadow:0 6px 16px rgba(161,22,29,.3)}
.pp-page .mb-btns a:hover{background:var(--ppx-navy);color:#fff;transform:translateY(-2px)}
.pp-page .mb-g{color:var(--ppx-red)}
.pp-page .mb img{box-shadow:0 14px 30px rgba(29,42,68,.35)}
/* apple music table */
.pp-page .apv{background:linear-gradient(160deg,rgba(255,255,255,.85),rgba(206,218,232,.75));color:var(--ppx-ink);border:1px solid var(--ppx-line);box-shadow:0 18px 44px rgba(29,42,68,.18)}
.pp-page .apv-head em{color:var(--ppx-red)}
.pp-page .apv-head h2{color:var(--ppx-navy)}
.pp-page .apv-score{color:var(--ppx-mut)}
.pp-page .apv-score b{color:var(--ppx-red)}
.pp-page .apv-meter{background:rgba(29,42,68,.12)}
.pp-page .apv-tools input{background:#fff;color:var(--ppx-ink);border-color:var(--ppx-line)}
.pp-page .apv-f button{color:var(--ppx-mut);border-color:var(--ppx-line)}
.pp-page .apv-f button.on{background:var(--ppx-red);border-color:var(--ppx-red);color:#fff}
.pp-page .apv-rh{border-color:var(--ppx-line)}
.pp-page .apv-rh h3{color:var(--ppx-navy)}
.pp-page .apv-rh span,.pp-page .apv-note{color:var(--ppx-mut)}
.pp-page .apv-c{background:rgba(255,255,255,.65);border-color:rgba(29,42,68,.12);color:#3a2a31}
.pp-page .apv-c.now{background:linear-gradient(135deg,#a1161d,#e2122f);border-color:#e2122f;color:#fff;box-shadow:0 4px 12px rgba(161,22,29,.3)}
.pp-page .apv-note b{color:var(--ppx-red)}
/* PRESS PLAY tracklist as cards */
.pp-list .container{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pp-list h2{grid-column:1/-1;font:400 clamp(32px,5vw,56px)/1 'Anton',Impact,sans-serif;text-transform:uppercase;color:var(--ppx-navy,#1d2a44);margin:6px 0 4px;font-style:normal}
.pp-list .pp-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:10px;padding:14px 18px;border:1px solid rgba(161,22,29,.22);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.8),rgba(255,255,255,.45));box-shadow:0 6px 18px rgba(29,42,68,.1);transition:transform .25s,box-shadow .25s,background .25s}
.pp-list .pp-row:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(161,22,29,.22);background:#fff}
.pp-list .pp-row .num{font:400 44px/1 'Anton',Impact,sans-serif;color:#a1161d}
.pp-list .pp-row .ttl{font:800 clamp(20px,2.4vw,28px)/1.1 'Bricolage Grotesque','General Sans',sans-serif;color:#1d2a44}
.pp-list .pp-row:hover .ttl{color:#a1161d}
@media(max-width:700px){.pp-list .container{grid-template-columns:1fr}}
/* song hero type */
.pp-song-title{font:800 clamp(56px,9vw,112px)/.95 'Bricolage Grotesque','Anton',sans-serif!important;letter-spacing:-.03em;color:#a1161d;font-style:normal}
.pp-song .pp-sup a,.pp-song .pp-tl a,.pp-song .pp-tag{transition:transform .2s}
.pp-song .pp-sup a:hover{transform:translateY(-4px)}
/* page rhythm */
.pp-page .acx-wrap{padding:22px 0}
.nws-grid{align-items:stretch!important}
.nws-img>.nws-fl{flex-direction:row!important;flex-wrap:wrap;display:flex;gap:5px;padding:0 16px 16px}
.nws-img:not(.nmf){align-items:stretch}
.nws-img:not(.nmf) img{height:100%!important;object-fit:cover!important;align-self:stretch}
.nws-img.nmf img{height:auto!important}
.nws-img:not(.nmf){align-self:start}
.nws-img:not(.nmf) img{height:auto!important;object-fit:contain!important;align-self:start}
/* news: aligned equal cards */
.pp-page .nws-grid{grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:14px}
.pp-page .nws-img,.pp-page .nws-img.nmf,.pp-page .nws-img:not(.nmf){display:flex!important;flex-direction:column;padding:0;align-self:stretch!important}
.pp-page .nws-img img,.pp-page .nws-img.nmf img,.pp-page .nws-img:not(.nmf) img{width:100%!important;max-width:none!important;height:320px!important;margin:0!important;object-fit:contain!important;object-position:center;background:linear-gradient(160deg,#e9eef5,#cfd9e6);padding:10px;box-sizing:border-box;align-self:stretch}
.pp-page .nws-img>div:not(.nws-fl){padding:16px 20px 12px;display:flex;flex-direction:column;gap:8px;flex:1}
.pp-page .nws-img .nws-l{margin-top:auto}
.pp-page .nws-img>.nws-fl{padding:0 20px 18px;flex:none}
.pp-page .nws-img .nws-fl span{font-size:12px}
@media(max-width:760px){.pp-page .nws-grid{grid-template-columns:1fr!important}.pp-page .nws-img img,.pp-page .nws-img.nmf img{height:260px!important}}
.pp-page .apv-tog{border-color:var(--ppx-line);color:var(--ppx-navy)}
.pp-page .apv-tog:hover{border-color:var(--ppx-red);color:var(--ppx-red)}
.pp-page .apv-tog i{background:var(--ppx-red)}
.pp-page .apv-tog em{color:var(--ppx-mut)}
.pp-page .apv-c u{color:var(--ppx-mut)}
.pp-page .apv-score .apv-x{color:var(--ppx-red)}
.pp-page .acx-trk-h b{color:var(--ppx-navy)}
.pp-page .apv-c.now u{color:#fff;background:rgba(0,0,0,.22)}
.pp-page .apv-th b{color:var(--ppx-red)}.pp-page .apv-th span{color:var(--ppx-mut)}
