/* SOUTHBEATS GHOSTFACE TAKEOVER. No album/media card overrides. */
:root{--sb-toxic:#b7ff00;--sb-blood:#d71d38}
body.sb-halloween{background-color:#070708}
.sb-halloween .mp-header{background:linear-gradient(100deg,#070707 0%,#140609 65%,#080808 100%)!important;border-bottom:1px solid #b91c343b!important}
.sb-halloween .mp-brand{color:#e7f8d1!important;text-shadow:0 0 18px #a6ff0038}
.sb-halloween .sb-native-nav a[href="drops.html"]{color:#b7ff00!important}
.sb-halloween .sb-native-nav a[href="drops.html"]:after{content:" •";color:#ff3048}
.sb-halloween .sb-halloween-ribbon{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 14px;background:linear-gradient(90deg,#3c070d,#16070b 45%,#3c070d);border-bottom:1px solid #ee425044;color:#fff;text-align:center;font:800 11px/1.5 Inter,Arial,sans-serif;letter-spacing:.09em}
.sb-halloween-ribbon a{color:#b7ff00!important;text-decoration:none!important;white-space:nowrap;font-weight:900}
.sb-halloween .mp-pagehead{position:relative;isolation:isolate;overflow:hidden;min-height:275px;border-bottom:1px solid #8f1c2d55!important}
.sb-halloween .mp-pagehead:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,#080808d9 0%,#18060dd0 55%,#42050b7d 100%),radial-gradient(circle at 85% 55%,#a31a2e75,transparent 40%)!important}
.sb-halloween .mp-pagehead:after{content:"DROP 001  /  THE CALL IS COMING";position:absolute;right:3%;bottom:18px;font:800 10px Inter,Arial,sans-serif;letter-spacing:.2em;color:#ff9eac;opacity:.85}
.sb-halloween .mp-pagehead h1{color:#fff!important;text-shadow:0 3px 26px #000}
.sb-halloween .mp-pagehead .eyebrow{color:#b7ff00!important}
.sb-halloween .mp-pagehead .page-intro{max-width:720px}
.sb-halloween .sb-halloween-home{position:relative;isolation:isolate;min-height:clamp(610px,65vw,810px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 75% 35%,#8a102a77,transparent 55%),radial-gradient(ellipse at 25% 60%,#b7ff001c,transparent 48%),#060607;border-bottom:1px solid #bb253d80}
.sb-halloween .sb-halloween-home:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 6px,#ffffff05 7px 8px);opacity:.35;pointer-events:none}
.sb-halloween .sb-home-copy{padding:65px 0 65px clamp(20px,5.3vw,90px);position:relative;z-index:4;max-width:760px}
.sb-halloween .sb-home-eyebrow{font:900 12px Inter,Arial,sans-serif;letter-spacing:.22em;color:#b7ff00;margin:0 0 22px}
.sb-halloween .sb-home-title{font:clamp(58px,7.6vw,128px)/.88 Impact,Anton,sans-serif;color:#fff;letter-spacing:.015em;text-transform:uppercase;margin:0 0 26px;text-shadow:0 6px 35px #000}
.sb-halloween .sb-home-title em{display:block;font-style:normal;color:#f0384b}
.sb-halloween .sb-home-copy>p:not(.sb-home-eyebrow){color:#e2dadd;max-width:470px;font-size:clamp(15px,1.5vw,19px);line-height:1.65}
.sb-halloween .sb-home-stats{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0;color:#fff;font:900 13px Inter,Arial,sans-serif;letter-spacing:.08em}
.sb-halloween .sb-home-stats span{padding:10px 13px;border:1px solid #ffffff45;background:#10090cb8}
.sb-halloween .sb-home-cta{display:inline-flex;align-items:center;justify-content:center;min-height:54px;gap:15px;padding:14px 24px;border-radius:5px;background:#b7ff00;color:#080808!important;text-decoration:none!important;font:900 13px Inter,Arial,sans-serif;letter-spacing:.08em}
.sb-halloween .sb-home-visual{height:100%;min-height:620px;position:relative;overflow:hidden}
.sb-halloween .sb-rapper-panel{position:absolute;top:4%;left:0;width:69%;height:75%;background:url('assets/ai-rapper-OFFICIAL-halloween.webp') center 30%/cover no-repeat;filter:contrast(1.12);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 82%,transparent 100%);border-radius:16px}
.sb-halloween .sb-ghost-panel{position:absolute;top:7%;right:0;width:60%;height:65%;background:linear-gradient(180deg,#17040925,#080609dd),url('assets/ghostface-REAL-TRUCK-halloween.webp') 50% 42%/cover no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%);filter:contrast(1.22)}
.sb-halloween .sb-truck-foreground{position:absolute;bottom:4%;right:4%;width:65%;aspect-ratio:1.8;background:url('assets/ghostface-REAL-TRUCK-halloween.webp') center 50%/cover no-repeat;border:1px solid #b9283f80;box-shadow:0 12px 55px #000;border-radius:9px;transform:rotate(-2deg)}
.sb-halloween .sb-visual-label{position:absolute;right:6%;bottom:2%;font:900 10px Inter,Arial,sans-serif;color:#d1c5c8;letter-spacing:.14em}
.sb-halloween .sb-drop-banner{max-width:1320px;margin:28px auto;padding:22px 28px;display:flex;gap:20px;justify-content:space-between;align-items:center;border:1px solid #742134;background:linear-gradient(95deg,#20070e,#080808 72%);border-radius:10px}
.sb-halloween .sb-drop-banner strong{font:900 22px Impact,Anton,sans-serif;letter-spacing:.04em;color:#fff}
.sb-halloween .sb-drop-banner p{margin:6px 0 0;color:#d4c9ca;font-size:13px}
.sb-halloween .sb-drop-banner a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;background:#b7ff00;color:#090909!important;border-radius:5px;text-decoration:none!important;font-weight:900;white-space:nowrap}
.sb-halloween .sb-drop-banner-wrap{padding:0 20px}
@media(max-width:850px){
 .sb-halloween .sb-halloween-home{display:flex;flex-direction:column-reverse;min-height:0}
 .sb-halloween .sb-home-visual{width:100%;height:370px;min-height:370px}
 .sb-halloween .sb-rapper-panel{left:4%;width:59%;height:85%;top:0}
 .sb-halloween .sb-ghost-panel{width:52%;height:83%;top:0}
 .sb-halloween .sb-truck-foreground{bottom:4%;right:6%;width:55%;aspect-ratio:1.5}
 .sb-halloween .sb-home-copy{width:100%;box-sizing:border-box;padding:22px 20px 50px}
 .sb-halloween .sb-home-title{font-size:clamp(54px,12vw,85px)}
 .sb-halloween .sb-home-cta{width:100%;box-sizing:border-box}
 .sb-halloween .sb-drop-banner{flex-direction:column;align-items:stretch;padding:20px}
 .sb-halloween .sb-drop-banner a{width:100%;box-sizing:border-box}
 .sb-halloween .sb-halloween-ribbon{font-size:9px;gap:7px;letter-spacing:.02em}
 .sb-halloween .mp-pagehead:after{font-size:8px;right:16px}
}
@media(prefers-reduced-motion:no-preference){.sb-halloween .sb-home-cta:hover{transform:translateY(-2px);box-shadow:0 0 25px #b7ff0040}}