/* R24.2 — fixed 320 FM keyvisual + dynamic Now Playing layer */
.be25-hero.be26-keyvisual{background-image:url('/assets/img/320fm-keyvisual-broadcast.webp')!important;background-position:center center!important;background-size:cover!important;min-height:620px}
.be25-hero.be26-keyvisual:before{background:linear-gradient(90deg,rgba(2,5,8,.93) 0%,rgba(2,5,8,.72) 37%,rgba(2,5,8,.2) 70%,rgba(2,5,8,.08) 100%)}
.be25-hero.be26-keyvisual:after{background:linear-gradient(0deg,rgba(2,5,8,.93) 0%,rgba(2,5,8,.15) 46%,transparent 72%)}
.be26-keyvisual .be25-hero-copy{justify-content:flex-start;padding-top:54px;max-width:760px}
.be26-keyvisual .be25-hero h1{font-size:clamp(55px,5.6vw,82px);max-width:680px;margin-top:19px}
.be26-now{position:absolute;z-index:4;left:48px;right:42px;bottom:34px;display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:18px;align-items:center;min-height:112px;padding:13px 15px;border:1px solid rgba(255,255,255,.14);border-radius:17px;background:linear-gradient(100deg,rgba(5,7,11,.9),rgba(12,5,12,.78));box-shadow:0 18px 52px rgba(0,0,0,.42);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:hidden}
.be26-now:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,8,119,.08),transparent 34%);pointer-events:none}.be26-now>*{position:relative;z-index:1}
.be26-now-art{width:86px;height:86px;border-radius:12px;background:#0c1218 url('/assets/img/320fm-logo-web.png') center/54% no-repeat;box-shadow:0 12px 30px rgba(0,0,0,.34)}.be26-now-art.has-art{background-size:cover;background-position:center}
.be26-now-main{display:block;min-width:0}.be26-now-label{display:flex;align-items:center;gap:7px;color:#ff4b9c;font-size:8px;font-weight:950;letter-spacing:.12em}.be26-now-label i{width:6px;height:6px;border-radius:50%;background:#ed0877;box-shadow:0 0 14px rgba(237,8,119,.9)}.be26-now-label b{padding:3px 6px;border-radius:999px;background:rgba(237,8,119,.12);font-size:7px}
.be26-now-main>strong{display:block;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:clamp(20px,2.1vw,31px);line-height:1;letter-spacing:-.035em}.be26-now-main>em{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c4cbd0;font-size:11px;font-style:normal}.be26-context{display:flex;align-items:center;gap:6px;margin-top:7px;color:#7f8a90;font-size:8px}.be26-context i{color:#ed0877;font-style:normal}
.be26-progress{position:relative;display:block;height:3px;margin-top:11px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.be26-progress>i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ed0877,#ff4ca3);box-shadow:0 0 14px rgba(237,8,119,.65);transition:width .8s linear}.be26-now.is-indeterminate .be26-progress>i{width:38%!important;animation:be26LiveSweep 1.8s ease-in-out infinite}.be26-time{display:flex;justify-content:space-between;margin-top:5px;color:#69747a;font-size:7px;font-variant-numeric:tabular-nums}
.be26-now-actions{display:grid;grid-template-columns:50px auto;gap:8px;align-items:center;justify-items:end}.be26-now-actions button{grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border:1px solid #ed0877;border-radius:50%;background:#ed0877;color:#fff;font-size:16px;cursor:pointer;box-shadow:0 10px 28px rgba(237,8,119,.25);transition:transform .25s ease,box-shadow .25s ease}.be26-now-actions button:hover{transform:scale(1.06);box-shadow:0 14px 36px rgba(237,8,119,.38)}.be26-now-actions a{color:#fff;font-size:8px;font-weight:900;white-space:nowrap}.be26-now-actions small{color:#ed0877;font-size:7px;font-weight:900;letter-spacing:.08em}.be26-now.is-refreshing .be26-now-art{animation:be26Pulse .65s ease}
@keyframes be26LiveSweep{0%{transform:translateX(-120%)}50%{transform:translateX(120%)}100%{transform:translateX(250%)}}@keyframes be26Pulse{50%{transform:scale(1.035);filter:brightness(1.15)}}
@media(max-width:1100px){.be25-hero.be26-keyvisual{min-height:600px}.be26-now{left:28px;right:28px;bottom:26px}}
@media(max-width:720px){.be25-hero.be26-keyvisual{min-height:660px;background-position:58% center!important}.be26-keyvisual .be25-hero-copy{justify-content:flex-start;padding:31px 20px}.be26-keyvisual .be25-hero h1{font-size:45px}.be26-now{left:14px;right:14px;bottom:14px;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:11px;min-height:0;border-radius:14px}.be26-now-art{width:64px;height:64px}.be26-now-main>strong{font-size:20px}.be26-now-actions{grid-column:1/-1;display:flex;justify-content:flex-start;padding-top:2px}.be26-now-actions button{width:38px;height:38px}.be26-now-actions a{margin-left:4px}.be26-now-actions small{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.be26-now.is-indeterminate .be26-progress>i,.be26-now.is-refreshing .be26-now-art{animation:none!important}}