/* SMOOTH AFTER DARK | Midnight Takeover | 2026-10-08 */
:root{--haunt-green:#77e86a;--haunt-orange:#d9a75d;--haunt-muted:#c4b6a2;--haunt-edge:rgba(218,169,96,.28)}
body.after-dark{background:#080706!important;color:#f4eadd!important}
body.after-dark::before{background:radial-gradient(ellipse at 80% 20%,rgba(150,94,35,.11),transparent 53%)!important}
.haunt-atmosphere,.haunt-crossing,.haunt-claws{display:none!important}
.haunt-ribbon{background:linear-gradient(90deg,#090806,#20160e,#080806)!important;border-color:rgba(215,165,91,.35)!important}
.haunt-ribbon-label{color:#e9d3a9!important}.haunt-ribbon-label::before{background:#d7a558!important;box-shadow:0 0 10px #c98c3f!important}
.haunt-ribbon a,.haunt-kicker,.haunt-page-code{color:#d9ac70!important}
.after-dark .mp-header{background:#0a0908!important;border-color:rgba(216,168,91,.26)!important}
.after-dark .mp-header a:hover,.after-dark .sb-native-nav a[aria-current]{color:#e6bd7c!important}
.after-dark .eyebrow{color:#d9ae74!important}
.after-dark .mp-hero{background:radial-gradient(ellipse at 74% 38%,rgba(149,96,40,.22),transparent 48%),linear-gradient(105deg,#090807,#1b120c 70%,#080808)!important;overflow:hidden}
.after-dark .mp-hero::before{background:linear-gradient(90deg,rgba(7,6,5,.96),rgba(12,9,7,.65) 55%,rgba(6,6,6,.2))!important}
.after-dark .mp-hero-character{filter:sepia(.36) saturate(.65) drop-shadow(0 0 24px rgba(185,126,60,.25))!important}
.after-dark .haunt-word-brand{color:#e5b973!important;-webkit-text-stroke:0!important;text-shadow:0 4px 24px #000!important}
.after-dark .haunt-word-dark{color:#78df68!important;-webkit-text-stroke:0!important;text-shadow:0 3px 22px #000!important}
.after-dark .haunt-subline{color:#c7ad8b!important}
.after-dark .btn.primary{background:#cda160!important;color:#100d09!important;border-color:#cda160!important}
.after-dark .btn.ghost{border-color:#96754b!important;color:#f5e8d3!important}
.after-dark :is(.quick-card,.custom-card,.album-card,.single-row,.custom-release,.listening-card,.project-card,.shop-preview-card,.top-signal-card,.reaction-card,.to-card){background-color:#100e0c!important;border-color:rgba(211,162,91,.25)!important}
.after-dark .mp-inner .mp-pagehead.page-art-header,.after-dark .to-hero.page-art-sbt{background-image:linear-gradient(90deg,rgba(9,7,6,.95),rgba(25,17,11,.83) 55%,rgba(9,8,7,.5)),var(--header-art)!important;border-color:rgba(213,166,97,.25)!important}
.after-dark .mp-inner .mp-pagehead.page-art-header::before,.after-dark .to-hero.page-art-sbt::before{display:none!important}
.after-dark .section-heading::before,.after-dark .catalog-title::before,.after-dark .published-custom-head::before{background:#d6a665!important;box-shadow:18px 0 rgba(120,223,104,.2)!important}
.after-dark .haunt-season{background:linear-gradient(110deg,#100c09,#1b130e)!important;border-color:rgba(215,166,98,.2)!important}
.after-dark .haunt-footer{background:#0c0907!important}
.sad-hero-banner{display:none!important}
.sad-takeover{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,90px);max-width:1320px;margin:42px auto 64px;padding:clamp(18px,4vw,52px);background:radial-gradient(ellipse at 72% 40%,rgba(171,107,40,.15),transparent 65%),#0d0a08;border:1px solid rgba(219,169,94,.42);box-shadow:0 24px 90px rgba(0,0,0,.5)}
.sad-takeover:before{content:'';position:absolute;inset:10px;border:1px solid rgba(222,176,107,.12);pointer-events:none}
.sad-takeover-art{display:block;position:relative;overflow:hidden;box-shadow:0 16px 48px #0009}
.sad-takeover-art img{width:100%;height:auto;display:block}
.sad-takeover-copy{text-align:left;position:relative;z-index:1}
.sad-takeover-kicker{font:600 11px/1.8 Georgia,serif;letter-spacing:.27em;color:#d5a668;text-transform:uppercase}
.sad-takeover-copy h2{font:400 clamp(40px,5vw,82px)/.99 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em;color:#f0c785!important;margin:18px 0 6px}
.sad-takeover-copy h2 em{display:block;font-family:Georgia,serif;font-style:italic;font-size:.76em;color:#80e17b;text-shadow:0 0 22px rgba(97,225,88,.16)}
.sad-takeover-tag{font:italic clamp(17px,2vw,24px)/1.4 Georgia,serif;color:#f3e4cf;max-width:380px;margin:24px 0}
.sad-takeover-date{font:400 18px Georgia,serif;color:#d8af70;letter-spacing:.22em;margin:20px 0}
.sad-takeover-count{display:flex;gap:clamp(10px,2vw,25px);flex-wrap:wrap;margin:26px 0}
.sad-takeover-count div{min-width:56px}.sad-takeover-count strong{display:block;font:400 clamp(25px,3vw,42px) Georgia,serif;color:#f3d5a3}.sad-takeover-count small{font:600 9px monospace;color:#a99a85;letter-spacing:.15em}
.sad-takeover-note{font:12px/1.6 sans-serif;color:#b6a897;max-width:380px}
.sad-takeover-cta{display:inline-block;padding:13px 19px;margin-top:14px;border:1px solid #caa06a;color:#edc68c;text-decoration:none;font:700 11px sans-serif;letter-spacing:.1em}
.sad-takeover-cta:hover{background:#caa06a;color:#120d08}
@media(max-width:760px){.sad-takeover{grid-template-columns:1fr;margin:18px 14px 38px;padding:17px;gap:22px}.sad-takeover-copy h2{font-size:48px!important}.sad-takeover-art{max-width:540px}.after-dark .mp-hero-character{opacity:.7!important}}
@media(prefers-reduced-motion:reduce){.sad-takeover *{animation:none!important;transition:none!important}}
