/* Stage geometry belongs to the photograph; garment pixels remain untransformed. */
.bn-showcase{margin:0 auto 48px;max-width:1920px;background:#070c10;color:#fff;isolation:isolate}
.bn-scene-stage{position:relative;width:100%;min-width:0;aspect-ratio:1.95;min-height:490px;max-height:880px;overflow:hidden}
.bn-scene{position:absolute;inset:0;overflow:hidden;--case-x:61.7%;--case-y:74%;--case2-x:87.2%;--case2-y:76.7%;--plate-shift:20%;--scene-photo:url('cinematic/warehouse.webp')}
.bn-scene[hidden]{display:none}
.bn-scene[data-scene="after-hours"]{--scene-photo:url('cinematic/after-hours.webp');--case-x:60.5%;--case-y:74%;--case2-x:87.2%;--case2-y:75.4%;--plate-shift:23%}
.bn-scene[data-scene="bass-room"]{--scene-photo:url('cinematic/bass-room.webp');--case-x:59%;--case-y:75%;--case2-x:86.5%;--case2-y:80%;--plate-shift:19%}
.bn-scene[data-scene="festival"]{--scene-photo:url('cinematic/festival.webp');--case-x:61.7%;--case-y:76%;--case2-x:87.5%;--case2-y:77%;--plate-shift:16%}
.bn-scene[data-scene="encore"]{--scene-photo:url('cinematic/encore.webp');--case-x:57%;--case-y:75%;--case2-x:85.5%;--case2-y:77%;--plate-shift:27%}
.bn-stage-photo{position:absolute;left:0;top:var(--plate-shift);width:100%;height:100%;background-image:var(--scene-photo);background-size:100% 100%;background-repeat:no-repeat;mask-image:linear-gradient(transparent,#000 18%);pointer-events:none}
.bn-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,12,.35),transparent 58%);pointer-events:none;z-index:1}
.bn-scene-copy{position:absolute;left:5%;top:16%;width:35%;z-index:4}
.bn-scene-copy .eyebrow{color:var(--accent-bright,#43d2ff);font-size:11px;letter-spacing:.18em}
.bn-scene-copy h2{font-size:clamp(42px,5.1vw,94px);line-height:.98;letter-spacing:-.055em;text-transform:none;color:#fff;margin:22px 0 24px;font-weight:800;text-wrap:balance}
.bn-scene-copy p{font-size:clamp(15px,1.2vw,20px);line-height:1.65;color:#d4e0e7;max-width:32ch;margin-bottom:30px}
.bn-scene-copy .button{min-height:48px;background:var(--accent-bright);color:#07121a;border-color:transparent}
.bn-stage-shirt{position:absolute;left:var(--case-x);bottom:calc(100% - var(--case-y));width:26%;height:64%;transform:translateX(-50%);z-index:3;display:flex;align-items:flex-end;justify-content:center;text-decoration:none}
.bn-stage-shirt.bn-shirt-1{left:var(--case2-x);bottom:calc(100% - var(--case2-y));width:20.5%;height:53%}
.bn-stage-shirt img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 12px #0009);transition:filter .3s}
.bn-stage-shirt:hover img{filter:drop-shadow(0 18px 16px #000b) brightness(1.06)}
.bn-shirt-caption{position:absolute;top:calc(100% + 24px);left:0;right:0;text-align:center;font-size:10px;letter-spacing:.08em;line-height:1.4;color:#fff;opacity:0;background:#071019df;padding:10px;border-radius:4px;transition:opacity .2s}
.bn-stage-shirt:hover .bn-shirt-caption,.bn-stage-shirt:focus-visible .bn-shirt-caption{opacity:1}
.bn-showcase-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 5%;border-top:1px solid #ffffff20;background:#071017}
.bn-scenes,.bn-playback{display:flex;align-items:center;gap:20px}
.bn-scenes button,.bn-playback button{border:0;background:transparent;color:#b8c7d0;font:inherit;font-size:11px;min-height:44px;cursor:pointer}
.bn-scenes button{display:flex;gap:9px;align-items:center;border-bottom:2px solid transparent;letter-spacing:.06em}
.bn-scenes button[aria-pressed=true]{color:var(--accent-bright);border-bottom-color:currentColor}
.bn-scenes button span:first-child{font-variant-numeric:tabular-nums;opacity:.7}
.bn-motion-toggle:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#7c8790;margin-right:8px}
.bn-motion-toggle[aria-checked=true]:before{background:var(--accent-bright);box-shadow:0 0 12px var(--accent-bright)}
.bn-showcase button:focus-visible,.bn-stage-shirt:focus-visible{outline:2px solid var(--accent-bright);outline-offset:5px}
.page-home .home-hero{min-height:0!important;background:none!important;padding:25px 5% 65px!important;display:block!important;margin:0 auto;max-width:1500px}
.page-home .home-hero:before,.page-home .home-hero:after{display:none!important}
.page-home .home-hero .hero-copy{width:100%;max-width:none!important;display:grid;grid-template-columns:1fr 1fr;column-gap:8%;align-items:start}
.page-home .home-hero h1{font-size:clamp(44px,5vw,78px)!important;margin:10px 0!important;grid-column:1}
.page-home .home-hero .eyebrow{grid-column:1}.page-home .home-hero h2{grid-column:1;font-size:26px!important;line-height:1.25;margin:0}.page-home .home-hero h2 br{display:none}
.page-home .home-hero p{grid-column:2;grid-row:1 / span 2;margin:0!important;max-width:45ch!important}
.page-home .home-hero .button-row{grid-column:2;margin-top:18px}.page-home .home-hero .hero-socials{grid-column:1 / -1;margin-top:26px}
.bn-store-controls{display:flex;justify-content:flex-end;align-items:center;gap:18px;padding:0 0 22px;font-size:12px}
.bn-store-controls button{color:var(--text);border:1px solid var(--line);background:var(--panel);padding:10px 16px;border-radius:30px;cursor:pointer;min-height:44px}
.bn-cinematic .product-art,.bn-cinematic .main-product-image{position:relative;isolation:isolate;overflow:hidden;background:#0b151d;border-radius:12px;border:1px solid var(--line)}
.bn-cinematic .product-art:before,.bn-cinematic .main-product-image:before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(0deg,#02070c22,#030a1288),var(--tile-photo,url('cinematic/warehouse.webp'));background-size:cover;background-position:75% center;filter:saturate(.6)}
.bn-cinematic .product-art:after,.bn-cinematic .main-product-image:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 25%,color-mix(in srgb,var(--accent-bright) 15%,transparent),transparent 70%);pointer-events:none}
.bn-cinematic .product-art>img,.bn-cinematic .main-product-image>img{position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 10px 14px #0007);background:transparent}
.bn-cinematic .product-art>img{width:100%;height:100%;padding:6% 4% 10%;transition:transform .45s ease,opacity .25s}
.bn-cinematic .product-art:hover>img{transform:translateY(-5px)}
.bn-cinematic .product-card:nth-child(5n+2){--tile-photo:url('cinematic/after-hours.webp')}
.bn-cinematic .product-card:nth-child(5n+3){--tile-photo:url('cinematic/bass-room.webp')}
.bn-cinematic .product-card:nth-child(5n+4){--tile-photo:url('cinematic/festival.webp')}
.bn-cinematic .product-card:nth-child(5n){--tile-photo:url('cinematic/encore.webp')}
.bn-cinematic .product-card .product-copy{padding:22px 4px 8px}
.bn-cinematic .product-card h3{line-height:1.35;letter-spacing:.01em;font-size:15px}
.bn-cinematic .product-card .swatches{gap:5px;flex-wrap:wrap}
.bn-cinematic .colour-preview{min-width:30px;min-height:30px}
.bn-cinematic .main-product-image{--tile-photo:url('cinematic/bass-room.webp')}
.bn-cinematic .main-product-image>img{padding:5%}
html .bn-cinematic .home-shirt-rail{grid-auto-flow:row;grid-auto-columns:auto}
.bn-cinematic .home-shirt-link{position:relative;isolation:isolate}
.bn-cinematic .home-shirt-link:before{content:"";position:absolute;inset:0 0 auto;aspect-ratio:1;background:linear-gradient(#05101b66,#04101b22),url('cinematic/bass-room.webp') 70% center/cover;border-radius:12px;z-index:-1}
.bn-cinematic .home-shirt-link img{filter:drop-shadow(0 12px 10px #0006)}
.bn-cinematic .home-shirt-link strong{font-size:13px}
.bn-cinematic .shop-hero{min-height:260px;background:linear-gradient(90deg,#040b14ee,#06101aaa),url('cinematic/festival.webp') center 30%/cover!important;color:#fff;position:relative;overflow:hidden}
.bn-cinematic .shop-hero h1,.bn-cinematic .shop-hero h2{color:#fff}.bn-cinematic .shop-hero p{color:#d6e2ea}
.bn-cinematic .shop-hero .hero-copy{z-index:3;position:relative}
.bn-steam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.35;mask-image:linear-gradient(transparent 5%,#000 45%,#000 85%,transparent)}
.bn-scene>.bn-steam{left:30%;width:70%;opacity:.46;mask-image:radial-gradient(ellipse at 65% 65%,#000 20%,transparent 73%)}
/* Keep a separate mobile stage below the copy, with the same photographic anchors. */
@media(max-width:700px){
 .bn-showcase .bn-scene-stage{height:850px}
 .bn-showcase .bn-stage-photo{top:460px}
 .bn-showcase .bn-stage-shirt{bottom:190px!important;height:270px}
 .bn-showcase .bn-stage-shirt.bn-shirt-1{bottom:180px!important;height:220px}
 .bn-showcase .bn-scene[data-scene=after-hours] .bn-stage-shirt{left:27%!important;bottom:201px!important}
 .bn-showcase .bn-scene[data-scene=after-hours] .bn-stage-shirt.bn-shirt-1{left:76%!important;bottom:196px!important}
 .bn-showcase .bn-scene[data-scene=bass-room] .bn-stage-shirt{left:24%!important;bottom:183px!important}
 .bn-showcase .bn-scene[data-scene=bass-room] .bn-stage-shirt.bn-shirt-1{left:75%!important;bottom:164px!important}
 .bn-showcase .bn-scene[data-scene=festival] .bn-stage-shirt{bottom:168px!important}
 .bn-showcase .bn-scene[data-scene=festival] .bn-stage-shirt.bn-shirt-1{bottom:164px!important}
 .bn-showcase .bn-scene[data-scene=encore] .bn-stage-shirt{bottom:212px!important}
 .bn-showcase .bn-scene[data-scene=encore] .bn-stage-shirt.bn-shirt-1{bottom:205px!important}
}
html[data-bn-motion=off] .bn-steam{visibility:hidden}
html[data-bn-motion=off] .bn-cinematic .product-art>img{transition:none;transform:none}
@media(prefers-reduced-motion:reduce){.bn-cinematic *{scroll-behavior:auto!important}.bn-steam{display:none}.bn-cinematic .product-art>img{transition:none;transform:none}}
@media(max-width:1100px){.bn-scene-name{display:none}.bn-showcase-controls{padding:14px 5%}.bn-scene-stage{min-height:450px}.bn-scene-copy{top:12%;width:36%}.bn-scene-copy h2{font-size:clamp(40px,5.6vw,65px)}.bn-scenes,.bn-playback{gap:12px}.bn-scene-copy p{font-size:14px}}
@media(max-width:700px){.bn-scene-stage{aspect-ratio:auto;height:750px;min-height:0}.bn-scene-copy{top:34px;left:7%;width:86%;}.bn-scene-copy h2{font-size:48px;max-width:11ch;margin:14px 0}.bn-scene-copy p{max-width:34ch;margin-bottom:18px}.bn-scene-copy .eyebrow{font-size:10px}.bn-stage-photo{top:370px;left:-85%;width:185%;height:370px;mask-image:linear-gradient(transparent,#000 15%)}.bn-stage-shirt{left:29%!important;bottom:148px!important;width:47%;height:280px}.bn-stage-shirt.bn-shirt-1{left:77%!important;bottom:140px!important;width:36%;height:235px}.bn-scene[data-scene=festival] .bn-stage-shirt{bottom:158px!important}.bn-scene[data-scene=festival] .bn-stage-shirt.bn-shirt-1{bottom:151px!important}.bn-scene[data-scene=encore] .bn-stage-shirt{left:21%!important;bottom:197px!important}.bn-scene[data-scene=encore] .bn-stage-shirt.bn-shirt-1{left:73%!important;bottom:190px!important}.bn-showcase-controls{flex-wrap:wrap;gap:3px;justify-content:center;padding:8px 5%}.bn-scenes{justify-content:center;gap:24px;width:100%}.bn-playback{justify-content:center;gap:24px}.bn-showcase{margin-bottom:30px}.bn-scene>.bn-steam{top:40%;height:60%;left:0;width:100%}.bn-shirt-caption{display:none}.page-home .home-hero .hero-copy{display:block}.page-home .home-hero p{margin-top:20px!important}.page-home .home-hero .button-row{margin:20px 0}.page-home .home-hero{padding-bottom:32px!important}.bn-store-controls{justify-content:center}.bn-cinematic .product-card h3{font-size:13px}.bn-cinematic .product-card .product-copy{padding-top:14px}}
