/* BrandNu: live-first homepage, eight merch picks and an editorial mix library. */
.page-home .home-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(450px,1.25fr);gap:40px;align-items:center;min-height:0;padding:38px clamp(20px,3vw,48px)}
.page-home .home-hero:after{background:linear-gradient(90deg,#02080cf5,#02080cb8)}
.page-home .home-hero .hero-copy{width:100%;max-width:none}.page-home .home-hero h1{font-size:clamp(38px,4.5vw,74px);line-height:1.02;white-space:nowrap;margin:12px 0 20px}.page-home .home-hero .hero-subtitle{font-size:clamp(28px,3vw,44px);line-height:1.1;margin:0 0 18px}.page-home .home-hero .hero-copy p{max-width:560px;margin:0 0 20px}.page-home .hero-socials{margin-top:22px}.page-home .hero-socials .socials{gap:18px}.page-home .home-live-player{min-width:0;width:100%}.page-home .stream-status{font-size:14px;border-radius:8px 8px 0 0;margin:0}.page-home .stream-player{aspect-ratio:16/9;min-height:300px;background:#07111b}.page-home .live-media-note{margin:10px 0 4px;font-size:12px}.page-home .live-direct{font-size:13px}.page-home .stream-offline{min-height:370px}.page-home .stream-offline>div{padding:32px}
.page-home .home-media,.page-home .drop-section{padding:36px clamp(20px,3vw,48px)}.page-home .section-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.page-home .section-heading p{margin:8px 0 0;font-size:16px}.page-home .section-heading h2{font-size:clamp(30px,3vw,44px);margin:0}.page-home .home-media .home-mix-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.page-home .home-mix-grid .video-card h3{font-size:18px;line-height:1.4;margin-top:10px}.page-home .home-eight-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.page-home .home-eight-products .product-art{aspect-ratio:1/1;background:#193c53}.page-home .home-eight-products .product-art img{padding:0;object-fit:contain}.page-home .home-eight-products .product-card{background:#102533;border:1px solid #234454;border-radius:10px}.page-home .product-copy{padding:16px}.page-home .product-copy h3{font-size:16px;line-height:1.4;min-height:45px}.page-home .product-copy>.button{width:100%;font-size:13px}.page-home .home-records-feature{padding:36px clamp(20px,3vw,48px);gap:36px}.page-home .home-records-feature h2{font-size:clamp(30px,3vw,44px)}.page-home .home-records-feature .label-logo{max-width:230px;margin-bottom:18px}
.page-mixes .mixes-hero{padding:28px clamp(20px,3vw,48px);min-height:0}.page-mixes .mixes-hero h1{font-size:clamp(38px,4vw,64px);margin:0 0 12px}.page-mixes .mixes-hero p{margin:0 0 16px}.page-mixes .mixes-hero .button-row{margin:0}.page-mixes .mix-feature-section,.page-mixes .mix-archive-section{padding:30px clamp(20px,3vw,48px)}.page-mixes .section-heading{margin-bottom:20px}.page-mixes .section-heading h2{font-size:clamp(30px,3vw,42px);margin:0}.page-mixes .section-heading p{margin:8px 0 0}.mix-feature{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;align-items:stretch}.mix-feature-main,.mix-feature-side{min-width:0}.mix-feature-main .video-card{height:100%;display:flex;flex-direction:column}.mix-feature-main .video-thumb{flex:1;aspect-ratio:auto;min-height:300px;width:100%}.mix-feature-main .video-thumb img{object-fit:cover;width:100%;height:100%}.mix-feature-main h3{font-size:25px;line-height:1.3;margin:12px 0 6px}.mix-feature-side{display:grid;gap:20px}.mix-feature-side .video-thumb{aspect-ratio:16/9;width:100%}.mix-feature-side h3{font-size:17px;line-height:1.4;margin:8px 0 4px}.mix-feature .video-card>.muted{font-size:13px}.mix-feature:has(.mix-feature-main:only-child){grid-template-columns:1fr}.mix-feature-main:only-child .video-thumb{aspect-ratio:16/9}
.mix-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.mix-library .video-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:auto 1fr;column-gap:18px;padding:16px;background:#10202b;border-radius:10px;align-items:start}.mix-library .video-thumb{grid-row:1/3;width:100%;aspect-ratio:16/9;margin:0}.mix-library h3{grid-column:2;font-size:18px;line-height:1.4;margin:4px 0 10px}.mix-library .muted{grid-column:2;font-size:13px}.mix-library>.video-card:last-child:nth-child(odd){grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}
.page-live .catchup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.page-live .catchup-grid .video-thumb{width:100%;aspect-ratio:16/9}.page-live .catchup-grid h3{font-size:18px;line-height:1.4;margin-top:10px}.inline-live [hidden]{display:none!important}.inline-live button[data-load-live]{margin-top:14px}
@media(max-width:1100px){.page-home .home-hero{grid-template-columns:1fr;gap:28px}.page-home .home-hero .hero-copy{max-width:780px}.page-home .home-hero h1{font-size:clamp(42px,7vw,76px)}.page-home .hero-subtitle br{display:none}.page-home .stream-offline{min-height:400px}.mix-library{grid-template-columns:1fr}.mix-library>.video-card:last-child:nth-child(odd){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:900px){.page-home .home-eight-products{grid-template-columns:repeat(2,minmax(0,1fr))}.mix-feature{grid-template-columns:1fr}.mix-feature-main .video-thumb{aspect-ratio:16/9;min-height:0}.mix-feature-side{grid-template-columns:repeat(2,minmax(0,1fr))}.page-home .section-heading{align-items:flex-start;flex-direction:column}.page-live .catchup-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.page-home .home-media .home-mix-grid{grid-template-columns:1fr}.mix-feature-side{grid-template-columns:1fr}.mix-library .video-card,.mix-library>.video-card:last-child:nth-child(odd){grid-template-columns:1fr;gap:8px}.mix-library .video-thumb{grid-row:auto}.mix-library h3,.mix-library .muted{grid-column:1}.page-live .catchup-grid{grid-template-columns:1fr}.page-home .home-records-feature{grid-template-columns:1fr}.page-home .home-hero h1{font-size:clamp(34px,8vw,52px)}.page-home .home-hero .hero-subtitle{font-size:30px}.page-home .home-hero .button-row{flex-wrap:wrap}.page-home .home-hero .button{font-size:13px;padding:12px 16px}.page-home .stream-offline{min-height:320px}}
@media(max-width:420px){.page-home .home-eight-products{grid-template-columns:1fr}}
.mix-feature-main .video-thumb{position:relative;min-height:0;overflow:hidden}.mix-feature-main .video-thumb img{position:absolute;inset:0;transform:scale(1.08)}.mix-feature-side{align-content:start}.mix-feature-side .video-card{align-self:start;height:auto}
@media(max-width:900px){.mix-feature-main .video-thumb{flex:none;aspect-ratio:16/9}.mix-feature-main .video-thumb img{transform:none}}

header .button.listen-live{color:#f5f7f8}
