/* Music leads; the live player and staggered merchandise follow down the page. */
.page-home .home-hero{display:block;min-height:520px;padding:58px clamp(20px,3vw,48px)}
.page-home .home-hero:after{background:linear-gradient(90deg,#02080cf5 0%,#02080cb8 45%,#02080c22 100%)}
.page-home .home-hero .hero-copy{width:65%;max-width:800px}
.page-home .home-hero h1{font-size:clamp(42px,5.3vw,88px)}
.page-home .home-live-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:42px;padding:42px clamp(20px,3vw,48px);background:#061018;border-block:1px solid var(--line)}
.page-home .home-live-intro,.page-home .home-live-player{min-width:0}
.page-home .home-live-intro h2{font-size:clamp(30px,3vw,44px);margin:8px 0 12px}
.page-home .home-live-intro>p{color:var(--muted);font-size:16px;max-width:520px;margin:0}
.page-home .home-live-player>.text-link{display:inline-flex;margin-top:12px}
.page-home .home-records-feature{background:#061018;border-block:0;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:42px;padding-block:36px}
.page-home .home-community{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:#061018;border-top:0;gap:52px;padding:28px clamp(20px,3vw,48px) 42px}
.page-home .community-copy{min-width:0}
.page-home .community-copy h2{margin:0 0 18px}
.page-home .community-copy>.merch-hint{font-size:13px;margin-top:18px;color:var(--muted)}
.merch-art{position:relative;margin:0;min-width:0;isolation:isolate}
.merch-art>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 95%,transparent);mask-composite:intersect}
.merch-art-live{margin:12px -14px -18px}
.merch-hit{position:absolute;border-radius:12px;outline-offset:3px;min-width:44px;min-height:44px}
.merch-hit>span{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);padding:7px 10px;background:#061018ed;border:1px solid var(--cyan);border-radius:4px;color:#fff;font-size:12px;font-weight:700;line-height:1.4;text-align:center;width:max-content;max-width:calc(100% + 30px);opacity:0;pointer-events:none;transition:opacity .15s}
.merch-hit:hover>span,.merch-hit:focus-visible>span{opacity:1}
.merch-hit:focus-visible{outline:3px solid var(--cyan);background:#00c5e50d}
/* Keep the product photograph inside its gallery column at every screen width. */
.page-product .product-detail{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.page-product .product-gallery,.page-product .product-info,.page-product .main-product-image{min-width:0;max-width:100%}
.page-product .main-product-image>img{max-width:100%}
@media(max-width:1100px){
 .page-home .home-hero .hero-copy{width:80%}
 .page-home .home-live-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px}
 .page-home .home-records-feature,.page-home .home-community{gap:26px}
}
@media(max-width:900px){
 .page-home .home-live-section{grid-template-columns:1fr}
 .page-home .home-live-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:22px;align-items:center}
 .page-home .home-live-intro>.eyebrow,.page-home .home-live-intro>h2,.page-home .home-live-intro>p{grid-column:1}
 .page-home .home-live-intro>.merch-art{grid-column:2;grid-row:1/4;margin:0}
 .page-product .product-detail{grid-template-columns:1fr}
}
@media(max-width:640px){
 .page-home .home-hero{min-height:490px;padding-block:42px}
 .page-home .home-hero .hero-copy{width:100%}
 .page-home .home-hero h1{font-size:clamp(34px,9.5vw,58px)}
 .page-home .home-hero:after{background:linear-gradient(90deg,#02080cf2,#02080c99)}
 .page-home .home-records-feature,.page-home .home-community,.page-home .home-live-intro{grid-template-columns:1fr}
 .page-home .home-live-intro>.merch-art{grid-column:1;grid-row:auto;margin:12px 0 0}
 .page-home .home-records-feature{gap:10px}
 .page-home .home-community{gap:22px}
 .page-home .home-community>.merch-art{order:2}
 .page-home .home-live-section{padding-block:32px}
 .page-home .merch-art-live{max-width:520px}
 .page-home .button-row{flex-wrap:wrap}
 .merch-hit>span{font-size:11px;max-width:calc(100% + 20px)}
}
@media(prefers-reduced-motion:reduce){.merch-hit>span{transition:none}}

.merch-hit-sleep{left:12%;top:10%;width:34%;height:53%}
.merch-hit-bass{left:49%;top:33%;width:36%;height:54%}
.merch-hit-crew{left:10%;top:12%;width:24%;height:43%}
.merch-hit-brandnu{left:37%;top:26%;width:28%;height:58%}
.merch-hit-mitsubishi{left:70%;top:24%;width:21%;height:44%}
.merch-hit-house{left:14%;top:20%;width:39%;height:68%}
.merch-hit-tequila{left:57%;top:10%;width:31%;height:50%}