/* Production parallax: native scrolling and independent depth layers. */
html.bs-parallax{--pp-pointer-x:0px;--pp-pointer-y:0px;--pp-world-y:0px;scroll-behavior:smooth}
html.bs-parallax body{isolation:isolate;background-attachment:fixed!important}
html.bs-parallax :is(.featured-event,.beat-journey,.page-title,main>.section){background-color:transparent!important;background-image:none!important}
.pp-world{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;contain:strict;background:radial-gradient(ellipse at 72% 32%,#15395466,transparent 58%),linear-gradient(150deg,#050a11aa,#0a172255 50%,#030911bb)}
.pp-world>div{position:absolute;inset:-25%;background-position:center;background-repeat:no-repeat;will-change:transform}
.pp-world-far{background-image:url('/assets/brand-blue/sigil-lattice.svg');background-size:min(160vw,1600px);opacity:.16;transform:translate3d(calc(var(--pp-pointer-x) * -.45),calc(var(--pp-world-y) + var(--pp-pointer-y) * -.45),0) rotate(-16deg)}
.pp-world-near{background-image:url('/assets/brand-blue/sigil-portal.svg');background-position:80% 40%!important;background-size:min(90vw,1100px);opacity:.12;transform:translate3d(calc(var(--pp-pointer-x) * 1.1),calc(var(--pp-world-y) * -0.45 + var(--pp-pointer-y) * .8),0) rotate(15deg)}
html.bs-parallax :is(.featured-event,.journey-chapter)::after{animation:none!important;translate:calc(var(--pp-pointer-x) * -.45) var(--pp-sigil-y,0px);rotate:var(--pp-sigil-turn,0deg);transition:opacity .3s;will-change:translate}
html.bs-parallax .featured-event::after{opacity:.32;width:min(70vw,1040px);top:-2%;right:-9%}
html.bs-parallax .journey-chapter::after{opacity:.22;width:min(58vw,850px)}
html.bs-parallax .promo-grid{perspective:1600px}
html.bs-parallax .promo-machine{translate:calc(var(--pp-pointer-x) * .75) var(--pp-media-y,0px);rotate:y var(--pp-tilt,0deg);transform-origin:50% 65%;will-change:translate}
html.bs-parallax .promo-copy{translate:calc(var(--pp-pointer-x) * -.22) var(--pp-copy-y,0px)}
html.bs-parallax .chapter-panel{translate:0 var(--pp-copy-y,0px);isolation:isolate}
html.bs-parallax .chapter-panel::before{content:"";position:absolute;inset:-24px;z-index:-1;border:1px solid #6b9eb923;border-radius:18px;background:linear-gradient(130deg,#0c1c2bdd,#09131da8);box-shadow:0 28px 70px #0003;pointer-events:none}
html.bs-parallax .journey-stage .webgl-mount{translate:calc(var(--pp-pointer-x) * -1.3) calc(var(--pp-pointer-y) * -.8);will-change:translate}
html.bs-parallax :is(.page-title,.section,.home-videos)>:is(h1,h2,.lede){translate:0 var(--pp-copy-y,0px)}
html.bs-parallax :is(.artist-card,.represented-card,.video-card,.media-card){translate:0 var(--pp-card-y,0px)}
html.bs-parallax .promo-cover{box-shadow:0 25px 65px #0006}
.pp-dock{position:fixed;bottom:18px;right:20px;z-index:1000;max-width:calc(100vw - 24px);font:12px/1.3 system-ui,sans-serif}
.pp-dock button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;border:1px solid #7bb0cd5c;border-radius:12px;font:600 12px system-ui,sans-serif;white-space:nowrap;cursor:pointer;background:#0b1b29ed;backdrop-filter:blur(12px);color:#d0e7f3;box-shadow:0 8px 24px #0004}
.pp-dock button::before{content:"";width:6px;height:6px;margin-right:8px;border-radius:50%;background:#a4d9ea;box-shadow:0 0 8px #a4d9ea66}
.pp-dock button[aria-pressed=false]::before{background:#6c7f8d;box-shadow:none}.pp-dock button:disabled{opacity:.65;cursor:default}
.pp-dock :focus-visible{outline:2px solid #ffb17c;outline-offset:3px}
html.bs-parallax footer{padding-bottom:85px}
html.bs-parallax[data-pp-motion=off] :is(.promo-machine,.promo-copy,.chapter-panel,.journey-stage .webgl-mount,.artist-card,.represented-card,.video-card,.media-card),html.bs-parallax[data-pp-motion=off] :is(.page-title,.section,.home-videos)>:is(h1,h2,.lede){translate:none;rotate:none;will-change:auto}
html.bs-parallax[data-pp-motion=off] :is(.featured-event,.journey-chapter)::after{translate:none;rotate:none;will-change:auto}
html.bs-parallax[data-pp-motion=off] .pp-world>div{transform:none;will-change:auto}
@media(max-width:850px){
 html.bs-parallax .chapter-panel::before{inset:-12px;border-radius:12px}
 html.bs-parallax .promo-machine{rotate:none}
 html.bs-parallax .journey-chapter::after{width:110vw;left:5%;right:auto;opacity:.26}
 .pp-world-far{background-size:1400px}.pp-world-near{background-size:900px}
 .pp-dock{bottom:max(10px,env(safe-area-inset-bottom));right:12px}
 .pp-dock button{padding:8px 10px;font-size:11px}.pp-dock button:disabled{white-space:normal;font-size:10px}
}
@media(prefers-reduced-motion:reduce){html.bs-parallax{scroll-behavior:auto}html.bs-parallax *{--pp-copy-y:0px!important;--pp-media-y:0px!important;--pp-card-y:0px!important;--pp-sigil-y:0px!important;--pp-sigil-turn:0deg!important;--pp-tilt:0deg!important}html.bs-parallax{--pp-pointer-x:0px!important;--pp-pointer-y:0px!important;--pp-world-y:0px!important}}
@media print{.pp-world,.pp-dock{display:none!important}html.bs-parallax *{translate:none!important;rotate:none!important;transform:none!important}.chapter-panel::before{display:none}}
@media(max-width:800px){body:has(.journey-nav) .pp-dock{bottom:calc(78px + env(safe-area-inset-bottom,0px))}}

/* Three equal event actions. Small icons, slate-blue tiles, warm fine outlines. */
html.bs-parallax .promo-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:9px;width:100%}
html.bs-parallax .promo-actions>a.pill{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:100%;min-width:0;min-height:80px;height:100%;margin:0;padding:11px 7px;border:1px solid var(--bs-surface-line,#df8a4f80)!important;border-radius:11px;background:linear-gradient(145deg,#152a3b,#0d1c2a)!important;color:#e4eff5!important;font:600 12px/1.35 system-ui,-apple-system,sans-serif;text-align:center;text-decoration:none;letter-spacing:.01em;box-shadow:0 6px 16px #0002;transition:background .2s,border-color .2s,box-shadow .2s}
html.bs-parallax .promo-actions>a.pill:hover{background:linear-gradient(145deg,#203b50,#132a3c)!important;border-color:var(--bs-surface-line-hover)!important;box-shadow:0 7px 20px #0004}
html.bs-parallax .promo-actions>a.pill:focus-visible{outline:2px solid #ffc093;outline-offset:3px}
html.bs-parallax .promo-actions>a.pill :is(img,svg){flex:none;width:18px!important;height:18px!important;min-width:18px;object-fit:contain}
html.bs-parallax .promo-actions>a.pill img{border-radius:4px}
html.bs-parallax .promo-actions>a.pill .lucide-arrow-up-right{display:none}
html.bs-parallax .promo-actions>a.pill[href*="facebook.com/events/"]::before{width:18px;height:18px}
html.bs-parallax .pp-dock button{border-color:var(--bs-surface-line)}
/* Remove the two optional feed blocks from visual and accessibility navigation. */
.media-feed:has(>.section-heading>a[href="https://soundcloud.com/beatsafaridnb"]),.media-feed:has(>.section-heading>a[href="https://www.youtube.com/channel/UC9IZNNkQVEsjHG349oc8KDQ"]){display:none!important}
@media(max-width:380px){html.bs-parallax .promo-actions{gap:7px}html.bs-parallax .promo-actions>a.pill{font-size:11px;padding-inline:4px;min-height:78px}}
@media(prefers-reduced-motion:reduce){html.bs-parallax .promo-actions>a.pill{transition:none}}

/* Radio service links use the same compact tile pattern. */
html.bs-parallax .radio-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;align-items:stretch}
html.bs-parallax .radio-platforms>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-width:0;min-height:88px;height:100%;margin:0;padding:12px 6px;border:1px solid var(--bs-surface-line)!important;border-radius:11px;background:linear-gradient(145deg,#152a3b,#0d1c2a)!important;color:#e4eff5;text-align:center;box-shadow:0 6px 16px #0002}
html.bs-parallax .radio-platforms>a:hover{border-color:var(--bs-surface-line-hover)!important;background:linear-gradient(145deg,#203b50,#132a3c)!important}
html.bs-parallax .radio-platforms>a>svg,html.bs-parallax .radio-platforms small{display:none}
html.bs-parallax .radio-platforms strong{display:block;font:600 12px/1.35 system-ui,-apple-system,sans-serif;white-space:normal;overflow-wrap:normal}
html.bs-parallax .radio-platforms .radio-platform-icon{display:block;flex:none;width:20px!important;height:20px!important;min-width:20px;background-size:contain!important;color:#1877f2}
html.bs-parallax .radio-platforms a[href*="facebook.com/"] .radio-platform-icon{background:url('/assets/brand-blue/facebook.svg') center/contain no-repeat}
html.bs-parallax .radio-platforms a[href*="facebook.com/"] .radio-platform-icon svg{display:none}
html.bs-parallax .radio-platforms a[href*="soundcloud.com/"] .radio-platform-icon{width:25px!important}
html.bs-parallax .radio-platforms .radio-platform-icon img{display:block;width:25px;height:20px;object-fit:contain;mix-blend-mode:screen}
@media(max-width:380px){html.bs-parallax .radio-platforms{gap:7px}html.bs-parallax .radio-platforms strong{font-size:11px}}

html.bs-parallax .radio-platforms .radio-platform-icon{flex:0 0 20px!important}
html.bs-parallax .radio-platforms a[href*="soundcloud.com/"] .radio-platform-icon{background:none!important}