:root{--black:#050505;--white:#f5f3ed;--muted:#aaa;--orange:#ff5b00;--line:#1d1d1d}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}body.login-open{overflow:hidden}a{color:inherit}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;width:auto;height:auto;margin:12px;padding:12px;z-index:99999;background:#fff;color:#000}.hero{position:relative;height:100svh;min-height:620px;overflow:hidden;background:#050505}.hero__art{position:absolute;inset:0;background-image:var(--hero-image);background-position:center center;background-size:cover;background-repeat:no-repeat;transform:scale(1.008);animation:breathe 22s ease-in-out infinite alternate;will-change:transform}.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 56%,rgba(0,0,0,.18));pointer-events:none}.hero__warm-light,.hero__cold-light{position:absolute;width:46vw;height:60vh;border-radius:50%;filter:blur(90px);opacity:.07;pointer-events:none;mix-blend-mode:screen}.hero__warm-light{left:-18vw;top:15vh;background:#ff6a00;animation:warm 31s ease-in-out infinite alternate}.hero__cold-light{right:-18vw;top:12vh;background:#0099ff;animation:cold 37s ease-in-out infinite alternate}.hero__fog{position:absolute;left:-15%;bottom:-9%;width:130%;height:25%;filter:blur(30px);opacity:.08;pointer-events:none;background:radial-gradient(ellipse at center,rgba(255,255,255,.65),rgba(255,255,255,0) 67%)}.hero__fog--one{animation:fog1 44s linear infinite}.hero__fog--two{opacity:.045;bottom:-5%;animation:fog2 58s linear infinite reverse}.hero-header{position:absolute;inset:0;z-index:5;pointer-events:none}.hero-header::before{content:"";position:fixed;z-index:-1;left:0;right:0;top:0;height:86px;background:rgba(5,5,5,0);border-bottom:1px solid transparent;transition:.35s ease}.hero-header.is-scrolled::before{background:rgba(5,5,5,.88);border-color:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.hotspot{position:absolute;display:block;border:0;background:transparent;color:transparent;text-decoration:none;cursor:pointer;pointer-events:auto;outline:none}.hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hotspot:focus-visible{outline:2px solid var(--orange);outline-offset:3px;background:rgba(255,91,0,.08)}.hotspot--logo{left:1.4%;top:1.8%;width:5%;height:9%}.hotspot--news{left:12.2%;top:2.8%;width:5.8%;height:8%}.hotspot--fanclub{left:19%;top:2.8%;width:10%;height:8%}.hotspot--login{right:1.8%;top:2%;width:8%;height:8%}.hotspot--cta-news{left:8.2%;top:82.3%;width:18.5%;height:6.6%}.hotspot--cta-fan{left:27.8%;top:82.3%;width:15.7%;height:6.6%}.hotspot--scroll{left:45.2%;top:87.2%;width:9.5%;height:11%}.hero__content{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.login-backdrop{position:fixed;inset:0;z-index:18;border:0;background:rgba(0,0,0,.56);opacity:0;visibility:hidden;transition:.35s;cursor:pointer}.login-backdrop.is-open{opacity:1;visibility:visible}.login-panel{position:fixed;z-index:20;right:0;top:0;width:min(420px,100%);height:100%;padding:110px 42px 42px;background:rgba(7,7,7,.98);border-left:1px solid rgba(255,255,255,.1);transform:translateX(102%);transition:transform .45s cubic-bezier(.22,.8,.3,1);box-shadow:-30px 0 80px rgba(0,0,0,.45);overflow:auto}.login-panel.is-open{transform:translateX(0)}.login-panel__close{position:absolute;right:24px;top:24px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-size:.78rem}.login-panel h2{font-size:2rem;margin:.5rem 0 2rem}.login-panel label{display:grid;gap:.55rem;margin:0 0 1.2rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#aaa}.login-panel input[type=text],.login-panel input[type=password]{width:100%;padding:14px 0;border:0;border-bottom:1px solid #555;background:transparent;color:#fff;font-size:1rem;outline:none}.login-panel input:focus{border-color:var(--orange)}.login-panel .login-remember label{display:flex;align-items:center;gap:10px;text-transform:none;letter-spacing:0}.login-panel .button-primary{width:100%;padding:15px;border:1px solid var(--orange);background:transparent;color:#fff;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.login-panel .button-primary:hover{background:var(--orange);color:#050505}.login-panel>a{display:block;margin-top:1.1rem;color:#aaa;font-size:.9rem;text-decoration:none}.section-dark,.placeholder-section,.fanclub-teaser{min-height:60vh;padding:14vh max(7vw,30px);border-top:1px solid #171717;background:#080808}.placeholder-section{background:#050505}.fanclub-teaser{background:radial-gradient(circle at 80% 50%,rgba(255,91,0,.08),transparent 35%),#080808}.section-inner{width:min(1180px,100%);margin:auto}.section-inner>h2,.page-header h1{font-size:clamp(2.7rem,7vw,7rem);margin:.15em 0 .5em;text-transform:uppercase;letter-spacing:.02em;line-height:.92}.news-list{border-top:1px solid var(--line)}.news-row{display:grid;grid-template-columns:150px 1fr auto;gap:32px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line)}.news-row time{color:var(--orange);font-size:.78rem;text-transform:uppercase;letter-spacing:.14em}.news-row h3{font-size:clamp(1.35rem,2.2vw,2.2rem);margin:0;text-transform:uppercase}.news-row h3 a,.news-row__more{text-decoration:none}.news-row__more{color:#bbb}.news-row:hover .news-row__more{color:var(--orange)}.fanclub-teaser p:not(.eyebrow){max-width:620px;color:#aaa;line-height:1.7}.outline-button{display:inline-block;margin-top:22px;padding:15px 26px;border:1px solid var(--orange);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.outline-button:hover{background:var(--orange);color:#050505}.site-footer{padding:34px max(7vw,30px);border-top:1px solid #171717;background:#050505;color:#777;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.site-footer__inner{width:min(1180px,100%);margin:auto;display:flex;justify-content:space-between;gap:24px;align-items:center}.footer-menu{display:flex;gap:24px}.footer-menu a{text-decoration:none}.footer-menu a:hover{color:#fff}.content-shell{width:min(1100px,calc(100% - 48px));min-height:80vh;margin:0 auto;padding:150px 0 100px}.content-card,.single-content{padding:36px 0;border-bottom:1px solid var(--line)}.content-card h2{font-size:clamp(2rem,5vw,4rem);margin:0}.content-card h2 a{text-decoration:none}.content-meta{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.entry-content{font-size:1.08rem;line-height:1.8;color:#d3d3d3}.entry-content a{color:var(--orange)}.entry-content img{max-width:100%;height:auto}.featured-image img{display:block;width:100%;height:auto}.cb-fan-box,.cb-fan-hero,.cb-fan-card,.cb-download-card{border-radius:0!important;background:#0b0b0b!important;border-color:#262626!important}.cb-fan-button,.cb-form button{border-radius:0!important;background:transparent!important;border:1px solid var(--orange)!important;color:#fff!important}.cb-fan-button:hover,.cb-form button:hover{background:var(--orange)!important;color:#050505!important}@keyframes breathe{from{transform:scale(1.008)}to{transform:scale(1.025)}}@keyframes warm{from{transform:translate3d(-10px,0,0)}to{transform:translate3d(26px,10px,0)}}@keyframes cold{from{transform:translate3d(12px,0,0)}to{transform:translate3d(-22px,13px,0)}}@keyframes fog1{from{transform:translateX(-3%)}to{transform:translateX(3%)}}@keyframes fog2{from{transform:translateX(-4%) scaleX(1.05)}to{transform:translateX(4%) scaleX(.97)}}@media(max-aspect-ratio:4/3){.hero__art{background-position:center top}}@media(max-width:800px){.hero{height:100svh;min-height:680px}.hero__art{background-position:var(--hero-mobile-position);filter:brightness(.7)}.hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.04) 35%,rgba(0,0,0,.55) 70%,rgba(0,0,0,.8))}.hero-header nav .hotspot{display:none}.hotspot--logo{left:5%;top:2%;width:14%;height:9%}.hotspot--login{right:4%;top:2%;width:20%;height:8%}.hotspot--cta-news,.hotspot--cta-fan,.hotspot--scroll{display:none}.hero__content{left:7%;right:7%;bottom:8%;width:auto;height:auto;overflow:visible}.hero__content>p:first-child{margin:0 0 12px;color:var(--orange);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.hero__content h1{max-width:12ch;margin:0;font-size:clamp(2.55rem,11vw,4.3rem);line-height:.95;text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400}.hero__content>p:nth-child(3){margin:20px 0 28px;letter-spacing:.08em}.hero__content div{display:flex;gap:12px;flex-wrap:wrap}.hero__content a{padding:14px 18px;border:1px solid var(--orange);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.news-row{grid-template-columns:1fr;gap:10px}.site-footer__inner{align-items:flex-start;flex-direction:column}.footer-menu{flex-wrap:wrap}.content-shell{padding-top:110px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Sprint 2: durchgängige Chaosbreaker-Welt auf allen Unterseiten */
.cbw-inner-page{position:relative;min-height:100vh;background:#050505}.cbw-inner-page::before{content:"";position:fixed;inset:0;z-index:-3;background:#050505}.site-header{position:fixed;z-index:15;left:0;right:0;top:0;height:86px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,5,5,.72);backdrop-filter:blur(16px);transition:background .3s ease,box-shadow .3s ease}.site-header.is-scrolled{background:rgba(5,5,5,.94);box-shadow:0 12px 38px rgba(0,0,0,.25)}.site-header__inner{width:min(1320px,calc(100% - 56px));height:100%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:44px}.site-brand{display:inline-flex;align-items:center;text-decoration:none}.site-brand__mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:.82rem;font-weight:700;letter-spacing:.05em}.site-brand .custom-logo-link{display:flex}.site-brand img{display:block;max-height:50px;width:auto}.site-nav{justify-self:start}.site-nav__menu{display:flex;align-items:center;gap:38px;margin:0;padding:0;list-style:none}.site-nav__menu a,.header-login{position:relative;border:0;background:none;color:#f5f3ed;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;font-weight:700;cursor:pointer;padding:12px 0}.site-nav__menu a::after,.header-login::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--orange);transition:right .25s ease}.site-nav__menu a:hover::after,.site-nav__menu .current-menu-item>a::after,.header-login:hover::after{right:0}.site-header__actions{justify-self:end}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;padding:8px;cursor:pointer}.menu-toggle>span:not(.screen-reader-text){display:block;height:1px;margin:6px 0;background:#fff}.inner-atmosphere{position:fixed;z-index:-2;inset:0;overflow:hidden;pointer-events:none}.inner-atmosphere__art{position:absolute;inset:0;background-image:var(--inner-image);background-size:cover;background-position:center 38%;filter:grayscale(.25) brightness(.2);transform:scale(1.035)}.inner-atmosphere__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.62),#050505 42%,#050505 100%)}.inner-atmosphere__light{position:absolute;width:42vw;height:50vh;border-radius:50%;filter:blur(110px);opacity:.035;mix-blend-mode:screen}.inner-atmosphere__light--warm{left:-18vw;top:8vh;background:#ff5b00}.inner-atmosphere__light--cold{right:-18vw;top:14vh;background:#0098ff}.content-shell--inner{position:relative;z-index:1;width:min(980px,calc(100% - 56px));min-height:calc(100vh - 150px);padding-top:170px}.content-shell--inner .single-content{border-bottom:0;padding:0}.back-home{display:inline-flex;align-items:center;gap:10px;margin:0 0 56px;color:#aaa;text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font-size:.7rem}.back-home span{color:var(--orange);font-size:1.1rem;transition:transform .2s ease}.back-home:hover{color:#fff}.back-home:hover span{transform:translateX(-4px)}.content-shell--inner .page-header{padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}.content-shell--inner .page-header h1{max-width:13ch;font-size:clamp(3.2rem,8vw,7rem);overflow-wrap:anywhere}.entry-content{max-width:780px;padding-top:44px}.entry-content>p:first-child{font-size:1.22rem;color:#eee}.entry-content h2,.entry-content h3{margin-top:2.2em;color:#fff;line-height:1.05}.entry-content h2{font-size:clamp(2rem,4vw,3.5rem)}.entry-content blockquote{margin:2.5em 0;padding-left:24px;border-left:1px solid var(--orange);color:#fff;font-size:1.25rem}.article-footer{margin-top:70px;padding-top:30px;border-top:1px solid var(--line)}.article-footer .back-home{margin-bottom:0}.featured-image{margin:44px 0 0}.featured-image img{filter:saturate(.85);border:1px solid rgba(255,255,255,.08)}.content-list{border-top:1px solid var(--line)}.content-card{display:grid;grid-template-columns:140px 1fr;gap:12px 34px;padding:38px 0}.content-card .content-meta{grid-row:1 / span 3;margin:.45rem 0 0}.content-card h2{font-size:clamp(1.8rem,4vw,3.5rem);line-height:1;margin:0}.content-card__excerpt,.content-card>p:not(.content-meta){max-width:700px;color:#aaa}.text-link{justify-self:start;color:#bbb;text-decoration:none}.text-link:hover{color:var(--orange)}.archive-description,.error-page__copy{max-width:650px;color:#aaa;line-height:1.7}.navigation.pagination{margin-top:56px}.nav-links{display:flex;gap:10px}.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;border:1px solid #292929;text-decoration:none}.page-numbers.current,.page-numbers:hover{border-color:var(--orange);color:var(--orange)}.cbw-inner-page .site-footer{position:relative;z-index:2;background:rgba(5,5,5,.96)}
@media(max-width:800px){.site-header{height:74px}.site-header__inner{width:calc(100% - 30px);grid-template-columns:auto 1fr auto;gap:14px}.menu-toggle{display:block;justify-self:end}.site-header__actions{grid-column:3}.site-nav{position:fixed;left:0;right:0;top:74px;padding:34px 24px 44px;background:rgba(5,5,5,.98);border-bottom:1px solid #222;transform:translateY(-115%);opacity:0;visibility:hidden;transition:.35s ease}.site-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}.site-nav__menu{align-items:flex-start;flex-direction:column;gap:10px}.site-nav__menu a{display:block;font-size:.9rem;padding:12px 0}.header-login{font-size:.66rem}.content-shell--inner{width:calc(100% - 36px);padding-top:126px}.back-home{margin-bottom:38px}.content-shell--inner .page-header h1{font-size:clamp(2.7rem,14vw,4.8rem)}.content-card{grid-template-columns:1fr;gap:10px}.content-card .content-meta{grid-row:auto}.inner-atmosphere__art{background-position:center top}.entry-content{font-size:1rem}.footer-menu{gap:16px}}

/* Build 1 – Foundation */
.placeholder-section{display:none!important}

/* Build 3 – News, Search, Contact and resilient mobile polish */
.page-header--with-search{display:flex;justify-content:space-between;align-items:flex-end;gap:34px}.search-form{display:flex;min-width:min(380px,100%);border-bottom:1px solid #333}.search-form label{flex:1}.search-field{width:100%;padding:14px 4px;border:0;background:transparent;color:#fff;font:inherit;outline:none}.search-submit{border:0;background:transparent;color:var(--orange);text-transform:uppercase;letter-spacing:.12em;font-size:.7rem;cursor:pointer}.page-numbers{list-style:none}.content-list>ul.page-numbers{display:flex;gap:10px;margin:50px 0 0;padding:0}.content-list>ul.page-numbers li{margin:0}.contact-layout{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:70px;max-width:980px}.contact-layout h2{margin-top:0}.contact-form p{margin:0 0 22px}.contact-form label{display:block;margin-bottom:8px;color:#aaa;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.contact-form input,.contact-form textarea{display:block;width:100%;padding:14px 0;border:0;border-bottom:1px solid #343434;background:transparent;color:#fff;font:inherit;outline:none;transition:border-color .2s}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange)}.contact-form .outline-button{cursor:pointer;background:transparent;color:#fff}.contact-form__trap{position:absolute!important;left:-9999px!important}.form-message{padding:14px 16px;border-left:2px solid #777;background:#0c0c0c}.form-message--success{border-color:var(--orange)}.form-message--error{border-color:#d34}.no-results{padding:40px 0;color:#aaa}
@media(max-width:800px){.page-header--with-search{display:block}.page-header--with-search .search-form{margin-top:28px}.contact-layout{grid-template-columns:1fr;gap:28px}.search-form{min-width:0}.content-list>ul.page-numbers{flex-wrap:wrap}}

/* Build 3.0.2: robust Wall rendering on mobile browsers */
.hero__art{display:block;position:absolute;inset:0;overflow:hidden;background-image:var(--hero-image);background-position:center center;background-size:cover;background-repeat:no-repeat;transform:scale(1.008);animation:breathe 22s ease-in-out infinite alternate;will-change:transform}
.hero__art img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center}
@media(max-aspect-ratio:4/3){.hero__art img{object-position:center top}}
@media(max-width:800px){.hero__art{background-position:var(--hero-mobile-position);filter:brightness(.7)}.hero__art img{object-position:var(--hero-mobile-position)}}


/* Build 3.0.3: canonical header, repaired front page and mobile Wall */
.content-shell--inner{padding-top:138px}
.back-home{margin-bottom:38px}
.hero__art,.hero__art img{min-width:100%;min-height:100%}
@media(max-width:800px){
  .content-shell--inner{padding-top:112px}
  .back-home{margin-bottom:28px}
  .hero__art{background-position:63% center!important}
  .hero__art img{object-position:63% center!important}
}

/* Build 4.0.0 – Phase A: Arrival / Mobile First / The Wall lebt */
.hero__living-fog{position:absolute;z-index:3;left:-42%;right:auto;bottom:-7%;width:185%;height:32%;pointer-events:none;opacity:0;transform:translate3d(-12%,0,0);will-change:transform,opacity;overflow:hidden}
.hero__living-fog span{position:absolute;inset:18% 0 0;background:radial-gradient(ellipse at 48% 70%,rgba(230,235,238,.23) 0,rgba(215,220,224,.12) 24%,rgba(190,196,201,.055) 48%,rgba(255,255,255,0) 72%);filter:blur(22px);transform:scaleX(1.08)}
.hero__living-fog.is-awake{animation:cbwLivingFog 11s cubic-bezier(.22,.55,.35,1) both}
@keyframes cbwLivingFog{0%{opacity:0;transform:translate3d(-15%,2%,0)}18%{opacity:.22}58%{opacity:.13}100%{opacity:0;transform:translate3d(14%,-2%,0)}}

@media(max-width:800px){
  .hero{min-height:640px;height:100svh}
  .hero__art,.hero__art img{background-position:66% center!important;object-position:66% center!important}
  .hero__shade{background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.04) 30%,rgba(0,0,0,.38) 60%,rgba(0,0,0,.88) 100%)}
  .hero__warm-light,.hero__cold-light{opacity:.045}
  .hero__fog{opacity:.045;height:20%;bottom:-7%}
  .hero__fog--two{opacity:.025}
  .hero__living-fog{bottom:1%;height:25%;width:205%;left:-56%}
  .hero__living-fog span{filter:blur(18px)}
  .hero__content{left:22px;right:22px;bottom:max(24px,env(safe-area-inset-bottom));}
  .hero__content>p:first-child{margin-bottom:9px;font-size:.68rem;letter-spacing:.18em}
  .hero__content h1{max-width:10.8ch;font-size:clamp(2.2rem,10.2vw,3.1rem);line-height:.92;letter-spacing:.005em;text-wrap:balance}
  .hero__content>p:nth-child(3){margin:15px 0 20px;font-size:.84rem;line-height:1.45;letter-spacing:.075em}
  .hero__content div{display:grid;grid-template-columns:1fr;gap:10px;width:min(100%,320px)}
  .hero__content a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 18px;font-size:.7rem;letter-spacing:.135em;background:rgba(5,5,5,.24);backdrop-filter:blur(5px);transition:background .2s ease,color .2s ease,border-color .2s ease}
  .hero__content a:first-child{background:var(--orange);color:#080808;font-weight:700}
  .hero__content a:active{transform:translateY(1px)}
  .section-dark,.fanclub-teaser{min-height:auto;padding:82px 22px}
  .section-inner>h2,.page-header h1{font-size:clamp(2.35rem,12vw,3.6rem);line-height:.94;margin:.12em 0 .55em}
  .news-preview .eyebrow{margin-bottom:8px}
  .news-row{padding:24px 0;gap:8px}
  .news-row time{font-size:.68rem}
  .news-row h3{font-size:clamp(1.25rem,6.5vw,1.75rem);line-height:1.05}
  .news-row__more{font-size:.82rem}
  .site-header{height:68px}
  .site-header__inner{width:calc(100% - 24px);gap:10px}
  .site-brand__mark{width:42px;height:42px}
  .site-brand img{max-height:43px}
  .menu-toggle{width:38px;height:38px;padding:7px}
  .site-nav{top:68px}
  .header-login{font-size:.61rem;letter-spacing:.12em}
  .content-shell--inner{width:calc(100% - 36px);padding-top:102px;padding-bottom:72px}
  .content-shell--inner .page-header{padding-bottom:28px}
  .content-shell--inner .page-header h1{max-width:11ch;font-size:clamp(2.35rem,12.5vw,4rem);line-height:.92}
  .entry-content{padding-top:30px;line-height:1.72}
  .back-home{margin-bottom:24px}
}

@media(max-width:380px){
  .hero__content{left:18px;right:18px}
  .hero__content h1{font-size:2.14rem}
  .hero__content>p:nth-child(3){font-size:.78rem}
  .hero__content a{min-height:45px}
}

@media(prefers-reduced-motion:reduce){.hero__living-fog,.hero__living-fog.is-awake{display:none!important}}

/* Build 4.0.1 – Phase A.2: brighter mobile Wall, premium type, compact actions and living light */
.hero__stage-light{display:none}
.hero-menu-toggle,.hero-mobile-menu{display:none}

@media(max-width:800px){
  .hero{height:max(100svh,760px);min-height:760px;background:#050505}
  .hero__art{filter:brightness(.93) saturate(1.08) contrast(1.03);animation:breathe 28s ease-in-out infinite alternate}
  .hero__art,.hero__art img{background-position:64% center!important;object-position:64% center!important}
  .hero__shade{z-index:2;background:linear-gradient(180deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.015) 23%,rgba(0,0,0,.08) 47%,rgba(0,0,0,.58) 72%,rgba(0,0,0,.94) 100%)}
  .hero__warm-light{z-index:2;display:block;left:-42%;top:-12%;width:120%;height:62%;opacity:.16;filter:blur(68px);background:radial-gradient(ellipse at 35% 30%,rgba(255,154,61,.82),rgba(255,91,0,.18) 34%,transparent 70%);animation:cbwStageLight 18s cubic-bezier(.45,0,.35,1) 1.2s both}
  .hero__cold-light{display:none}
  @keyframes cbwStageLight{0%{opacity:.035;transform:translate3d(-12%,-4%,0) rotate(-3deg)}28%{opacity:.15}72%{opacity:.09}100%{opacity:.045;transform:translate3d(22%,5%,0) rotate(2deg)}}

  .hero-header{position:fixed;inset:0 0 auto;height:74px;z-index:12;display:grid;grid-template-columns:1fr auto auto;align-items:center;padding:0 18px;pointer-events:none}
  .hero-header::before{z-index:-1;height:74px;background:linear-gradient(180deg,rgba(5,5,5,.65),rgba(5,5,5,.08));border-color:transparent;backdrop-filter:none}
  .hero-header.is-scrolled::before{background:rgba(5,5,5,.86);border-color:rgba(255,255,255,.08);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.24)}
  .hero-header nav.hero-nav{display:none}
  .hotspot--logo{position:relative;left:auto;top:auto;width:auto;height:52px;display:flex;align-items:center;gap:11px;color:#fff;pointer-events:auto}
  .hotspot--logo>span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .hero-brand__mark{display:grid!important;place-items:center;width:40px!important;height:40px!important;border:1px solid rgba(255,255,255,.54);border-radius:50%;font-size:.67rem;font-weight:800;letter-spacing:.04em;transform:rotate(-5deg)}
  .hero-brand__name{font-size:.92rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
  .hero-brand__name span{color:var(--orange)}
  .hotspot--login{position:relative;right:auto;top:auto;width:auto;height:auto;padding:10px 9px;color:#d0d0d0;pointer-events:auto;text-transform:uppercase;letter-spacing:.18em;font-size:.64rem}
  .hotspot--login span{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}
  .hero-menu-toggle{display:block;width:40px;height:40px;padding:8px;border:0;background:transparent;pointer-events:auto;cursor:pointer}
  .hero-menu-toggle>span:not(.screen-reader-text){display:block;height:1.5px;margin:6px 0;background:#fff;transition:transform .25s ease,opacity .25s ease}
  .hero-menu-toggle[aria-expanded=true]>span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
  .hero-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}
  .hero-menu-toggle[aria-expanded=true]>span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
  .hero-mobile-menu{position:fixed;display:flex;left:0;right:0;top:74px;flex-direction:column;gap:3px;padding:20px 22px 28px;background:rgba(5,5,5,.96);border-bottom:1px solid rgba(255,255,255,.08);transform:translateY(-130%);opacity:0;visibility:hidden;transition:.32s ease;pointer-events:auto;z-index:-2}
  .hero-mobile-menu.is-open{transform:translateY(0);opacity:1;visibility:visible}
  .hero-mobile-menu a{padding:13px 0;text-decoration:none;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem}

  .hero__content{z-index:5;left:clamp(22px,7vw,34px);right:clamp(22px,7vw,34px);bottom:max(32px,env(safe-area-inset-bottom));width:auto}
  .hero__content>p:first-child{margin:0 0 13px;color:var(--orange);font-size:.68rem;letter-spacing:.19em;font-weight:600}
  .hero__content h1{max-width:none;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(2.35rem,10.4vw,3.42rem);font-weight:300;line-height:1.02;letter-spacing:.025em;text-transform:uppercase;text-wrap:initial}
  .hero__content h1 span{display:block}
  .hero__content h1 span:first-child{font-size:1.08em;letter-spacing:.012em}
  .hero__content>p:nth-child(3){margin:20px 0 23px;padding-top:17px;position:relative;font-size:.79rem;line-height:1.62;letter-spacing:.075em;color:#ddd}
  .hero__content>p:nth-child(3)::before{content:"";position:absolute;left:0;top:0;width:44px;height:2px;background:var(--orange)}
  .hero__content>p:nth-child(3) span{color:#aeadad}
  .hero__content div{width:100%;gap:9px}
  .hero__content a{position:relative;min-height:52px;padding:11px 18px;border-width:1px;background:rgba(5,5,5,.45);font-size:.69rem;font-weight:700;letter-spacing:.15em;backdrop-filter:blur(7px)}
  .hero__content a:first-child{background:linear-gradient(90deg,#ff5b00,#ff720f);border-color:#ff6810;color:#090909;box-shadow:0 12px 28px rgba(0,0,0,.2)}
  .hero__content a:first-child::before{content:"↯";margin-right:14px;font-size:1rem}
  .hero__content a:last-child::before{content:"◎";margin-right:14px;color:var(--orange);font-size:1rem}

  .hero__fog{z-index:3;left:-30%;width:160%;height:16%;bottom:-2%;opacity:.035;filter:blur(26px)}
  .hero__fog--two{opacity:.02}
  .hero__living-fog{z-index:4;left:-48%;bottom:-2%;width:205%;height:18%;opacity:.12;transform:none}
  .hero__living-fog span{inset:34% 0 0;background:radial-gradient(ellipse at 50% 78%,rgba(226,230,232,.3),rgba(210,216,220,.10) 35%,transparent 72%);filter:blur(20px)}
  .hero__living-fog.is-awake{animation:cbwFloorFog 14s cubic-bezier(.22,.55,.35,1) both}
  @keyframes cbwFloorFog{0%{opacity:.04;transform:translate3d(-10%,2%,0)}25%{opacity:.2}67%{opacity:.12}100%{opacity:.05;transform:translate3d(10%,-1%,0)}}

  .news-preview{padding-top:74px;background:linear-gradient(180deg,#07090a,#050505)}
  .news-preview .section-inner{padding:0;border-top:1px solid rgba(255,255,255,.05)}
  .news-preview .section-inner>h2{max-width:13ch;font-size:clamp(2rem,8.6vw,2.8rem);font-weight:400;line-height:1.04;letter-spacing:.055em}
  .news-row{padding:25px 0}
  .news-row h3{font-weight:400;letter-spacing:.035em}
  .fanclub-teaser{background:radial-gradient(circle at 82% 15%,rgba(255,91,0,.07),transparent 38%),#070707}
}

@media(max-width:380px){
  .hero{min-height:720px}
  .hero-brand__name{font-size:.78rem}
  .hero__content h1{font-size:2.2rem}
  .hero__content a{min-height:48px}
}

@media(prefers-reduced-motion:reduce){
  .hero__warm-light{animation:none!important;opacity:.08}
  .hero__living-fog{display:block!important;opacity:.08!important;transform:none!important}
}

/* ==========================================================
   PROJECT THE WALL — ACT I / Adaptive Hero Engine v4.1.0
   The original artwork remains untouched. On smaller screens
   a lossless crop of the original Wall is used so the complete
   CHAOSBREAKER lettering always wins over viewport cropping.
   ========================================================== */
:root{
  --cb-stage:#050607;
  --cb-panel:#090b0c;
  --cb-panel-2:#0d0f10;
  --cb-orange:#ff6400;
  --cb-hero-header:76px;
}

@media (max-width:1100px){
  .hero{
    --wall-ratio:2.4423;
    height:auto;
    min-height:100svh;
    display:grid;
    grid-template-rows:auto 1fr;
    overflow:hidden;
    background:
      radial-gradient(ellipse at 18% 16%,rgba(255,100,0,.09),transparent 38%),
      linear-gradient(180deg,#060708 0%,#090a0b 54%,#050505 100%);
    isolation:isolate;
  }
  .hero__art{
    position:relative;
    inset:auto;
    z-index:1;
    grid-row:1;
    width:100%;
    height:auto;
    aspect-ratio:1270/520;
    margin-top:var(--cb-hero-header);
    transform:none!important;
    animation:none!important;
    overflow:hidden;
    background:none!important;
    filter:brightness(1.03) saturate(1.08) contrast(1.035)!important;
  }
  .hero__art img{
    width:100%;
    height:100%;
    min-width:0!important;
    min-height:0!important;
    object-fit:contain!important;
    object-position:center!important;
    transform:none!important;
  }
  .hero__shade{
    z-index:2;
    background:linear-gradient(180deg,transparent 0 58%,rgba(5,6,7,.18) 82%,#070809 100%);
  }
  .hero__warm-light{
    z-index:3;
    left:-32%;top:4%;width:86%;height:42%;
    opacity:.10;
    filter:blur(64px);
    background:radial-gradient(ellipse at 42% 34%,rgba(255,181,94,.65),rgba(255,100,0,.12) 38%,transparent 72%);
  }
  .hero__cold-light{display:none}
  .hero__fog,.hero__living-fog{z-index:3;bottom:0;pointer-events:none}
  .hero__living-fog{height:18%;opacity:.10}

  .hero-header{
    position:fixed;
    inset:0 0 auto;
    height:var(--cb-hero-header);
    display:grid;
    grid-template-columns:1fr auto auto;
    align-items:center;
    padding:0 clamp(16px,4.8vw,34px);
    z-index:30;
  }
  .hero-header::before{
    height:var(--cb-hero-header);
    background:linear-gradient(180deg,rgba(4,5,6,.90),rgba(4,5,6,.55));
    border-bottom:1px solid rgba(255,255,255,.055);
    backdrop-filter:blur(10px);
  }
  .hero-header.is-scrolled::before{background:rgba(4,5,6,.94)}
  .hotspot--logo{height:54px}
  .hero-brand__mark{border-radius:4px!important;border-color:rgba(255,100,0,.55)!important;color:#fff}
  .hero-brand__name{font-size:clamp(.82rem,2.6vw,1rem)!important;letter-spacing:.075em!important}

  .hero__content{
    position:relative;
    left:auto!important;right:auto!important;bottom:auto!important;
    z-index:6;
    grid-row:2;
    width:min(100%,720px)!important;
    height:auto!important;
    overflow:visible!important;
    align-self:end;
    margin:0 auto;
    padding:clamp(28px,5vh,58px) clamp(22px,6vw,52px) max(30px,env(safe-area-inset-bottom));
    background:linear-gradient(180deg,rgba(7,8,9,.16),rgba(7,8,9,.90) 22%,#060708 100%);
  }
  .hero__content>p:first-child{
    margin:0 0 12px!important;
    color:var(--cb-orange)!important;
    font-size:clamp(.66rem,2vw,.78rem)!important;
    letter-spacing:.19em!important;
  }
  .hero__content h1{
    max-width:13ch!important;
    margin:0!important;
    font-family:'Arial Narrow',Arial,Helvetica,sans-serif!important;
    font-size:clamp(2.15rem,8.8vw,4.2rem)!important;
    font-weight:300!important;
    line-height:.98!important;
    letter-spacing:.02em!important;
  }
  .hero__content h1 span{display:block}
  .hero__content>p:nth-child(3){
    margin:19px 0 22px!important;
    padding-top:15px!important;
    font-size:clamp(.76rem,2.4vw,.92rem)!important;
    line-height:1.62!important;
    letter-spacing:.055em!important;
  }
  .hero__content div{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
  .hero__content a{
    min-height:50px!important;
    padding:12px 16px!important;
    justify-content:center;
    border-radius:2px;
    font-size:clamp(.65rem,2vw,.76rem)!important;
    letter-spacing:.14em!important;
  }
  .hotspot--cta-news,.hotspot--cta-fan,.hotspot--scroll{display:none!important}

  .news-preview{padding:clamp(70px,10vw,110px) clamp(22px,6vw,52px);background:linear-gradient(180deg,#090b0c,#050505)}
  .news-preview .section-inner{max-width:980px}
  .news-preview .section-inner>h2{max-width:none!important;font-size:clamp(2rem,6.5vw,4rem)!important}
  .news-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}
  .news-row{
    display:block!important;
    min-width:0;
    padding:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    background:linear-gradient(145deg,#0c0e0f,#070809);
    overflow:hidden;
  }
  .news-row__image{display:block;aspect-ratio:16/10;overflow:hidden;background:#111}
  .news-row__image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
  .news-row:hover .news-row__image img{transform:scale(1.025)}
  .news-row__body{padding:22px}
  .news-row time{display:block;margin-bottom:10px}
  .news-row h3{font-size:clamp(1.15rem,3vw,1.65rem)!important;line-height:1.08}
  .news-row__more{display:inline-block;margin-top:18px;color:var(--cb-orange)}
  .news-row:first-child{grid-column:1/-1}
  .news-row:first-child .news-row__image{aspect-ratio:21/9}
}

@media (max-width:600px){
  :root{--cb-hero-header:68px}
  .hero{min-height:100svh}
  .hero__art{margin-top:var(--cb-hero-header)}
  .hero-header{padding-inline:16px}
  .hero-brand__mark{width:38px!important;height:38px!important}
  .hotspot--login{display:none}
  .hero-header{grid-template-columns:1fr auto}
  .hero-menu-toggle{grid-column:2}
  .hero__content{padding-top:25px;padding-inline:clamp(20px,7vw,30px)}
  .hero__content h1{font-size:clamp(2.05rem,10.3vw,3.1rem)!important}
  .hero__content div{grid-template-columns:1fr}
  .hero__content a{min-height:52px!important}
  .news-list{grid-template-columns:1fr}
  .news-row:first-child{grid-column:auto}
  .news-row:first-child .news-row__image{aspect-ratio:16/10}
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  :root{--cb-hero-header:58px}
  .hero{
    min-height:100svh;
    height:auto;
    grid-template-columns:minmax(46%,1.15fr) minmax(390px,.85fr);
    grid-template-rows:1fr;
    align-items:stretch;
  }
  .hero__art{
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    margin-top:0;
    padding-top:var(--cb-hero-header);
    aspect-ratio:auto;
    background:#070809!important;
  }
  .hero__art img{object-fit:contain!important;object-position:center!important}
  .hero__content{
    grid-column:2;
    grid-row:1;
    align-self:stretch;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:calc(var(--cb-hero-header) + 20px) clamp(26px,4vw,54px) 24px;
    background:linear-gradient(90deg,rgba(6,7,8,.86),#060708 18%);
  }
  .hero__content h1{font-size:clamp(1.8rem,5.4vw,3.1rem)!important;max-width:13ch!important}
  .hero__content>p:nth-child(3){margin:13px 0 15px!important;padding-top:11px!important}
  .hero__content div{grid-template-columns:1fr 1fr}
  .hero__content a{min-height:44px!important;padding:9px 13px!important}
  .hero__fog,.hero__living-fog{height:24%;right:0;left:44%;width:56%}
}

@media (min-width:801px) and (max-width:1100px) and (orientation:portrait){
  .hero__content{padding-top:42px;padding-bottom:56px}
  .hero__content h1{font-size:clamp(3.6rem,8vw,5.4rem)!important}
}

@media (prefers-reduced-motion:reduce){
  .news-row__image img{transition:none!important}
}

/* ==========================================================
   PROJECT THE WALL — ACT I / Stage L refinement v4.1.1
   Smartphone landscape is composed as its own stage:
   Wall 60%, story 40%, full wordmark, no dead upper field.
   ========================================================== */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  :root{--cb-hero-header:56px}
  .hero{
    height:100svh;
    min-height:360px;
    grid-template-columns:minmax(0,60fr) minmax(320px,40fr);
    grid-template-rows:100%;
    align-items:stretch;
    overflow:hidden;
  }
  .hero__art{
    grid-column:1;
    grid-row:1;
    width:100%;
    height:100%;
    margin:0;
    padding:var(--cb-hero-header) 0 0;
    aspect-ratio:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#070809!important;
  }
  .hero__art img{
    display:block;
    width:100%;
    height:auto;
    max-height:100%;
    object-fit:contain!important;
    object-position:center center!important;
  }
  .hero__content{
    grid-column:2;
    grid-row:1;
    min-width:0;
    align-self:stretch;
    justify-content:center;
    padding:calc(var(--cb-hero-header) + 12px) clamp(24px,3.4vw,44px) 18px;
    background:linear-gradient(90deg,rgba(6,7,8,.72),#060708 16%);
  }
  .hero__content>p:first-child{
    margin-bottom:8px!important;
    font-size:clamp(.58rem,1.2vw,.72rem)!important;
  }
  .hero__content h1{
    max-width:12ch!important;
    font-size:clamp(1.72rem,4.2vw,2.7rem)!important;
    line-height:.96!important;
  }
  .hero__content>p:nth-child(3){
    margin:10px 0 12px!important;
    padding-top:9px!important;
    font-size:clamp(.68rem,1.35vw,.82rem)!important;
    line-height:1.42!important;
  }
  .hero__content div{
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
  }
  .hero__content a{
    min-height:40px!important;
    padding:8px 10px!important;
    font-size:clamp(.56rem,1.1vw,.68rem)!important;
  }
  .hero__shade{
    background:linear-gradient(90deg,transparent 0 52%,rgba(5,6,7,.16) 59%,rgba(5,6,7,.62) 67%,#060708 72%);
  }
  .hero__warm-light{left:-18%;top:3%;width:54%;height:62%;opacity:.12}
  .hero__fog,.hero__living-fog{left:48%;right:0;width:52%;height:27%}
}

@media (orientation:landscape) and (max-height:430px) and (max-width:950px){
  :root{--cb-hero-header:52px}
  .hero{grid-template-columns:minmax(0,62fr) minmax(300px,38fr)}
  .hero__content{padding:calc(var(--cb-hero-header) + 8px) 22px 12px}
  .hero__content h1{font-size:clamp(1.55rem,4vw,2.25rem)!important}
  .hero__content>p:nth-child(3){margin:8px 0 10px!important;padding-top:7px!important}
  .hero__content a{min-height:36px!important;padding:6px 8px!important}
}

/* ==========================================================
   PROJECT THE WALL — MILESTONE 2 / Adaptive Stage Engine v4.2.0
   One canonical Hero component. Central tokens control four stages.
   Stage L uses the original 3:2 Wall artwork to fill the available
   landscape canvas without the dead bars caused by the wide crop.
   ========================================================== */
:root{
  --cb-stage-header-s:68px;
  --cb-stage-header-l:50px;
  --cb-stage-header-t:76px;
  --cb-stage-wall-l:65%;
  --cb-stage-copy-l:35%;
  --cb-stage-gap:clamp(16px,2.2vw,28px);
  --cb-action-height-l:38px;
}

@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  :root{--cb-hero-header:var(--cb-stage-header-l)}
  .hero{
    height:100svh;
    min-height:340px;
    grid-template-columns:minmax(0,var(--cb-stage-wall-l)) minmax(300px,var(--cb-stage-copy-l));
    grid-template-rows:100%;
    background:#050607;
  }
  .hero-header{
    height:var(--cb-stage-header-l);
    padding-inline:clamp(14px,2.4vw,24px);
  }
  .hero-header::before{height:var(--cb-stage-header-l);background:linear-gradient(180deg,rgba(3,4,5,.94),rgba(3,4,5,.74));}
  .hero-brand__mark{width:36px!important;height:36px!important;font-size:.72rem!important}
  .hero-brand__name{font-size:clamp(.78rem,1.55vw,.94rem)!important;letter-spacing:.17em!important}
  .hero-menu-toggle{width:36px;height:36px}

  .hero__art{
    grid-column:1;
    grid-row:1;
    height:100%;
    width:100%;
    margin:0;
    padding-top:var(--cb-stage-header-l);
    display:block;
    background:#050607!important;
  }
  .hero__art img{
    width:100%;
    height:100%;
    object-fit:cover!important;
    object-position:center 52%!important;
    filter:brightness(.96) saturate(1.08) contrast(1.04);
  }
  .hero__content{
    grid-column:2;
    grid-row:1;
    width:100%!important;
    min-width:0;
    padding:calc(var(--cb-stage-header-l) + 14px) clamp(20px,2.6vw,34px) 16px;
    justify-content:center;
    background:linear-gradient(90deg,rgba(5,6,7,.86),#050607 13%);
  }
  .hero__content>p:first-child{
    margin-bottom:7px!important;
    font-size:clamp(.56rem,1.05vw,.68rem)!important;
    letter-spacing:.2em!important;
  }
  .hero__content h1{
    max-width:12.5ch!important;
    font-size:clamp(1.55rem,3.65vw,2.35rem)!important;
    line-height:.98!important;
    letter-spacing:.025em!important;
  }
  .hero__content>p:nth-child(3){
    margin:10px 0 12px!important;
    padding-top:9px!important;
    font-size:clamp(.65rem,1.15vw,.78rem)!important;
    line-height:1.42!important;
  }
  .hero__content div{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .hero__content a{
    min-height:var(--cb-action-height-l)!important;
    padding:7px 9px!important;
    font-size:clamp(.54rem,.96vw,.66rem)!important;
    white-space:nowrap;
  }
  .hero__shade{
    background:linear-gradient(90deg,transparent 0 57%,rgba(5,6,7,.14) 62%,rgba(5,6,7,.72) 67%,#050607 71%);
  }
  .hero__warm-light{left:-14%;top:2%;width:50%;height:68%;opacity:.10}
  .hero__fog,.hero__living-fog{left:0;right:auto;width:65%;height:22%;bottom:-3%}
}

@media (orientation:landscape) and (max-height:430px) and (max-width:950px){
  :root{--cb-stage-header-l:48px;--cb-stage-wall-l:64%;--cb-stage-copy-l:36%;--cb-action-height-l:36px}
  .hero{min-height:320px}
  .hero__content{padding:calc(var(--cb-stage-header-l) + 9px) 18px 10px}
  .hero__content h1{font-size:clamp(1.42rem,3.45vw,2rem)!important}
  .hero__content>p:nth-child(3){margin:7px 0 9px!important;padding-top:6px!important}
}

/* ==========================================================
   PROJECT THE WALL — FRAMEWORK v4.3.0
   Stage L: clean Wall left, information and controls right.
   One content source; only presentation changes.
   ========================================================== */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  :root{
    --cb-stage-header-l:50px;
    --cb-stage-wall-l:68%;
    --cb-stage-copy-l:32%;
  }
  .hero{
    height:100svh;
    min-height:320px;
    grid-template-columns:minmax(0,var(--cb-stage-wall-l)) minmax(292px,var(--cb-stage-copy-l));
    grid-template-rows:var(--cb-stage-header-l) minmax(0,1fr);
    background:#040506;
  }
  .hero-header{
    grid-column:1/-1;
    grid-row:1;
    position:relative;
    inset:auto;
    height:var(--cb-stage-header-l);
    padding:0 clamp(14px,2.2vw,24px);
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    background:rgba(3,4,5,.98);
    border-bottom:1px solid rgba(255,255,255,.075);
  }
  .hero-header::before{display:none!important}
  .hotspot--logo{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center;
    gap:14px;
    min-width:0;
    color:#fff!important;
  }
  .hero-brand__mark{flex:0 0 auto;width:36px!important;height:36px!important}
  .hero-brand__name{
    display:block!important;
    min-width:max-content;
    white-space:nowrap;
    overflow:visible;
    font-size:clamp(.78rem,1.5vw,.94rem)!important;
    letter-spacing:.19em!important;
    color:#fff!important;
  }
  .hero-brand__name span{color:#fff!important}
  .hotspot--login{
    position:relative!important;
    inset:auto!important;
    width:auto!important;
    height:auto!important;
    margin-right:18px;
    color:#eee!important;
    font-size:clamp(.68rem,1.2vw,.82rem);
    letter-spacing:.2em;
    text-transform:uppercase;
  }
  .hotspot--login span{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important}
  .hero-menu-toggle{position:relative;grid-column:3;width:36px;height:36px}

  .hero__art{
    grid-column:1;
    grid-row:2;
    position:relative;
    inset:auto;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#070809!important;
    transform:none!important;
    animation:none!important;
    border-right:1px solid rgba(255,255,255,.055);
  }
  .hero__art img{
    width:100%;
    height:100%;
    max-height:none;
    display:block;
    object-fit:cover!important;
    object-position:center center!important;
    filter:brightness(.94) saturate(1.08) contrast(1.05);
  }
  .hero__content{
    grid-column:2;
    grid-row:2;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:100%!important;
    min-width:0;
    overflow:visible!important;
    display:flex!important;
    flex-direction:column;
    justify-content:center;
    padding:clamp(18px,3vh,30px) clamp(22px,2.8vw,38px);
    background:#050607;
    box-shadow:-12px 0 28px rgba(0,0,0,.18);
    z-index:4;
  }
  .hero__content>p:first-child{margin:0 0 10px!important;font-size:clamp(.58rem,1.08vw,.7rem)!important}
  .hero__content h1{
    max-width:13ch!important;
    margin:0!important;
    font-size:clamp(1.55rem,3.45vw,2.3rem)!important;
    line-height:.99!important;
    font-weight:300!important;
  }
  .hero__content>p:nth-child(3){margin:13px 0 15px!important;padding-top:11px!important;font-size:clamp(.65rem,1.12vw,.79rem)!important}
  .hero__content div{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;width:100%!important}
  .hero__content a{min-height:40px!important;padding:8px 9px!important;font-size:clamp(.54rem,.92vw,.66rem)!important;white-space:nowrap}

  /* Atmospheric layers belong exclusively to the Wall canvas. */
  .hero__shade{grid-column:1;grid-row:2;inset:var(--cb-stage-header-l) 32% 0 0;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 66%,rgba(0,0,0,.12));z-index:2}
  .hero__warm-light,.hero__cold-light,.hero__fog,.hero__living-fog{z-index:3;pointer-events:none}
  .hero__warm-light{left:-13%;top:8%;width:43%;height:58%;opacity:.09}
  .hero__cold-light{right:32%;top:10%;width:34%;height:56%;opacity:.06}
  .hero__fog,.hero__living-fog{left:0!important;right:32%!important;width:68%!important;height:20%!important;bottom:-3%!important}
}

@media (orientation:landscape) and (max-height:430px) and (max-width:950px){
  :root{--cb-stage-header-l:48px;--cb-stage-wall-l:67%;--cb-stage-copy-l:33%}
  .hero{grid-template-columns:minmax(0,var(--cb-stage-wall-l)) minmax(286px,var(--cb-stage-copy-l))}
  .hero__content{padding:14px 18px}
  .hero__content h1{font-size:clamp(1.38rem,3.2vw,1.92rem)!important}
  .hero__content>p:nth-child(3){margin:8px 0 10px!important;padding-top:7px!important}
  .hero__content a{min-height:36px!important;padding:6px 7px!important}
  .hero__fog,.hero__living-fog{right:33%!important;width:67%!important}
}

/* ==========================================================
   Phase 1 — Public Music Stage
   The public site offers one quiet 10-second invitation.
   The complete music experience belongs to Backstage.
   ========================================================== */
.music-stage{position:relative;background:#070707;border-top:1px solid rgba(255,255,255,.08);overflow:hidden}.music-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 20%,rgba(255,91,0,.07),transparent 26%),radial-gradient(circle at 78% 14%,rgba(18,86,135,.08),transparent 25%),linear-gradient(180deg,rgba(255,255,255,.018),transparent 28%);pointer-events:none}.music-stage__inner{position:relative;z-index:1;width:min(1480px,calc(100% - 72px));margin:0 auto;display:grid;grid-template-columns:minmax(300px,.78fr) minmax(540px,1.42fr);gap:clamp(54px,6vw,110px);padding:clamp(72px,8vw,122px) 0 clamp(54px,6vw,92px);align-items:center}.music-stage__cover{position:relative;aspect-ratio:1/1.14;width:min(100%,520px);justify-self:center;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.07),transparent 24%),linear-gradient(145deg,#111 0%,#050505 58%,#111 100%);box-shadow:0 36px 90px rgba(0,0,0,.55),inset 0 0 80px rgba(255,255,255,.02);overflow:hidden}.music-stage__cover::before,.music-stage__cover::after{content:"";position:absolute;inset:-12%;background:repeating-linear-gradient(128deg,transparent 0 26px,rgba(255,255,255,.025) 27px 28px,transparent 29px 63px);transform:rotate(-4deg)}.music-stage__cover::after{background:radial-gradient(circle at 40% 88%,rgba(255,91,0,.24),transparent 20%),radial-gradient(circle at 70% 15%,rgba(35,115,170,.18),transparent 22%)}.music-cover__wordmark{position:absolute;z-index:2;top:8%;left:0;right:0;text-align:center;font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;text-transform:uppercase;letter-spacing:.035em;font-size:clamp(2rem,4vw,4.2rem);color:#ddd;text-shadow:0 4px 18px #000;transform:skew(-8deg)}.music-cover__emblem{position:absolute;z-index:2;left:50%;top:48%;width:38%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:2px solid rgba(255,255,255,.34);box-shadow:0 0 40px rgba(255,255,255,.05)}.music-cover__emblem::before,.music-cover__emblem::after,.music-cover__emblem span::before,.music-cover__emblem span::after{content:"";position:absolute;background:#080808;border:1px solid rgba(255,255,255,.22)}.music-cover__emblem::before{width:52%;height:52%;left:-18%;top:24%;transform:rotate(28deg)}.music-cover__emblem::after{width:44%;height:44%;right:-16%;bottom:13%;transform:rotate(-19deg)}.music-cover__emblem span::before{width:42%;height:42%;top:-15%;right:12%;transform:rotate(18deg)}.music-cover__emblem span::after{width:35%;height:35%;bottom:-12%;left:14%;transform:rotate(-16deg)}.music-cover__title{position:absolute;z-index:3;left:8%;right:8%;bottom:13%;text-align:center;font-family:Impact,'Arial Narrow',sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(2rem,4vw,4rem);letter-spacing:.03em}.music-cover__subtitle{position:absolute;z-index:3;left:8%;right:8%;bottom:7%;text-align:center;color:var(--orange);font-size:clamp(.58rem,.8vw,.75rem);letter-spacing:.18em;text-transform:uppercase}.music-stage__main{min-width:0}.music-stage__main>.eyebrow{font-weight:700}.music-stage__main h2{margin:.08em 0 .08em;text-transform:uppercase;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;line-height:.9;font-size:clamp(4rem,7.5vw,8.8rem);letter-spacing:.015em}.music-stage__lead{margin:0 0 28px;color:#aaa;font-size:clamp(1rem,1.6vw,1.35rem);letter-spacing:.08em}.cb-preview-player{position:relative;padding:24px 28px 12px;display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;border:1px solid rgba(255,255,255,.26);background:rgba(5,5,5,.62)}.cb-preview-player__play{width:72px;height:72px;border-radius:50%;border:2px solid var(--orange);background:#080808;cursor:pointer;display:grid;place-items:center;transition:.2s}.cb-preview-player__play:hover{background:var(--orange)}.cb-preview-player__play:focus-visible{outline:2px solid #fff;outline-offset:4px}.cb-preview-player__icon{width:0;height:0;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #fff;margin-left:5px}.cb-preview-player.is-playing .cb-preview-player__icon{width:18px;height:23px;border:0;margin:0;background:linear-gradient(90deg,#fff 0 34%,transparent 34% 66%,#fff 66%)}.cb-preview-player__visual{min-width:0}.cb-preview-player__wave{height:64px;display:flex;align-items:center;gap:3px;overflow:hidden}.cb-preview-player__wave i{display:block;flex:1;min-width:2px;height:var(--bar);background:#777;opacity:.72;transition:background .15s,opacity .15s}.cb-preview-player__wave i.is-active{background:var(--orange);opacity:1}.cb-preview-player__timeline{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;font-size:.82rem}.cb-preview-player__track{height:3px;background:#555;overflow:hidden}.cb-preview-player__track span{display:block;width:0;height:100%;background:var(--orange)}.cb-preview-player__label{grid-column:1/-1;text-align:center;margin:0;color:#999;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em}.cb-preview-player__notice{grid-column:1/-1;text-align:center;min-height:1.2em;margin:0;color:var(--orange);font-size:.75rem}.music-stage__invite{margin-top:24px;padding:22px 24px;display:grid;grid-template-columns:64px 1fr auto;gap:22px;align-items:center;border:1px solid var(--orange);background:rgba(5,5,5,.66)}.music-stage__lock{width:48px;height:52px;border:3px solid var(--orange);border-radius:8px;position:relative}.music-stage__lock::before{content:"";position:absolute;width:28px;height:25px;border:3px solid var(--orange);border-bottom:0;border-radius:20px 20px 0 0;left:7px;top:-23px}.music-stage__lock span{position:absolute;width:5px;height:13px;background:var(--orange);border-radius:3px;left:19px;top:18px}.music-stage__invite h3{margin:0 0 5px;color:var(--orange);text-transform:uppercase;font-size:1.1rem;letter-spacing:.06em}.music-stage__invite p{margin:0;color:#c5c5c5;line-height:1.45}.music-stage__invite ul{display:flex;flex-wrap:wrap;gap:7px 18px;padding:0;margin:12px 0 0;list-style:none;color:#d3d3d3;font-size:.75rem}.music-stage__invite li::before{content:"✓";color:var(--orange);margin-right:6px}.music-stage__cta{min-width:190px;padding:17px 20px;background:var(--orange);color:#080808;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:.07em;display:flex;justify-content:space-between;gap:16px;align-items:center}.music-stage__cta:hover{filter:brightness(1.1)}.music-stage__lower{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .72fr .95fr;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(120deg,#0b0b0b,#070707 65%,#0a0a0a)}.music-stage__lower>article,.music-stage__lower>aside,.music-stage__lower>section{padding:52px clamp(34px,4vw,68px);border-right:1px solid rgba(255,255,255,.1)}.music-stage__lower>*:last-child{border-right:0}.music-story p:last-child{white-space:normal;line-height:1.8;color:#d4d4d4;max-width:62ch}.music-facts dl{display:grid;gap:22px;margin:20px 0 0}.music-facts dl>div{padding-left:26px;position:relative}.music-facts dl>div::before{content:"";position:absolute;left:0;top:.2em;width:10px;height:10px;border:1px solid var(--orange);transform:rotate(45deg)}.music-facts dt{color:#888;text-transform:uppercase;letter-spacing:.1em;font-size:.68rem}.music-facts dd{margin:5px 0 0}.music-news__list{margin-top:14px}.music-news__item{padding:13px 0;border-bottom:1px solid #242424}.music-news__item time{color:var(--orange);font-size:.7rem;letter-spacing:.08em}.music-news__item h4{margin:5px 0 0;font-size:.94rem;text-transform:uppercase}.music-news__item a{text-decoration:none}.music-news__all{display:inline-block;margin-top:18px;color:var(--orange);text-decoration:none;text-transform:uppercase;font-size:.72rem;letter-spacing:.1em}

@media(max-width:1100px){.music-stage__inner{width:min(100% - 48px,960px);grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);gap:38px}.music-stage__main h2{font-size:clamp(3.6rem,8vw,6.5rem)}.music-stage__invite{grid-template-columns:54px 1fr}.music-stage__cta{grid-column:1/-1;justify-self:stretch}.music-stage__lower{grid-template-columns:1.1fr .9fr}.music-news{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1)}.music-stage__lower>section{border-right:0}}
@media(max-width:760px){.music-stage__inner{width:min(100% - 32px,620px);grid-template-columns:1fr;padding:56px 0 42px;gap:38px}.music-stage__cover{width:min(82vw,430px);order:2}.music-stage__main{order:1}.music-stage__main h2{font-size:clamp(3.25rem,16vw,5.4rem)}.music-stage__lead{font-size:1rem}.cb-preview-player{grid-template-columns:62px 1fr;padding:19px 16px 11px;gap:13px}.cb-preview-player__play{width:58px;height:58px}.cb-preview-player__wave{height:52px;gap:2px}.cb-preview-player__timeline{gap:9px;font-size:.72rem}.music-stage__invite{margin-top:18px;padding:22px 18px;grid-template-columns:44px 1fr;gap:15px}.music-stage__lock{width:38px;height:43px}.music-stage__lock::before{width:23px;height:20px;left:5px;top:-19px}.music-stage__lock span{left:14px;top:14px}.music-stage__invite ul{display:grid;grid-template-columns:1fr 1fr}.music-stage__cta{min-width:0}.music-stage__lower{grid-template-columns:1fr}.music-stage__lower>article,.music-stage__lower>aside,.music-stage__lower>section{padding:40px 24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.music-stage__lower>*:last-child{border-bottom:0}.music-news{grid-column:auto}}
@media(max-width:430px){.music-stage__inner{width:calc(100% - 24px)}.music-stage__main h2{font-size:clamp(2.85rem,15vw,4.2rem)}.cb-preview-player{grid-template-columns:52px 1fr}.cb-preview-player__play{width:50px;height:50px}.cb-preview-player__wave{height:45px}.cb-preview-player__wave i:nth-child(2n){display:none}.music-stage__invite{grid-template-columns:1fr}.music-stage__lock{display:none}.music-stage__invite ul{grid-template-columns:1fr}.music-cover__subtitle{letter-spacing:.12em}}

/* Phase 1.5 — LIVE AUS DEM STUDIO */
.studio-stage{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.1);background:linear-gradient(115deg,#060606 0%,#0d0b0a 52%,#070707 100%);overflow:hidden}.studio-stage::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,75,0,.13),transparent 31%),radial-gradient(circle at 82% 20%,rgba(133,19,10,.08),transparent 25%);pointer-events:none}.studio-stage__inner{position:relative;width:min(1480px,calc(100% - 72px));margin:auto;padding:clamp(72px,8vw,118px) 0;display:grid;grid-template-columns:minmax(320px,.92fr) minmax(520px,1.08fr);gap:clamp(55px,7vw,120px);align-items:center}.studio-stage__visual{min-height:440px;position:relative;border:1px solid rgba(255,255,255,.14);background:#0a0a0a;overflow:hidden;box-shadow:0 35px 85px rgba(0,0,0,.48)}.studio-stage__visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.72) contrast(1.15) brightness(.7)}.studio-stage__visual::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,75,0,.17),transparent 38%,rgba(0,0,0,.38))}.studio-stage__visual--abstract{background:repeating-linear-gradient(90deg,#111 0 58px,#080808 59px 62px),linear-gradient(#161616,#050505)}.studio-stage__knob{position:absolute;width:130px;aspect-ratio:1;border-radius:50%;border:12px solid #181818;background:radial-gradient(circle at 38% 35%,#555,#141414 48%,#030303 70%);box-shadow:0 10px 30px #000;z-index:1}.studio-stage__knob::after{content:"";position:absolute;width:4px;height:32px;background:var(--orange);left:50%;top:8px;transform:translateX(-50%)}.studio-stage__knob--one{left:14%;top:15%}.studio-stage__knob--two{right:12%;bottom:14%;transform:scale(.72)}.studio-stage__fader{position:absolute;left:48%;top:14%;width:8px;height:70%;background:#030303;border:1px solid #333;z-index:1}.studio-stage__fader::after{content:"";position:absolute;width:55px;height:28px;left:50%;top:46%;transform:translate(-50%,-50%);background:#252525;border:1px solid #555;box-shadow:0 8px 20px #000}.studio-stage__cable{position:absolute;width:65%;height:45%;left:5%;bottom:-22%;border:10px solid rgba(255,76,0,.52);border-radius:50%;transform:rotate(-9deg);z-index:1}.studio-stage__content{min-width:0}.studio-stage__status{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:#e9e9e9;font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.studio-stage__status span{width:10px;height:10px;border-radius:50%;background:#e32618;box-shadow:0 0 15px rgba(227,38,24,.55)}.studio-stage__content h2{max-width:760px;margin:0 0 18px;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3.2rem,6vw,7rem);font-weight:400;line-height:.94;text-transform:uppercase}.studio-stage__text{max-width:60ch;color:#c7c7c7;line-height:1.7;margin:0 0 28px}.cb-preview-player--studio{border-color:rgba(227,38,24,.52);background:rgba(0,0,0,.55)}.cb-preview-player--studio .cb-preview-player__play{border-color:#e32618}.cb-preview-player--studio .cb-preview-player__play:hover{background:#e32618}.cb-preview-player--studio .cb-preview-player__wave i.is-active,.cb-preview-player--studio .cb-preview-player__track span{background:#e32618}.studio-stage__exclusive{color:#888;font-size:.82rem;margin:18px 0}.studio-stage__cta{width:min(100%,320px)}
@media(max-width:1100px){.studio-stage__inner{width:min(100% - 48px,960px);grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:42px}.studio-stage__visual{min-height:380px}.studio-stage__content h2{font-size:clamp(3rem,7vw,5.6rem)}}
@media(max-width:760px){.studio-stage__inner{width:min(100% - 32px,620px);padding:58px 0;grid-template-columns:1fr;gap:34px}.studio-stage__visual{min-height:320px;order:2}.studio-stage__content{order:1}.studio-stage__content h2{font-size:clamp(2.9rem,14vw,4.9rem)}.studio-stage__cta{width:100%}}
@media(max-width:430px){.studio-stage__inner{width:calc(100% - 24px)}.studio-stage__visual{min-height:270px}.studio-stage__status{font-size:.68rem;letter-spacing:.14em}.studio-stage__content h2{font-size:clamp(2.55rem,13vw,3.8rem)}}
\n\n/* =========================================================\n   PHASE 2 — CHAOSBREAKER PHILOSOPHY STAGE\n   ========================================================= */\n.philosophy-stage{position:relative;isolation:isolate;background:radial-gradient(circle at 72% 18%,rgba(180,25,18,.14),transparent 34%),linear-gradient(180deg,#0a0a0b 0%,#101011 55%,#090909 100%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);overflow:hidden;color:#f3f0ea}\n.philosophy-stage:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(115deg,transparent 0 45%,rgba(255,255,255,.025) 45.2% 45.5%,transparent 45.7%),radial-gradient(circle at 18% 70%,rgba(255,96,0,.12),transparent 30%)}\n.philosophy-stage__hero{max-width:1320px;margin:0 auto;padding:clamp(70px,8vw,130px) clamp(24px,6vw,88px) clamp(55px,6vw,92px)}\n.philosophy-stage__hero .eyebrow{color:#ff5a00;letter-spacing:.19em;text-transform:uppercase;font-weight:800}\n.philosophy-stage__hero h2{max-width:980px;margin:.25em 0 .35em;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(2.6rem,6.2vw,6.8rem);line-height:.93;letter-spacing:.015em;text-transform:uppercase;color:#f2efe8;text-wrap:balance}\n.philosophy-stage__hero h2::first-line{color:#f2efe8}\n.philosophy-stage__subline{margin:0 0 30px;font-size:clamp(1rem,1.45vw,1.35rem);letter-spacing:.13em;text-transform:uppercase;color:#c9c4bb;font-weight:700}\n.philosophy-stage__story-link{display:inline-flex;align-items:center;gap:26px;min-height:52px;padding:0 24px;border:1px solid rgba(255,255,255,.7);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;font-weight:800;transition:border-color .2s ease,color .2s ease,transform .2s ease}\n.philosophy-stage__story-link:hover,.philosophy-stage__story-link:focus-visible{border-color:#ff5a00;color:#ff6a15;transform:translateY(-2px)}\n.philosophy-stage__values{display:grid;grid-template-columns:repeat(5,1fr);max-width:1500px;margin:0 auto;padding:0 clamp(24px,4vw,66px) clamp(66px,7vw,110px)}\n.philosophy-stage__values article{position:relative;padding:18px clamp(16px,2vw,34px) 8px;text-align:center}\n.philosophy-stage__values article+article{border-left:1px solid rgba(255,255,255,.12)}\n.philosophy-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 18px;border:2px solid #c52d23;border-radius:50%;color:#d83a2c;font-size:2rem;font-weight:900;line-height:1}\n.philosophy-stage__values h3{margin:0 0 10px;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(1.1rem,1.6vw,1.55rem);letter-spacing:.05em;text-transform:uppercase;color:#f0ede7}\n.philosophy-stage__values p{margin:0 auto;max-width:230px;color:#b9b5ae;line-height:1.65;font-size:.92rem}\n\n@media (max-width:1100px){\n  .philosophy-stage__hero{padding-top:72px}\n  .philosophy-stage__values{grid-template-columns:repeat(2,1fr);gap:0 12px}\n  .philosophy-stage__values article{padding:28px 22px;border-top:1px solid rgba(255,255,255,.1)}\n  .philosophy-stage__values article+article{border-left:0}\n  .philosophy-stage__values article:nth-child(even){border-left:1px solid rgba(255,255,255,.1)}\n  .philosophy-stage__values article:last-child{grid-column:1/-1;border-left:0;max-width:520px;justify-self:center;width:100%}\n}\n@media (max-width:700px){\n  .philosophy-stage__hero{padding:58px 22px 44px}\n  .philosophy-stage__hero h2{font-size:clamp(2.35rem,13vw,4.2rem)}\n  .philosophy-stage__subline{font-size:.86rem;line-height:1.6}\n  .philosophy-stage__story-link{width:100%;justify-content:center}\n  .philosophy-stage__values{display:block;padding:0 22px 56px}\n  .philosophy-stage__values article,.philosophy-stage__values article:nth-child(even),.philosophy-stage__values article:last-child{border-left:0;border-top:1px solid rgba(255,255,255,.1);max-width:none}\n  .philosophy-stage__values article{display:grid;grid-template-columns:54px 1fr;column-gap:16px;text-align:left;padding:24px 0}\n  .philosophy-icon{grid-row:1/3;width:50px;height:50px;margin:0;font-size:1.5rem}\n  .philosophy-stage__values h3{align-self:end;margin:0 0 5px}\n  .philosophy-stage__values p{max-width:none;margin:0}\n}\n

/* =========================================================
   BUILD 6.2.0 — KAPITEL 2: CHAOSBREAKER
   The Wall visual language; album-booklet pacing.
   ========================================================= */
.song-page{position:relative;z-index:1;background:#050505;color:#f3f1eb}
.song-hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid #242424;background:#050505}
.song-hero__wall{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.46) 55%,rgba(0,0,0,.86)),url('../images/the-wall-clean.png');background-size:cover;background-position:58% center;filter:saturate(.86) brightness(.68)}
.song-hero__wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.08),transparent 45%,#050505 100%)}
.song-hero__light{position:absolute;width:54vw;height:54vw;border-radius:50%;filter:blur(115px);mix-blend-mode:screen;opacity:.11}
.song-hero__light--warm{left:-22vw;top:10vh;background:#ff5a00}.song-hero__light--cold{right:-24vw;top:4vh;background:#087ab8;opacity:.07}
.song-hero__fog{position:absolute;left:-20%;right:-20%;bottom:-7%;height:30%;background:radial-gradient(ellipse at center,rgba(225,230,235,.18),transparent 68%);filter:blur(30px);opacity:.25}
.song-hero__content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:190px 0 92px}
.song-hero__content h1{margin:.1em 0 .18em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(4.3rem,12vw,10.5rem);font-weight:400;line-height:.82;text-transform:uppercase;letter-spacing:.005em}
.song-hero__content>p:last-child{margin:0;font-size:clamp(1.1rem,2vw,1.55rem);color:#cfccc5}
.song-booklet{width:min(1180px,calc(100% - 48px));margin:0 auto}
.song-intro{max-width:900px;padding:13vh 0 11vh}
.song-intro h2,.song-listen h2,.song-story h2,.song-full h2{margin:.18em 0 .35em;font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;line-height:.94;letter-spacing:.01em}
.song-intro h2{font-size:clamp(3rem,7vw,6.7rem)}.song-intro>p:last-child{max-width:690px;font-size:clamp(1.2rem,2.1vw,1.65rem);line-height:1.65;color:#c9c6bf}
.song-listen{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(45px,8vw,110px);align-items:center;padding:10vh 0 14vh;border-top:1px solid #1d1d1d}
.song-cover{margin:0}.song-cover img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#101010;box-shadow:0 34px 80px rgba(0,0,0,.62);border:1px solid rgba(255,255,255,.13)}
.song-cover figcaption{padding-top:16px;color:#777;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}
.song-listen h2{font-size:clamp(3.4rem,7vw,7.2rem)}.song-listen__content>p:not(.eyebrow){max-width:530px;color:#bbb7af;line-height:1.7}
.cb-preview-player--chapter{margin-top:38px;background:rgba(5,5,5,.72);border-color:rgba(255,255,255,.17)}
.song-story{display:grid;grid-template-columns:120px minmax(0,780px);gap:52px;padding:12vh 0;border-top:1px solid #1d1d1d}
.song-story__number{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(4rem,8vw,7.5rem);line-height:.8;color:#282828}
.song-story h2{font-size:clamp(2.8rem,5.8vw,5.8rem)}.song-story p:not(.eyebrow){max-width:720px;color:#c8c4bc;font-size:1.06rem;line-height:1.8}
.song-line{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(45px,9vw,125px);align-items:center;padding:13vh 0;border-top:1px solid #1d1d1d}
.song-line--reverse{grid-template-columns:.92fr 1.08fr}.song-line--reverse blockquote{grid-column:2}.song-line--reverse div{grid-column:1;grid-row:1}
.song-line blockquote{margin:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3.2rem,7vw,7.5rem);font-weight:400;line-height:.88;text-transform:uppercase;color:#f3f0e9}
.song-line div p:last-child{max-width:530px;color:#c5c1b9;font-size:1.08rem;line-height:1.8}
.song-manifesto{position:relative;min-height:72svh;display:grid;place-items:center;overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #222}
.song-manifesto__wall{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.42),rgba(0,0,0,.78)),url('../images/the-wall-clean.png') center/cover;filter:brightness(.58) saturate(.8)}
.song-manifesto__wall::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(255,85,0,.13),transparent 38%),linear-gradient(180deg,#050505 0,transparent 18%,transparent 82%,#050505 100%)}
.song-manifesto__content{position:relative;z-index:1;width:min(1050px,calc(100% - 48px));padding:100px 0;text-align:center}
.song-manifesto__content p{margin:0 0 20px;color:var(--orange);text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:800}
.song-manifesto__content h2{margin:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3rem,7.5vw,7.8rem);font-weight:400;line-height:.91;text-transform:uppercase}
.song-full{width:min(850px,calc(100% - 48px));margin:0 auto;padding:14vh 0;text-align:center}.song-full h2{font-size:clamp(3rem,6.4vw,6rem)}.song-full>p:not(.eyebrow){max-width:650px;margin:0 auto 34px;color:#c4c0b8;font-size:1.06rem;line-height:1.8}
.song-next{position:relative;min-height:58svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;text-decoration:none;color:#fff;background:linear-gradient(180deg,#050505,#090707 70%,#120705);border-top:1px solid #221b19;overflow:hidden}
.song-next::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 75%,rgba(190,25,12,.17),transparent 35%);opacity:.75}.song-next>*{position:relative;z-index:1}
.song-next__signal{width:10px;height:10px;margin-bottom:24px;border-radius:50%;background:#e52418;box-shadow:0 0 18px rgba(229,36,24,.75)}
.song-next strong{display:block;margin:.12em 0 .15em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3.4rem,8vw,8rem);font-weight:400;line-height:.9;text-transform:uppercase}.song-next small{max-width:570px;color:#aaa49d;font-size:1rem;line-height:1.6}.song-next__arrow{margin-top:34px;font-size:2rem;color:var(--orange);transition:transform .2s}.song-next:hover .song-next__arrow{transform:translateY(8px)}
@media(max-width:820px){.song-listen{grid-template-columns:1fr;gap:44px}.song-cover{width:min(82vw,520px)}.song-story{grid-template-columns:70px 1fr;gap:24px}.song-line,.song-line--reverse{grid-template-columns:1fr;gap:42px}.song-line--reverse blockquote,.song-line--reverse div{grid-column:auto;grid-row:auto}.song-line--reverse blockquote{order:1}.song-line--reverse div{order:2}}
@media(max-width:560px){.song-hero__content,.song-booklet,.song-manifesto__content,.song-full{width:calc(100% - 32px)}.song-hero{min-height:72svh}.song-hero__content{padding:150px 0 65px}.song-intro{padding:10vh 0 9vh}.song-listen{padding:8vh 0 11vh}.song-story{grid-template-columns:1fr;padding:9vh 0}.song-story__number{font-size:4rem}.song-line{padding:10vh 0}.song-line blockquote{font-size:clamp(3rem,16vw,5.4rem)}.song-manifesto{min-height:62svh}.song-full{padding:11vh 0}.song-next{min-height:50svh}}

/* v6.2.1 — one canonical The Wall header on every public chapter */
.cbw-inner-page .hero-header--inner{
  position:fixed;
  inset:0 0 auto;
  z-index:15;
  height:86px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  padding:0 clamp(24px,3vw,48px);
  pointer-events:none;
}
.cbw-inner-page .hero-header--inner::before{
  z-index:-1;
  height:86px;
  background:linear-gradient(180deg,rgba(5,5,5,.92),rgba(5,5,5,.70));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(14px);
}
.cbw-inner-page .hero-header--inner .hotspot--logo{
  position:relative;
  inset:auto;
  width:auto;
  height:58px;
  display:flex;
  align-items:center;
  gap:13px;
  color:#fff;
  pointer-events:auto;
}
.cbw-inner-page .hero-header--inner .hotspot--logo>span,
.cbw-inner-page .hero-header--inner .hotspot--login span,
.cbw-inner-page .hero-header--inner .hero-nav .hotspot span{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal;
}
.cbw-inner-page .hero-header--inner .hero-brand__mark{
  display:grid!important;
  place-items:center;
  width:42px!important;
  height:42px!important;
  border:1px solid rgba(255,255,255,.55);
  border-radius:50%;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.04em;
  transform:rotate(-5deg);
}
.cbw-inner-page .hero-header--inner .hero-brand__name{
  color:#fff;
  font-size:.94rem;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.cbw-inner-page .hero-header--inner .hero-brand__name span{color:var(--orange)}
.cbw-inner-page .hero-header--inner .hero-nav{
  position:relative;
  display:flex;
  align-items:center;
  gap:34px;
  margin-right:38px;
  pointer-events:auto;
}
.cbw-inner-page .hero-header--inner .hero-nav .hotspot{
  position:relative;
  inset:auto;
  width:auto;
  height:auto;
  color:#eee;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.cbw-inner-page .hero-header--inner .hero-nav .hotspot:hover{color:var(--orange)}
.cbw-inner-page .hero-header--inner .hotspot--login{
  position:relative;
  inset:auto;
  width:auto;
  height:auto;
  padding:10px 0;
  color:#d0d0d0;
  font-size:.68rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  pointer-events:auto;
}
.cbw-inner-page .hero-header--inner .hero-menu-toggle{display:none}
.cbw-inner-page .hero-header--inner .hero-mobile-menu{display:none}
.cbw-inner-page .story-hero__content,
.cbw-inner-page .song-hero__content{padding-top:calc(86px + 10vh)}
.song-ending{
  width:min(920px,calc(100% - 48px));
  margin:0 auto;
  padding:13vh 0 14vh;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.08);
}
.song-ending p{margin:0 0 .3em;color:#aaa;font-size:clamp(1rem,2vw,1.3rem)}
.song-ending h2{margin:.12em 0 .2em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3.5rem,8vw,7.5rem);font-weight:400;line-height:.92;text-transform:uppercase}

@media(max-width:800px){
  .cbw-inner-page .hero-header--inner{
    height:74px;
    grid-template-columns:1fr auto auto;
    padding:0 18px;
  }
  .cbw-inner-page .hero-header--inner::before{height:74px}
  .cbw-inner-page .hero-header--inner .hero-nav{display:none}
  .cbw-inner-page .hero-header--inner .hotspot--logo{height:52px}
  .cbw-inner-page .hero-header--inner .hotspot--login{padding:10px 9px;font-size:.64rem}
  .cbw-inner-page .hero-header--inner .hero-menu-toggle{display:block}
  .cbw-inner-page .hero-header--inner .hero-mobile-menu{display:flex}
  .cbw-inner-page .story-hero__content,
  .cbw-inner-page .song-hero__content{padding-top:calc(74px + 9vh)}
  .song-ending{width:calc(100% - 32px);padding:11vh 0 12vh}
}


/* v6.2.2 — final public header: CB · Backstage · Login */
.hero-header,
.cbw-inner-page .hero-header--inner{
  height:86px!important;
  display:grid!important;
  grid-template-columns:minmax(110px,1fr) auto auto!important;
  align-items:center!important;
  padding:0 clamp(20px,2.2vw,42px)!important;
  background:rgba(3,4,5,.96)!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
  pointer-events:none!important;
}
.hero-header::before,
.cbw-inner-page .hero-header--inner::before{display:none!important}
.hero-header .hotspot--logo,
.cbw-inner-page .hero-header--inner .hotspot--logo{
  position:relative!important;inset:auto!important;width:auto!important;height:100%!important;
  display:flex!important;align-items:center!important;color:#fff!important;pointer-events:auto!important;
}
.hero-header .hero-brand__mark,
.cbw-inner-page .hero-header--inner .hero-brand__mark{
  display:block!important;width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
  font-family:Impact,'Arial Narrow',sans-serif!important;font-size:2.05rem!important;line-height:1!important;
  font-weight:400!important;letter-spacing:-.09em!important;transform:none!important;color:#f3f3f3!important;
}
.hero-header .hero-nav,
.cbw-inner-page .hero-header--inner .hero-nav{
  position:relative!important;display:flex!important;align-items:center!important;margin:0 clamp(42px,7vw,135px) 0 0!important;
  pointer-events:auto!important;
}
.hero-header .hero-nav .hotspot,
.cbw-inner-page .hero-header--inner .hero-nav .hotspot{
  position:relative!important;inset:auto!important;width:auto!important;height:auto!important;color:#d8d8d8!important;
  font-family:'Arial Narrow',Arial,sans-serif!important;font-size:clamp(.74rem,1vw,.92rem)!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;text-decoration:none!important;
}
.hero-header .hotspot span,
.cbw-inner-page .hero-header--inner .hotspot span{
  position:static!important;width:auto!important;height:auto!important;overflow:visible!important;clip:auto!important;white-space:nowrap!important;
}
.hero-header .hotspot--login,
.cbw-inner-page .hero-header--inner .hotspot--login{
  position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0!important;padding:10px 0!important;
  color:#d8d8d8!important;font-family:'Arial Narrow',Arial,sans-serif!important;font-size:clamp(.72rem,.95vw,.88rem)!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;pointer-events:auto!important;
}
.hero-header .hero-menu-toggle,.hero-header .hero-mobile-menu,
.cbw-inner-page .hero-header--inner .hero-menu-toggle,.cbw-inner-page .hero-header--inner .hero-mobile-menu{display:none!important}
.hero-header .hotspot:hover,.cbw-inner-page .hero-header--inner .hotspot:hover{color:var(--orange)!important}

@media(max-width:800px){
  .hero-header,.cbw-inner-page .hero-header--inner{
    height:68px!important;grid-template-columns:1fr auto auto!important;padding:0 16px!important;
  }
  .hero-header .hero-brand__mark,.cbw-inner-page .hero-header--inner .hero-brand__mark{font-size:1.75rem!important}
  .hero-header .hero-nav,.cbw-inner-page .hero-header--inner .hero-nav{display:flex!important;margin-right:24px!important}
  .hero-header .hero-nav .hotspot,.cbw-inner-page .hero-header--inner .hero-nav .hotspot,
  .hero-header .hotspot--login,.cbw-inner-page .hero-header--inner .hotspot--login{font-size:.64rem!important;letter-spacing:.13em!important}
  .cbw-inner-page .story-hero__content,.cbw-inner-page .song-hero__content{padding-top:calc(68px + 9vh)!important}
}


/* ==========================================================================\n   v6.3.0 — MOBILE PASS / ADAPTIVE STAGES\n   Smartphone, Tablet, kurze Landscape-Displays und sichere Touch-Bereiche.\n   Desktop-Optik und Inhalte bleiben unverändert.\n   ========================================================================== */

/* Flüssige Medien und robuste Umbrüche auf allen öffentlichen Seiten */
img,svg,video{max-width:100%;height:auto}
.story-page,.song-page,.music-stage,.studio-stage{overflow-x:clip}
.story-chapter h2,.story-song h2,.story-finale h2,
.song-intro h2,.song-listen h2,.song-story h2,.song-full h2,
.song-line blockquote,.song-ending h2{overflow-wrap:anywhere;hyphens:auto}

/* Tablet Stage */
@media (min-width:801px) and (max-width:1180px){
  .hero-header,.cbw-inner-page .hero-header--inner{padding-inline:28px!important}
  .hero-header .hero-nav,.cbw-inner-page .hero-header--inner .hero-nav{margin-right:52px!important}
  .music-stage__inner{width:min(100% - 48px,980px);grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:48px}
  .story-hero__content,.story-chapters,.song-hero__content,.song-booklet{width:min(100% - 56px,980px)}
  .story-song{grid-template-columns:.85fr 1.15fr}
  .song-listen{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:52px}
  .song-line{gap:64px}
}

/* Smartphone und kleine Tablets */
@media (max-width:800px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:16px}

  /* Ein Header, gut bedienbar auf Touchscreens */
  .hero-header,.cbw-inner-page .hero-header--inner{
    min-height:68px!important;
    padding-left:max(14px,env(safe-area-inset-left))!important;
    padding-right:max(14px,env(safe-area-inset-right))!important;
    gap:10px!important;
  }
  .hero-header .hotspot--logo,.cbw-inner-page .hero-header--inner .hotspot--logo,
  .hero-header .hero-nav .hotspot,.cbw-inner-page .hero-header--inner .hero-nav .hotspot,
  .hero-header .hotspot--login,.cbw-inner-page .hero-header--inner .hotspot--login{
    min-width:44px!important;min-height:44px!important;display:flex!important;align-items:center!important;justify-content:center!important
  }
  .hero-header .hero-nav,.cbw-inner-page .hero-header--inner .hero-nav{margin-right:clamp(8px,4vw,22px)!important}
  .hero-header .hero-nav .hotspot,.cbw-inner-page .hero-header--inner .hero-nav .hotspot,
  .hero-header .hotspot--login,.cbw-inner-page .hero-header--inner .hotspot--login{
    font-size:clamp(.61rem,2.7vw,.72rem)!important;letter-spacing:.1em!important
  }

  /* Start-Hero: eigene mobile Bühne statt bloß verkleinerter Desktopansicht */
  .hero{height:100svh;min-height:640px;max-height:940px}
  .hero__art{transform:none;animation:none}
  .hero__art img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-mobile-position)}
  .hero__warm-light,.hero__cold-light{width:78vw;height:48vh;filter:blur(70px)}
  .hero__fog{height:20%;bottom:-3%}
  .hero__content{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));bottom:max(34px,calc(env(safe-area-inset-bottom) + 22px))}
  .hero__content h1{font-size:clamp(2.7rem,13vw,4.25rem);line-height:.92}
  .hero__content>p:nth-child(3){font-size:.92rem;line-height:1.55;margin:16px 0 22px}
  .hero__content div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero__content a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 10px;text-align:center}

  /* Einheitliche Inhaltsbreite */
  .section-dark,.placeholder-section,.fanclub-teaser{padding:82px 20px;min-height:0}
  .music-stage__inner,.studio-stage__inner,
  .story-hero__content,.story-chapters,.song-hero__content,.song-booklet,
  .song-manifesto__content,.song-full,.song-ending{width:calc(100% - 36px)}

  /* Player: volle Breite und große Bedienelemente */
  .cb-preview-player{width:100%;grid-template-columns:58px minmax(0,1fr);gap:14px;padding:18px 16px}
  .cb-preview-player__play{width:56px;height:56px;min-width:56px;min-height:56px}
  .cb-preview-player__wave{height:42px}
  .cb-preview-player__timeline{gap:8px;font-size:.72rem}
  .cb-preview-player__label,.cb-preview-player__notice{grid-column:1/-1}

  /* Startseite: Cover, Player und Einladung ruhig untereinander */
  .music-stage__inner{grid-template-columns:1fr;gap:42px;padding:72px 0 58px}
  .music-stage__cover{width:min(88vw,520px)}
  .music-stage__main h2{font-size:clamp(3.1rem,16vw,5.4rem)}
  .music-stage__lead{font-size:1.05rem}
  .music-stage__invite{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:24px 18px}
  .music-stage__invite .music-stage__cta{grid-column:1/-1;width:100%;min-height:50px}

  /* Kapitel 1 */
  .story-hero{min-height:68svh}
  .story-hero__content{padding:calc(68px + 70px) 0 54px!important}
  .story-hero__content h1{font-size:clamp(3.35rem,17vw,5.7rem);line-height:.86}
  .story-hero__content>p:last-child{font-size:1.03rem;line-height:1.55}
  .story-chapters{padding:28px 0 78px}
  .story-chapter,.story-chapter--reverse{padding:68px 0;gap:20px}
  .story-chapter p,.story-song p,.story-finale p{font-size:1rem;line-height:1.75}
  .story-quote{padding:88px 20px}
  .story-song{margin-top:62px}
  .story-song__wall{min-height:clamp(250px,72vw,390px)}
  .story-song__content{padding:32px 20px 40px}
  .story-finale{padding:88px 0 20px}

  /* Kapitel 2 */
  .song-hero{min-height:66svh}
  .song-hero__wall{background-position:62% center}
  .song-hero__content{padding:calc(68px + 64px) 0 54px!important}
  .song-hero__content h1{font-size:clamp(3.55rem,18vw,6rem);line-height:.84}
  .song-hero__content>p:last-child{font-size:1.04rem;line-height:1.45}
  .song-intro{padding:78px 0 68px}
  .song-intro h2{font-size:clamp(2.9rem,14vw,4.8rem)}
  .song-intro>p:last-child{font-size:1.08rem;line-height:1.65}
  .song-listen{grid-template-columns:1fr;gap:38px;padding:66px 0 82px}
  .song-cover{width:min(100%,520px);margin-inline:auto}
  .song-listen h2{font-size:clamp(3.2rem,15vw,5.2rem)}
  .song-story{grid-template-columns:1fr;gap:18px;padding:72px 0}
  .song-story__number{font-size:3.8rem}
  .song-story h2{font-size:clamp(2.7rem,13vw,4.6rem)}
  .song-story p:not(.eyebrow),.song-line div p:last-child,.song-full>p:not(.eyebrow){font-size:1rem;line-height:1.75}
  .song-line,.song-line--reverse{grid-template-columns:1fr;gap:32px;padding:76px 0}
  .song-line blockquote{font-size:clamp(3rem,15vw,5rem);line-height:.9}
  .song-line--reverse blockquote,.song-line--reverse div{grid-column:auto;grid-row:auto}
  .song-line--reverse blockquote{order:1}.song-line--reverse div{order:2}
  .song-manifesto{min-height:58svh}
  .song-manifesto__content{padding:82px 0}
  .song-manifesto__content h2{font-size:clamp(2.8rem,13vw,4.8rem)}
  .song-full{padding:90px 0}
  .song-full h2{font-size:clamp(2.8rem,13vw,4.8rem)}
  .song-ending{padding:82px 0 92px}
  .song-ending h2{font-size:clamp(3.1rem,15vw,5rem)}

  /* Footer und Formulare */
  .site-footer{padding:28px 20px calc(28px + env(safe-area-inset-bottom))}
  .outline-button{display:flex;align-items:center;justify-content:center;min-height:48px;padding:13px 18px;text-align:center}
  .login-panel{padding:92px 22px calc(28px + env(safe-area-inset-bottom))}
  .login-panel__close{min-width:44px;min-height:44px;right:12px;top:12px}
}

/* S25 / schmale Smartphones */
@media (max-width:430px){
  .hero-header,.cbw-inner-page .hero-header--inner{padding-inline:10px!important}
  .hero-header .hero-brand__mark,.cbw-inner-page .hero-header--inner .hero-brand__mark{font-size:1.62rem!important}
  .hero-header .hero-nav,.cbw-inner-page .hero-header--inner .hero-nav{margin-right:4px!important}
  .hero-header .hero-nav .hotspot,.cbw-inner-page .hero-header--inner .hero-nav .hotspot,
  .hero-header .hotspot--login,.cbw-inner-page .hero-header--inner .hotspot--login{font-size:.59rem!important;letter-spacing:.075em!important;padding-inline:4px!important}
  .hero__content{left:16px;right:16px}
  .hero__content div{grid-template-columns:1fr}
  .music-stage__inner,.studio-stage__inner,.story-hero__content,.story-chapters,.song-hero__content,.song-booklet,.song-manifesto__content,.song-full,.song-ending{width:calc(100% - 28px)}
  .cb-preview-player{grid-template-columns:52px minmax(0,1fr);padding:16px 12px}
  .cb-preview-player__play{width:50px;height:50px;min-width:50px;min-height:50px}
  .cb-preview-player__wave i:nth-child(n+33){display:none}
  .music-stage__invite{grid-template-columns:1fr}.music-stage__lock{display:none}
}

/* Sehr schmale Geräte */
@media (max-width:360px){
  .hero-header .hero-nav .hotspot,.cbw-inner-page .hero-header--inner .hero-nav .hotspot,
  .hero-header .hotspot--login,.cbw-inner-page .hero-header--inner .hotspot--login{font-size:.55rem!important;letter-spacing:.045em!important}
  .hero-header .hero-brand__mark,.cbw-inner-page .hero-header--inner .hero-brand__mark{font-size:1.48rem!important}
  .cb-preview-player__wave i:nth-child(n+27){display:none}
}

/* Smartphone quer: Inhalt sichtbar halten, ohne riesige Bühne */
@media (orientation:landscape) and (max-height:600px) and (max-width:1100px){
  .hero{height:auto;min-height:100svh;max-height:none}
  .hero__content{position:relative;left:auto;right:auto;bottom:auto;width:min(700px,calc(100% - 48px));margin:0 auto;padding:118px 0 34px}
  .hero__content h1{font-size:clamp(2.5rem,8vw,4.2rem)}
  .hero__content div{display:flex}
  .story-hero,.song-hero{min-height:100svh}
  .story-hero__content,.song-hero__content{padding-top:110px!important;padding-bottom:36px!important}
  .story-hero__content h1,.song-hero__content h1{font-size:clamp(3rem,10vw,5rem)}
  .song-manifesto{min-height:100svh}
}

/* Weniger Arbeit unterhalb des sichtbaren Bereichs auf mobilen Browsern */
@media (max-width:800px){
  .music-stage,.studio-stage,.story-chapters,.song-booklet,.song-manifesto,.song-full,.song-ending{content-visibility:auto;contain-intrinsic-size:900px}
}


/* Build 6.4.0 – Kapitel 3: Live aus dem Studio */
.song-facts{margin:0 0 9vh;padding:clamp(28px,4vw,52px);border-top:1px solid #282828;border-bottom:1px solid #282828;background:linear-gradient(90deg,rgba(255,91,0,.035),transparent 46%)}
.song-facts dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:24px 0 0;background:#262626}
.song-facts dl div{padding:24px;background:#090909}
.song-facts dt{margin-bottom:8px;color:#858585;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase}
.song-facts dd{margin:0;color:#f2f0ea;font-size:clamp(1rem,1.7vw,1.3rem)}

.studio-journal-page{position:relative;z-index:1;background:#050505;color:#f4f1ea}
.studio-journal-hero{position:relative;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid #242424;background:#050505}
.studio-journal-hero__wall{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.46) 55%,rgba(0,0,0,.8)),url('../images/the-wall-clean.png');background-size:cover;background-position:center;filter:saturate(.82) brightness(.62)}
.studio-journal-hero__wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.04),rgba(5,5,5,.16) 48%,#050505 100%)}
.studio-journal-hero__light{position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(110px);mix-blend-mode:screen;opacity:.1}
.studio-journal-hero__light--warm{left:-20vw;top:8vh;background:#ff5b00}
.studio-journal-hero__light--cold{right:-18vw;top:12vh;background:#087bbd;opacity:.07}
.studio-journal-hero__fog{position:absolute;left:-10%;right:-10%;bottom:-7%;height:28%;background:radial-gradient(ellipse at center,rgba(220,226,230,.18),transparent 70%);filter:blur(30px);opacity:.22}
.studio-journal-hero__content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:190px 0 90px}
.studio-journal-hero h1{max-width:11ch;margin:.12em 0 .22em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(4rem,9vw,8.5rem);font-weight:400;line-height:.87;text-transform:uppercase}
.studio-journal-hero__content>p:last-child{max-width:640px;margin:0;color:#cfccc5;font-size:clamp(1.08rem,2vw,1.45rem);line-height:1.55}
.studio-journal{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:12vh 0}
.studio-journal__intro{max-width:820px;margin-bottom:10vh}
.studio-journal__intro h2,.studio-journal-cta h2{margin:.15em 0 .35em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.8rem,6vw,6rem);font-weight:400;line-height:.92;text-transform:uppercase}
.studio-journal__intro>p:last-child,.studio-journal-cta>p{max-width:690px;color:#bcbab5;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.8}
.studio-journal__entries{display:flex;flex-direction:column;gap:12vh}
.studio-entry{display:grid;grid-template-columns:minmax(280px,1.08fr) minmax(300px,.92fr);align-items:center;gap:clamp(34px,7vw,100px);padding-bottom:12vh;border-bottom:1px solid #202020}
.studio-entry--reverse{grid-template-columns:minmax(300px,.92fr) minmax(280px,1.08fr)}
.studio-entry--reverse .studio-entry__media{grid-column:2;grid-row:1}
.studio-entry--reverse .studio-entry__content{grid-column:1;grid-row:1}
.studio-entry__media img,.studio-entry__placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #292929;background:#0b0b0b;box-shadow:0 24px 70px rgba(0,0,0,.38)}
.studio-entry__placeholder{position:relative;overflow:hidden;background:radial-gradient(circle at 26% 38%,rgba(255,91,0,.13),transparent 18%),linear-gradient(145deg,#121212,#070707)}
.studio-entry__placeholder::before,.studio-entry__placeholder::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.08)}
.studio-entry__placeholder::before{width:44%;height:44%;left:13%;top:26%}.studio-entry__placeholder::after{width:24%;height:24%;right:17%;top:38%}
.studio-entry__status{display:flex;align-items:center;gap:10px;margin:0 0 18px;color:#ff6a13;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.studio-entry__status span{width:8px;height:8px;border-radius:50%;background:#ff5b00;box-shadow:0 0 18px rgba(255,91,0,.8)}
.studio-entry h3{margin:0 0 .4em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.4rem,5vw,5rem);font-weight:400;line-height:.94;text-transform:uppercase}
.studio-entry__text{color:#bebcb7;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.8}
.studio-entry__text p:first-child{margin-top:0}.studio-entry__text p:last-child{margin-bottom:0}
.studio-entry__text .wp-block-gallery{margin-top:30px}.studio-entry__embed{margin-top:28px}.studio-entry__embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0}.studio-entry__audio{width:100%;margin-top:28px}
.studio-journal__empty{max-width:760px;padding:clamp(36px,6vw,72px);border:1px solid #292929;background:linear-gradient(145deg,#0c0c0c,#070707)}
.studio-journal__empty>span{display:block;width:10px;height:10px;margin-bottom:28px;border-radius:50%;background:#ff5b00;box-shadow:0 0 20px rgba(255,91,0,.8)}
.studio-journal__empty h3{margin:0 0 .35em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.3rem,5vw,4.8rem);font-weight:400;text-transform:uppercase}
.studio-journal__empty p{max-width:620px;margin:0;color:#bcbab5;line-height:1.8}
.studio-journal-cta{padding:14vh max(24px,calc((100vw - 1180px)/2));border-top:1px solid #202020;background:radial-gradient(circle at 16% 48%,rgba(255,91,0,.07),transparent 24%),#070707;text-align:center}
.studio-journal-cta h2,.studio-journal-cta>p{margin-left:auto;margin-right:auto}.studio-journal-cta .outline-button{margin-top:28px}

@media(max-width:800px){
 .song-facts{margin-bottom:70px;padding:26px 20px}.song-facts dl{grid-template-columns:1fr}.song-facts dl div{padding:20px}
 .studio-journal-hero{min-height:72svh}.studio-journal-hero__wall{background-position:58% center}.studio-journal-hero__content{width:calc(100% - 36px);padding:132px 0 58px}.studio-journal-hero h1{font-size:clamp(3.2rem,16vw,5.8rem)}
 .studio-journal{width:calc(100% - 36px);padding:90px 0}.studio-journal__intro{margin-bottom:72px}.studio-journal__intro h2,.studio-journal-cta h2{font-size:clamp(2.45rem,12vw,4.4rem)}
 .studio-journal__entries{gap:76px}.studio-entry,.studio-entry--reverse{grid-template-columns:1fr;gap:30px;padding-bottom:76px}.studio-entry--reverse .studio-entry__media,.studio-entry--reverse .studio-entry__content{grid-column:1;grid-row:auto}.studio-entry__media img,.studio-entry__placeholder{aspect-ratio:4/3}.studio-entry h3{font-size:clamp(2.35rem,11vw,4rem)}
 .studio-journal-cta{padding-top:95px;padding-bottom:95px}
}


/* Build 6.4.1 – erster echter Studioeintrag */
.studio-entry__text h4{margin:2.1em 0 .55em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(1.8rem,3.2vw,3rem);font-weight:400;line-height:1;text-transform:uppercase;color:#f4f1ea}
.studio-entry__text .studio-entry__lead{font-size:clamp(1.16rem,1.8vw,1.42rem);line-height:1.65;color:#f0ede6}
.studio-entry__text blockquote{margin:2.4em 0;padding:1.2em 0 1.2em clamp(20px,3vw,38px);border-left:2px solid #ff5b00;color:#fff;background:linear-gradient(90deg,rgba(255,91,0,.055),transparent 70%)}
.studio-entry__text blockquote p{margin:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(1.85rem,3.7vw,3.6rem);font-weight:400;line-height:1.05;text-transform:uppercase}
.studio-entry__thanks{margin-top:2.6em!important;padding-top:1.6em;border-top:1px solid #242424;color:#f4f1ea!important}
@media(max-width:800px){.studio-entry__text h4{margin-top:1.75em}.studio-entry__text blockquote{margin:2em 0}}


/* Build 6.5.0 — Kapitel 4: Backstage Club */
.backstage-door,.fanarea{position:relative;z-index:1;background:#050505;color:#f5f3ed}
.backstage-hero{position:relative;min-height:92svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid #252525}
.backstage-hero__wall,.fanarea-hero__wall{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.38) 48%,rgba(0,0,0,.86)),url('../images/the-wall-clean.png');background-size:cover;background-position:center;filter:saturate(.78) brightness(.62)}
.backstage-hero__wall::after,.fanarea-hero__wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.05),rgba(5,5,5,.2) 55%,#050505)}
.backstage-hero__afterglow{position:absolute;z-index:1;right:-8vw;bottom:-5%;width:min(62vw,820px);height:88%;background:radial-gradient(ellipse at 72% 54%,rgba(255,154,77,.22) 0,rgba(255,101,26,.11) 24%,rgba(255,80,0,.035) 48%,transparent 72%);filter:blur(34px);mix-blend-mode:screen;opacity:.72;animation:cbBackstageGlow 9s ease-in-out infinite alternate;pointer-events:none}
.backstage-hero__light-seam{position:absolute;z-index:1;right:20.5vw;bottom:0;width:clamp(2px,.26vw,4px);height:68%;background:linear-gradient(180deg,transparent 0,rgba(255,196,133,.08) 11%,rgba(255,162,82,.72) 50%,rgba(255,115,34,.96) 89%,rgba(255,89,16,.62) 100%);box-shadow:0 0 10px rgba(255,135,53,.72),0 0 34px rgba(255,97,22,.36),-14px 0 54px rgba(255,91,0,.12);filter:blur(.35px);opacity:.72;transform:skewX(-.55deg);pointer-events:none}
.backstage-hero__light-seam::before,.backstage-hero__light-seam::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:inherit;box-shadow:inherit}
.backstage-hero__light-seam::before{top:17%;width:1px;height:12%;opacity:.32;transform:translateX(-2px) rotate(.8deg)}
.backstage-hero__light-seam::after{bottom:24%;width:1px;height:18%;opacity:.44;transform:translateX(2px) rotate(-.6deg)}
.backstage-hero__floor-light{position:absolute;z-index:1;right:-4vw;bottom:-7%;width:min(58vw,760px);height:25%;background:radial-gradient(ellipse at 40% 0,rgba(255,139,62,.24),rgba(255,91,0,.065) 34%,transparent 69%);filter:blur(28px);opacity:.74;transform:rotate(-3deg);mix-blend-mode:screen;pointer-events:none}
@keyframes cbBackstageGlow{from{opacity:.55;transform:translate3d(0,0,0) scale(.98)}to{opacity:.82;transform:translate3d(-1.2%,.4%,0) scale(1.025)}}
.backstage-hero__content,.fanarea-hero__content{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:190px 0 90px}
.backstage-hero h1,.fanarea-hero h1{max-width:10ch;margin:.12em 0 .25em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(4.5rem,11vw,10rem);font-weight:400;line-height:.86;text-transform:uppercase}
.backstage-hero__lead{font-size:clamp(1.15rem,2.2vw,1.6rem);line-height:1.55;color:#d7d3cc}
.backstage-scroll{display:inline-flex;gap:18px;margin-top:34px;padding-bottom:10px;border-bottom:1px solid var(--orange);color:#fff;text-decoration:none;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}
.backstage-section{padding:13vh max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #1c1c1c}
.backstage-copy{max-width:820px}
.backstage-section h2,.backstage-join h2,.fanarea-content h2{margin:.15em 0 .55em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.8rem,6vw,6rem);font-weight:400;line-height:.92;text-transform:uppercase}
.backstage-copy>p,.backstage-join p,.fanarea-content p{color:#c7c4bd;font-size:clamp(1rem,1.4vw,1.16rem);line-height:1.85}
.backstage-section--promise{background:radial-gradient(circle at 80% 20%,rgba(255,92,0,.07),transparent 30%),#070707}
.backstage-copy blockquote{margin:2.2em 0;padding:0 0 0 28px;border-left:3px solid var(--orange);font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2rem,4.2vw,4.5rem);line-height:1.04;text-transform:uppercase}
.backstage-section--beginning{text-align:right}
.backstage-section--beginning .backstage-copy{margin-left:auto}
.backstage-bigline{display:block;margin-top:2em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.4rem,5vw,5.2rem);font-weight:400;line-height:1;text-transform:uppercase;color:#fff}
.backstage-section--join{background:linear-gradient(180deg,#070707,#050505)}
.backstage-join{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1fr);gap:clamp(50px,8vw,120px);align-items:start}
.backstage-join__form,.fanarea-welcome,.fanarea-letter,.fanarea-coming{padding:clamp(28px,4vw,54px);border:1px solid #282828;background:rgba(12,12,12,.9)}
.cb-backstage-register,.cb-access-form{display:grid;gap:14px}
.cb-backstage-register label,.cb-access-form label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:#ddd}
.cb-backstage-register input[type=text],.cb-backstage-register input[type=email],.cb-access-form input[type=email]{width:100%;padding:15px 0;border:0;border-bottom:1px solid #555;border-radius:0;background:transparent;color:#fff;font:inherit;outline:none}
.cb-backstage-register input:focus,.cb-access-form input:focus{border-color:var(--orange)}
.cb-backstage-register .outline-button,.cb-access-form .outline-button{justify-self:start;margin-top:16px}
.cb-backstage-register small{color:#8d8d8d;line-height:1.6}
.cb-consent{display:flex!important;gap:12px;align-items:flex-start;margin-top:8px;text-transform:none!important;letter-spacing:0!important;line-height:1.5;color:#aaa!important}
.cb-consent input{margin-top:4px}.cb-consent a{color:#fff}
.cb-form-message{margin-bottom:22px;padding:16px 18px;border-left:3px solid var(--orange);background:#16120f;color:#eee;line-height:1.55}
.cb-form-message--success{border-color:#6aa66b;background:#101710}.cb-form-message--error{border-color:#bd4b3d;background:#190f0d}
.backstage-suggestions{display:flex;flex-wrap:wrap;gap:9px;margin:-8px 0 25px}
.backstage-suggestions button{padding:9px 13px;border:1px solid #454545;border-radius:999px;background:transparent;color:#eee;cursor:pointer}
.backstage-suggestions button:hover{border-color:var(--orange);color:var(--orange)}
.backstage-returning{margin-top:30px;padding-top:20px;border-top:1px solid #292929}.backstage-returning summary{cursor:pointer;color:#ddd}
.backstage-returning form{margin-top:20px}
.login-panel .cb-access-form{margin:22px 0}.login-panel .cb-access-form .outline-button{width:100%;justify-content:center}
.fanarea-hero{position:relative;min-height:72svh;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid #252525}
.fanarea-hero__content{padding-bottom:75px}.fanarea-hero h1{font-size:clamp(3.8rem,9vw,8.5rem)}
.fanarea-content{width:min(920px,calc(100% - 48px));margin:0 auto;padding:10vh 0 14vh}
.fanarea-content>*+*{margin-top:70px}.fanarea-welcome{border-color:rgba(255,91,0,.45)}
.fanarea-letter blockquote{margin:2em 0;padding-left:24px;border-left:3px solid var(--orange);font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.45}
.fanarea-letter footer{margin-top:34px;font-weight:700}.fanarea-quiet{margin-top:30px!important;color:#fff!important;font-weight:700}
.fanarea-logout{display:inline-block;color:#aaa;text-decoration:none;border-bottom:1px solid #555;padding-bottom:6px}.fanarea-logout:hover{color:#fff;border-color:var(--orange)}
@media(max-width:800px){
 .backstage-hero{min-height:82svh}.backstage-hero__wall,.fanarea-hero__wall{background-position:58% center}
 .backstage-hero__afterglow{right:-28vw;width:105vw;height:78%;opacity:.58}
 .backstage-hero__light-seam{right:17vw;height:59%;opacity:.62}
 .backstage-hero__floor-light{right:-30vw;width:105vw;opacity:.56}
 .backstage-hero__content,.fanarea-hero__content{width:calc(100% - 36px);padding:130px 0 58px}
 .backstage-hero h1,.fanarea-hero h1{font-size:clamp(3.4rem,17vw,6rem)}
 .backstage-section{padding:85px 18px}.backstage-section--beginning{text-align:left}
 .backstage-join{grid-template-columns:1fr;gap:35px}.backstage-join__form{padding:25px 18px}
 .fanarea-content{width:calc(100% - 36px);padding:75px 0 100px}.fanarea-content>*+*{margin-top:45px}
 .fanarea-welcome,.fanarea-letter,.fanarea-coming{padding:28px 20px}
}


/* v6.5.1 – Backstage is suggested by light behind THE WALL; no literal door graphic. */
@media (prefers-reduced-motion:reduce){.backstage-hero__afterglow{animation:none}}

/* v6.5.2 – Interaction repair.
   The desktop CTA hit areas must stay above the positioned Wall artwork. */
.cbw-front-page .hotspot--cta-news,
.cbw-front-page .hotspot--cta-fan,
.cbw-front-page .hotspot--scroll{
  z-index:8;
  pointer-events:auto;
}
.cbw-front-page .cb-preview-player,
.cbw-front-page .cb-preview-player__play,
.cbw-front-page .cb-preview-player__track{
  position:relative;
  z-index:2;
  pointer-events:auto;
}

/* v6.5.3 – Exact desktop image-map positioning for the baked-in hero controls.
   JS maps these hit areas to the actually rendered (cover-cropped) Wall artwork. */
@media (min-width:801px){
  .cbw-front-page .js-art-hotspot{
    z-index:30!important;
    pointer-events:auto!important;
    touch-action:manipulation;
  }
  .cbw-front-page .hero__art,
  .cbw-front-page .hero__art img{
    pointer-events:none!important;
  }
}


/* Build 6.6.0 — The presence behind THE WALL.
   No visible door: only a restrained seam of warm light, floor spill,
   dust and a very rare passing shadow. */
.hero__backstage-presence{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;opacity:1}
.hero__backstage-seam{position:absolute;left:67.1%;top:22%;width:clamp(1px,.10vw,2px);height:51%;opacity:0;background:linear-gradient(180deg,transparent 0,rgba(255,198,126,.22) 9%,rgba(255,139,45,.72) 40%,rgba(255,96,12,.40) 82%,transparent 100%);box-shadow:0 0 5px rgba(255,121,24,.35),0 0 18px rgba(255,95,0,.14);filter:blur(.15px);transform:scaleY(.92);transform-origin:center bottom}
.hero__backstage-floorlight{position:absolute;left:57.5%;top:67%;width:23%;height:19%;opacity:0;background:radial-gradient(ellipse at 50% 3%,rgba(255,173,84,.29) 0,rgba(255,101,20,.11) 30%,rgba(255,91,0,.035) 51%,transparent 72%);filter:blur(13px);transform:perspective(320px) rotateX(65deg) scaleX(.56);transform-origin:center top;mix-blend-mode:screen}
.hero__backstage-dust{position:absolute;left:59%;top:35%;width:17%;height:39%;opacity:0;background-image:radial-gradient(circle at 14% 15%,rgba(255,231,199,.38) 0 1px,transparent 1.6px),radial-gradient(circle at 70% 25%,rgba(255,226,185,.31) 0 1px,transparent 1.5px),radial-gradient(circle at 43% 48%,rgba(255,222,177,.25) 0 .8px,transparent 1.4px),radial-gradient(circle at 82% 65%,rgba(255,226,187,.28) 0 1px,transparent 1.5px),radial-gradient(circle at 28% 77%,rgba(255,231,198,.22) 0 .8px,transparent 1.3px);background-size:91px 87px,137px 103px,113px 149px,149px 121px,101px 133px;filter:blur(.15px);transform:translate3d(0,8px,0)}
.hero__backstage-shadow{position:absolute;left:62%;top:27%;width:11%;height:47%;opacity:0;background:radial-gradient(ellipse at 50% 38%,rgba(0,0,0,.76) 0 19%,rgba(0,0,0,.52) 33%,transparent 68%);filter:blur(10px);transform:translate3d(-170%,0,0) scaleX(.72)}
.hero.is-backstage-awake .hero__backstage-seam{animation:cbwBackstageSeam 18s ease-in-out forwards}
.hero.is-backstage-awake .hero__backstage-floorlight{animation:cbwBackstageFloor 19s ease-in-out forwards}
.hero.is-backstage-awake .hero__backstage-dust{animation:cbwBackstageDust 24s ease-in-out forwards}
.hero.is-backstage-breathing .hero__backstage-seam{animation:cbwBackstageBreathe 14s ease-in-out}
.hero.is-backstage-breathing .hero__backstage-floorlight{animation:cbwBackstageFloorBreathe 14s ease-in-out}
.hero.is-shadow-passing .hero__backstage-shadow{animation:cbwBackstageShadow 4.8s cubic-bezier(.3,.05,.7,.95)}
@keyframes cbwBackstageSeam{0%,10%{opacity:0}34%{opacity:.24}62%{opacity:.52}100%{opacity:.38}}
@keyframes cbwBackstageFloor{0%,15%{opacity:0;transform:perspective(320px) rotateX(65deg) scaleX(.40)}46%{opacity:.31}100%{opacity:.19;transform:perspective(320px) rotateX(65deg) scaleX(.56)}}
@keyframes cbwBackstageDust{0%,28%{opacity:0;transform:translate3d(0,8px,0)}48%{opacity:.23}100%{opacity:.12;transform:translate3d(5px,-7px,0)}}
@keyframes cbwBackstageBreathe{0%,100%{opacity:.38}45%{opacity:.53}70%{opacity:.31}}
@keyframes cbwBackstageFloorBreathe{0%,100%{opacity:.19}45%{opacity:.27}70%{opacity:.14}}
@keyframes cbwBackstageShadow{0%{opacity:0;transform:translate3d(-170%,0,0) scaleX(.72)}18%{opacity:.05}46%{opacity:.16}74%{opacity:.05}100%{opacity:0;transform:translate3d(190%,0,0) scaleX(.82)}}
@media(max-width:1100px){.hero__backstage-seam{left:68%;top:24%;height:47%}.hero__backstage-floorlight{left:58%;top:67%;width:25%}.hero__backstage-dust{left:60%;width:18%}}
@media(max-width:800px){.hero__backstage-seam{left:68.5%;top:19%;height:44%;opacity:0}.hero__backstage-floorlight{left:55%;top:58%;width:31%;height:16%}.hero__backstage-dust{left:57%;top:31%;width:25%;height:31%}.hero__backstage-shadow{display:none}}
@media(prefers-reduced-motion:reduce){.hero__backstage-shadow,.hero__backstage-dust{display:none}.hero__backstage-seam{opacity:.30!important;animation:none!important}.hero__backstage-floorlight{opacity:.14!important;animation:none!important}}

/* Build 6.6.1 — VERSION 1: LIGHT ONLY.
   Deliberately more visible for placement testing. No fog, dust, shadow or sound. */
.hero__living-fog,
.hero__backstage-dust,
.hero__backstage-shadow{display:none!important}
.hero__backstage-presence{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none;opacity:1}
.hero__backstage-seam{
  position:absolute;
  left:66.9%;
  top:20%;
  width:3px;
  height:54%;
  opacity:0;
  background:linear-gradient(180deg,transparent 0%,rgba(255,223,177,.72) 10%,rgba(255,169,76,1) 38%,rgba(255,100,18,.88) 82%,transparent 100%);
  box-shadow:0 0 8px rgba(255,190,100,.95),0 0 26px rgba(255,111,19,.72),0 0 58px rgba(255,80,0,.38);
  filter:blur(.15px);
  transform:scaleY(.96);
  transform-origin:center bottom;
  transition:opacity 2.8s ease,filter 2.8s ease;
}
.hero__backstage-floorlight{
  position:absolute;
  left:54.5%;
  top:66.5%;
  width:29%;
  height:23%;
  opacity:0;
  background:radial-gradient(ellipse at 50% 2%,rgba(255,205,137,.58) 0%,rgba(255,127,34,.30) 27%,rgba(255,91,0,.10) 50%,transparent 73%);
  filter:blur(15px);
  transform:perspective(330px) rotateX(65deg) scaleX(.62);
  transform-origin:center top;
  mix-blend-mode:screen;
  transition:opacity 3.2s ease;
}
.hero.is-backstage-light-on .hero__backstage-seam{opacity:.82!important;animation:none!important}
.hero.is-backstage-light-on .hero__backstage-floorlight{opacity:.60!important;animation:none!important}
@media(max-width:1100px){
  .hero__backstage-seam{left:67.8%;top:21%;height:50%}
  .hero__backstage-floorlight{left:53%;top:65%;width:32%}
}
@media(max-width:800px){
  .hero__backstage-seam{left:68.4%;top:18%;height:45%;width:2px}
  .hero__backstage-floorlight{left:50%;top:58%;width:39%;height:19%}
}
@media(prefers-reduced-motion:reduce){
  .hero__backstage-seam,.hero__backstage-floorlight{transition:none!important}
  .hero.is-backstage-light-on .hero__backstage-seam{opacity:.82!important}
  .hero.is-backstage-light-on .hero__backstage-floorlight{opacity:.60!important}
}

/* Build 6.6.2 — VERSION 2: a passing presence interrupts only the lower light.
   The bright seam remains steady; a soft, irregular shadow crosses the floor spill. */
.hero__backstage-shadow{
  display:block!important;
  position:absolute;
  left:51%;
  top:67.5%;
  width:10%;
  height:17%;
  z-index:2;
  opacity:0;
  pointer-events:none;
  background:radial-gradient(ellipse at 50% 38%,rgba(0,0,0,.74) 0%,rgba(0,0,0,.56) 25%,rgba(0,0,0,.22) 52%,transparent 76%);
  filter:blur(10px);
  transform:translate3d(-135%,0,0) skewX(-7deg) scaleX(.78);
  will-change:transform,opacity;
}
.hero.is-backstage-shadow-passing .hero__backstage-shadow{
  animation:cbwFloorShadowPass var(--cbw-shadow-duration,1.45s) cubic-bezier(.38,.03,.62,.97) both;
}
.hero.is-backstage-shadow-passing.is-shadow-reverse .hero__backstage-shadow{
  animation-name:cbwFloorShadowPassReverse;
}
@keyframes cbwFloorShadowPass{
  0%{opacity:0;transform:translate3d(-135%,0,0) skewX(-7deg) scaleX(.72)}
  18%{opacity:.10}
  42%{opacity:.58;transform:translate3d(105%,1%,0) skewX(-3deg) scaleX(.94)}
  58%{opacity:.62;transform:translate3d(185%,1%,0) skewX(2deg) scaleX(1.02)}
  82%{opacity:.12}
  100%{opacity:0;transform:translate3d(355%,0,0) skewX(7deg) scaleX(.76)}
}
@keyframes cbwFloorShadowPassReverse{
  0%{opacity:0;transform:translate3d(355%,0,0) skewX(7deg) scaleX(.76)}
  18%{opacity:.10}
  42%{opacity:.58;transform:translate3d(185%,1%,0) skewX(2deg) scaleX(1.02)}
  58%{opacity:.62;transform:translate3d(105%,1%,0) skewX(-3deg) scaleX(.94)}
  82%{opacity:.12}
  100%{opacity:0;transform:translate3d(-135%,0,0) skewX(-7deg) scaleX(.72)}
}
@media(max-width:1100px){
  .hero__backstage-shadow{left:49%;top:66.5%;width:12%;height:16%}
}
@media(max-width:800px){
  .hero__backstage-shadow{display:block!important;left:46%;top:59%;width:15%;height:14%;filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){
  .hero__backstage-shadow{display:none!important;animation:none!important}
}

/* Build 6.6.3 — VERSION 3: DEPTH BEHIND THE WALL.
   The wall itself stays dark. Light escapes only through a hairline seam and
   continues as a perspective spill all the way to the bottom edge of the hero. */
.hero__backstage-presence{
  z-index:3;
  isolation:isolate;
}
.hero__backstage-seam{
  left:67.05%;
  top:22%;
  width:2px;
  height:48%;
  background:linear-gradient(180deg,
    transparent 0%,
    rgba(255,216,157,.24) 8%,
    rgba(255,180,92,.76) 34%,
    rgba(255,126,35,.88) 74%,
    rgba(255,103,22,.55) 94%,
    transparent 100%);
  box-shadow:0 0 3px rgba(255,194,112,.72),0 0 10px rgba(255,111,26,.30);
  filter:none;
}
.hero__backstage-floorlight{
  left:42%;
  top:68.2%;
  width:50%;
  height:32%;
  z-index:1;
  background:
    radial-gradient(ellipse at 50% 0%,rgba(255,214,153,.48) 0%,rgba(255,151,58,.26) 20%,rgba(255,94,17,.10) 48%,transparent 76%),
    linear-gradient(180deg,rgba(255,152,57,.14) 0%,rgba(255,91,0,.055) 54%,transparent 100%);
  clip-path:polygon(49.4% 0%,50.6% 0%,91% 100%,8% 100%);
  filter:blur(10px);
  transform:none;
  transform-origin:50% 0;
  mix-blend-mode:screen;
}
.hero.is-backstage-light-on .hero__backstage-seam{opacity:.62!important}
.hero.is-backstage-light-on .hero__backstage-floorlight{opacity:.52!important}
.hero__backstage-shadow{
  left:47%;
  top:75%;
  width:13%;
  height:22%;
  z-index:2;
  background:radial-gradient(ellipse at 50% 48%,rgba(0,0,0,.78) 0%,rgba(0,0,0,.56) 27%,rgba(0,0,0,.20) 56%,transparent 78%);
  filter:blur(11px);
}
@keyframes cbwFloorShadowPass{
  0%{opacity:0;transform:translate3d(-155%,0,0) skewX(-5deg) scaleX(.72)}
  19%{opacity:.08}
  44%{opacity:.52;transform:translate3d(95%,1%,0) skewX(-2deg) scaleX(.95)}
  58%{opacity:.58;transform:translate3d(180%,1%,0) skewX(2deg) scaleX(1.02)}
  82%{opacity:.10}
  100%{opacity:0;transform:translate3d(385%,0,0) skewX(6deg) scaleX(.76)}
}
@keyframes cbwFloorShadowPassReverse{
  0%{opacity:0;transform:translate3d(385%,0,0) skewX(6deg) scaleX(.76)}
  19%{opacity:.08}
  44%{opacity:.52;transform:translate3d(180%,1%,0) skewX(2deg) scaleX(1.02)}
  58%{opacity:.58;transform:translate3d(95%,1%,0) skewX(-2deg) scaleX(.95)}
  82%{opacity:.10}
  100%{opacity:0;transform:translate3d(-155%,0,0) skewX(-5deg) scaleX(.72)}
}
@media(max-width:1100px){
  .hero__backstage-seam{left:67.85%;top:22%;height:47%}
  .hero__backstage-floorlight{left:39%;top:67%;width:57%;height:33%}
  .hero__backstage-shadow{left:44%;top:74%;width:15%;height:23%}
}
@media(max-width:800px){
  .hero__backstage-seam{left:68.45%;top:20%;height:43%;width:2px}
  .hero__backstage-floorlight{left:31%;top:61.5%;width:72%;height:38.5%;filter:blur(9px);clip-path:polygon(49.2% 0%,50.8% 0%,94% 100%,5% 100%)}
  .hero__backstage-shadow{left:38%;top:72%;width:20%;height:25%;filter:blur(9px)}
}


/* Build 7.0.0 — GROUND ZERO.
   Artwork remains untouched. The light begins at the wall/ground line,
   is revealed by low fog and breaks softly across the uneven paving. */
.hero__backstage-presence{
  z-index:3;
  overflow:hidden;
  isolation:isolate;
}

/* Version 7 starts without movement: first the space and the light must work. */
.hero__backstage-dust,
.hero__backstage-shadow{display:none!important;animation:none!important}

/* Only a tiny hint of the source remains at ground level. */
.hero__backstage-seam{
  left:67.05%;
  top:68.1%;
  width:2px;
  height:3.8%;
  border-radius:50%;
  background:linear-gradient(180deg,transparent 0%,rgba(255,209,147,.52) 35%,rgba(255,137,42,.80) 76%,transparent 100%);
  box-shadow:0 0 3px rgba(255,190,105,.54),0 0 9px rgba(255,104,20,.20);
  filter:blur(.25px);
}

/* Compact, asymmetric and deliberately non-geometric floor spill. */
.hero__backstage-floorlight{
  left:55.4%;
  top:70.9%;
  width:25.5%;
  height:19.5%;
  z-index:1;
  border-radius:43% 57% 55% 45% / 18% 22% 78% 82%;
  background:
    radial-gradient(ellipse at 50% 3%,rgba(255,220,166,.44) 0 3%,rgba(255,168,82,.27) 16%,rgba(255,107,25,.105) 43%,transparent 75%),
    radial-gradient(ellipse at 37% 58%,rgba(255,134,46,.080),transparent 59%),
    radial-gradient(ellipse at 68% 74%,rgba(255,92,10,.050),transparent 56%),
    repeating-linear-gradient(97deg,transparent 0 12%,rgba(0,0,0,.16) 13% 14.5%,transparent 16% 25%);
  clip-path:polygon(46.5% 0%,53.5% 0%,72% 23%,89% 58%,94% 100%,10% 100%,15% 69%,29% 31%);
  filter:blur(15px);
  transform:rotate(-1.1deg) skewX(-1.8deg);
  transform-origin:50% 0;
  mix-blend-mode:screen;
}

/* Low cold mist: almost invisible until the warm light catches it. */
.hero__backstage-presence::before{
  content:"";
  position:absolute;
  left:50.5%;
  top:69.8%;
  width:35%;
  height:10.5%;
  z-index:2;
  pointer-events:none;
  opacity:0;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 48% 58%,rgba(226,224,216,.105) 0%,rgba(207,207,205,.050) 39%,transparent 73%),
    radial-gradient(ellipse at 66% 55%,rgba(255,171,93,.080),transparent 62%);
  filter:blur(15px);
  transform:rotate(-1deg);
  transition:opacity 3.2s ease 1.3s;
}

/* Subtle broken highlights suggest uneven, damp paving without repainting it. */
.hero__backstage-presence::after{
  content:"";
  position:absolute;
  left:57.3%;
  top:76.6%;
  width:20.5%;
  height:10%;
  z-index:2;
  pointer-events:none;
  opacity:0;
  border-radius:44%;
  background:
    radial-gradient(ellipse at 18% 28%,rgba(255,191,113,.13) 0 5%,transparent 13%),
    radial-gradient(ellipse at 42% 55%,rgba(255,174,91,.11) 0 6%,transparent 15%),
    radial-gradient(ellipse at 67% 31%,rgba(255,203,135,.09) 0 4%,transparent 12%),
    radial-gradient(ellipse at 83% 70%,rgba(255,149,60,.08) 0 5%,transparent 15%),
    linear-gradient(96deg,transparent 0 20%,rgba(0,0,0,.20) 22% 24%,transparent 26% 52%,rgba(0,0,0,.17) 54% 56%,transparent 58%);
  filter:blur(2.8px);
  transform:rotate(-1.2deg);
  mix-blend-mode:screen;
  transition:opacity 3.5s ease 1.7s;
}

.hero.is-backstage-light-on .hero__backstage-seam{opacity:.58!important}
.hero.is-backstage-light-on .hero__backstage-floorlight{opacity:.44!important}
.hero.is-backstage-light-on .hero__backstage-presence::before{opacity:.46}
.hero.is-backstage-light-on .hero__backstage-presence::after{opacity:.34}

@media(max-width:1100px){
  .hero__backstage-seam{left:67.85%;top:67.8%;height:3.6%}
  .hero__backstage-floorlight{left:53.5%;top:70.3%;width:29%;height:20%}
  .hero__backstage-presence::before{left:48%;top:69.5%;width:40%}
  .hero__backstage-presence::after{left:55%;top:76.4%;width:24%}
}
@media(max-width:800px){
  .hero__backstage-seam{left:68.45%;top:62.2%;height:3.4%;width:2px}
  .hero__backstage-floorlight{left:50%;top:64.4%;width:36%;height:17%;filter:blur(13px);clip-path:polygon(46% 0,54% 0,72% 27%,90% 67%,94% 100%,8% 100%,16% 64%,31% 27%)}
  .hero__backstage-presence::before{left:45%;top:63.6%;width:47%;height:9%}
  .hero__backstage-presence::after{left:52%;top:70%;width:31%;height:9%}
}
@media(prefers-reduced-motion:reduce){
  .hero__backstage-presence::before,.hero__backstage-presence::after{transition:none}
}

/* v7.0.1 — ORIGINAL ARTWORK
   THE WALL is shown exactly as supplied: no light, fog, shadow, overlays,
   filters, zoom or breathing animation in the homepage hero. */
.hero__art{
  transform:none!important;
  animation:none!important;
  filter:none!important;
}
.hero__art img{
  filter:none!important;
}
.hero__shade,
.hero__warm-light,
.hero__cold-light,
.hero__fog,
.hero__living-fog,
.hero__backstage-presence{
  display:none!important;
}


/* v7.0.5 — VISIBLE TWO-LAYER FLOOR FOG
   Original artwork remains untouched. The movement is applied to distinct
   fog banks inside the layer, so it is actually visible instead of moving
   one nearly uniform haze by only a few pixels. */
.hero__subtle-fog{
  position:absolute;
  left:-12%;
  width:124%;
  bottom:0;
  pointer-events:none;
  overflow:hidden;
  z-index:2;
  isolation:isolate;
}
.hero__subtle-fog::before,
.hero__subtle-fog::after{
  content:"";
  position:absolute;
  display:block;
  width:112%;
  left:-6%;
  bottom:-18%;
  border-radius:50%;
  background-repeat:no-repeat;
  will-change:transform,opacity;
}
.hero__subtle-fog--back{
  height:24%;
  opacity:1;
  filter:blur(15px);
}
.hero__subtle-fog--back::before{
  height:118%;
  opacity:.34;
  background:
    radial-gradient(ellipse 18% 42% at 8% 71%,rgba(235,238,239,.72) 0%,rgba(215,220,222,.30) 34%,transparent 72%),
    radial-gradient(ellipse 24% 48% at 31% 80%,rgba(229,233,235,.60) 0%,rgba(207,213,216,.24) 38%,transparent 74%),
    radial-gradient(ellipse 21% 44% at 61% 68%,rgba(232,235,237,.65) 0%,rgba(210,216,219,.24) 37%,transparent 73%),
    radial-gradient(ellipse 25% 50% at 91% 79%,rgba(235,238,239,.64) 0%,rgba(211,217,220,.25) 36%,transparent 72%);
  animation:cbwFogBankLeft 18s ease-in-out infinite alternate;
}
.hero__subtle-fog--back::after{
  height:88%;
  bottom:-28%;
  opacity:.24;
  background:
    radial-gradient(ellipse 30% 55% at 18% 70%,rgba(230,234,236,.70),transparent 70%),
    radial-gradient(ellipse 28% 52% at 53% 80%,rgba(228,232,234,.66),transparent 70%),
    radial-gradient(ellipse 31% 56% at 84% 69%,rgba(231,235,237,.68),transparent 70%);
  animation:cbwFogBankLeftSoft 27s ease-in-out infinite alternate;
}
.hero__subtle-fog--front{
  height:19%;
  z-index:3;
  opacity:1;
  filter:blur(9px);
}
.hero__subtle-fog--front::before{
  height:110%;
  opacity:.25;
  background:
    radial-gradient(ellipse 17% 43% at 12% 78%,rgba(242,244,245,.78) 0%,rgba(219,224,226,.29) 34%,transparent 70%),
    radial-gradient(ellipse 20% 48% at 42% 68%,rgba(238,241,242,.68) 0%,rgba(216,221,223,.24) 35%,transparent 72%),
    radial-gradient(ellipse 18% 44% at 72% 82%,rgba(240,242,243,.70) 0%,rgba(218,223,225,.25) 35%,transparent 71%),
    radial-gradient(ellipse 20% 47% at 98% 70%,rgba(239,242,243,.66) 0%,rgba(216,221,223,.23) 35%,transparent 70%);
  animation:cbwFogBankRight 14s ease-in-out infinite alternate;
}
.hero__subtle-fog--front::after{
  height:70%;
  bottom:-30%;
  opacity:.18;
  background:linear-gradient(90deg,transparent 0%,rgba(230,234,236,.58) 16%,transparent 34%,rgba(232,236,238,.55) 53%,transparent 71%,rgba(231,235,237,.52) 88%,transparent 100%);
  animation:cbwFogBankRightSoft 22s ease-in-out infinite alternate;
}
@keyframes cbwFogBankLeft{
  0%{transform:translate3d(5.5%,2px,0) scaleX(1.02);opacity:.25}
  48%{transform:translate3d(0,-5px,0) scaleX(1.08);opacity:.39}
  100%{transform:translate3d(-6.5%,1px,0) scaleX(1.03);opacity:.28}
}
@keyframes cbwFogBankLeftSoft{
  0%{transform:translate3d(3%,0,0) scaleX(1.06);opacity:.18}
  100%{transform:translate3d(-4%, -3px,0) scaleX(.98);opacity:.29}
}
@keyframes cbwFogBankRight{
  0%{transform:translate3d(-5.5%,1px,0) scaleX(1.02);opacity:.18}
  52%{transform:translate3d(0,-4px,0) scaleX(1.07);opacity:.30}
  100%{transform:translate3d(6.5%,2px,0) scaleX(1.01);opacity:.21}
}
@keyframes cbwFogBankRightSoft{
  0%{transform:translate3d(-3.5%,0,0) scaleX(.99);opacity:.14}
  100%{transform:translate3d(4.5%,-2px,0) scaleX(1.07);opacity:.24}
}
@media(max-width:1100px){
  .hero__subtle-fog--back{height:22%}
  .hero__subtle-fog--front{height:18%}
}
@media(max-width:700px){
  .hero__subtle-fog{left:-22%;width:144%}
  .hero__subtle-fog--back{height:19%;filter:blur(12px)}
  .hero__subtle-fog--front{height:16%;filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){
  .hero__subtle-fog::before,.hero__subtle-fog::after{animation:none!important}
}

/* v7.0.6 — WALL-FOG POSITION FIX
   The two animated fog strips now sit directly at the foot of THE WALL,
   around the existing fog band in the original artwork. Nothing is placed
   near the scroll control and the artwork itself remains unchanged. */
.hero__subtle-fog{
  top:67.2%!important;
  bottom:auto!important;
  height:13.5%!important;
  left:-10%!important;
  width:120%!important;
  overflow:hidden!important;
  z-index:2!important;
}
.hero__subtle-fog--back{
  top:66.4%!important;
  height:15.5%!important;
  filter:blur(13px)!important;
}
.hero__subtle-fog--front{
  top:68.1%!important;
  height:11.5%!important;
  filter:blur(8px)!important;
  z-index:3!important;
}
.hero__subtle-fog::before,
.hero__subtle-fog::after{
  bottom:0!important;
}
.hero__subtle-fog--back::before{
  height:110%!important;
  bottom:-18%!important;
  opacity:.28!important;
}
.hero__subtle-fog--back::after{
  height:82%!important;
  bottom:-26%!important;
  opacity:.20!important;
}
.hero__subtle-fog--front::before{
  height:105%!important;
  bottom:-20%!important;
  opacity:.21!important;
}
.hero__subtle-fog--front::after{
  height:68%!important;
  bottom:-29%!important;
  opacity:.14!important;
}
@media(max-width:1100px){
  .hero__subtle-fog--back{top:66.8%!important;height:14.5%!important}
  .hero__subtle-fog--front{top:68.2%!important;height:11%!important}
}
@media(max-width:700px){
  .hero__subtle-fog{left:-18%!important;width:136%!important}
  .hero__subtle-fog--back{top:61.7%!important;height:13.5%!important}
  .hero__subtle-fog--front{top:63.1%!important;height:10.5%!important}
}

/* v7.0.7 — CURVED WALL-FOG
   Removes the artificial horizontal fog edge. The fog follows the perspective
   arc at the foot of THE WALL and begins on / slightly below that seam. */
.hero__subtle-fog{
  top:61.5%!important;
  bottom:auto!important;
  height:29%!important;
  left:-15%!important;
  width:130%!important;
  overflow:visible!important;
  transform:rotate(2.15deg)!important;
  transform-origin:50% 100%!important;
  -webkit-mask-image:radial-gradient(ellipse 96% 95% at 48% 100%,#000 0 61%,rgba(0,0,0,.96) 69%,rgba(0,0,0,.58) 77%,transparent 89%);
  mask-image:radial-gradient(ellipse 96% 95% at 48% 100%,#000 0 61%,rgba(0,0,0,.96) 69%,rgba(0,0,0,.58) 77%,transparent 89%);
}
.hero__subtle-fog--back{
  top:60.2%!important;
  height:31%!important;
  filter:blur(15px)!important;
  opacity:.82!important;
}
.hero__subtle-fog--front{
  top:63.2%!important;
  height:24%!important;
  filter:blur(9px)!important;
  opacity:.72!important;
}
.hero__subtle-fog::before,
.hero__subtle-fog::after{
  bottom:-3%!important;
}
.hero__subtle-fog--back::before{
  height:105%!important;
  bottom:-10%!important;
  opacity:.25!important;
}
.hero__subtle-fog--back::after{
  height:78%!important;
  bottom:-16%!important;
  opacity:.17!important;
}
.hero__subtle-fog--front::before{
  height:92%!important;
  bottom:-12%!important;
  opacity:.18!important;
}
.hero__subtle-fog--front::after{
  height:62%!important;
  bottom:-18%!important;
  opacity:.11!important;
}
@media(max-width:1100px){
  .hero__subtle-fog{
    top:60.8%!important;
    height:28%!important;
    transform:rotate(2deg)!important;
  }
  .hero__subtle-fog--back{top:60%!important;height:29%!important}
  .hero__subtle-fog--front{top:62.6%!important;height:23%!important}
}
@media(max-width:700px){
  .hero__subtle-fog{
    top:57.5%!important;
    left:-24%!important;
    width:148%!important;
    height:26%!important;
    transform:rotate(1.5deg)!important;
    -webkit-mask-image:radial-gradient(ellipse 104% 96% at 46% 100%,#000 0 58%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.5) 78%,transparent 90%);
    mask-image:radial-gradient(ellipse 104% 96% at 46% 100%,#000 0 58%,rgba(0,0,0,.92) 68%,rgba(0,0,0,.5) 78%,transparent 90%);
  }
  .hero__subtle-fog--back{top:57%!important;height:27%!important}
  .hero__subtle-fog--front{top:59.2%!important;height:22%!important}
}


/* v7.1.0 — ATMOSPHERE FINAL: LIVING FOG AT THE WALL FOOT
   The original artwork stays untouched. A transparent canvas renders only
   soft fog pockets along the accepted descending foot line of THE WALL.
   There are no rectangular image edges; each pocket fades organically into
   the pavement and moves independently with long pauses and tiny gusts. */
.hero__subtle-fog,
.hero__wall-fog-island{display:none!important}
.hero__wall-fog{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
  isolation:isolate;
}
.hero__wall-fog-canvas{
  display:block;
  width:100%;
  height:100%;
  opacity:.82;
  mix-blend-mode:screen;
  filter:blur(.25px);
}
@media(max-width:1100px){
  .hero__wall-fog-canvas{opacity:.72}
}
@media(max-width:700px){
  .hero__wall-fog-canvas{opacity:.60}
}
@media(prefers-reduced-motion:reduce){
  .hero__wall-fog-canvas{opacity:.64}
}


/* v7.2.1 — AIR DUST: visible calibration pass */
.hero__air-dust-canvas{
  position:absolute;
  inset:0;
  z-index:4;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:.92;
  mix-blend-mode:screen;
}
@media(max-width:700px){
  .hero__air-dust-canvas{opacity:.82}
}
@media(prefers-reduced-motion:reduce){
  .hero__air-dust-canvas{opacity:.55}
}

/* v7.2.3 — HERO → MUSIC compatibility pass
   No artwork, fog or dust values are changed here. This block only makes the
   first section boundary and viewport sizing reliable across current Safari,
   Firefox, Chromium and older browsers that do not understand svh units. */
.cbw-front-page #main-content,
body.home #main-content{
  position:relative;
  display:block;
  isolation:isolate;
  overflow:clip;
}
.cbw-front-page .hero,
body.home .hero{
  height:100vh;
  height:100svh;
  width:100%;
  margin:0;
}
.cbw-front-page .music-stage,
body.home .music-stage{
  position:relative;
  z-index:1;
  width:100%;
  margin:0;
  scroll-margin-top:0;
  clear:both;
}
@supports not (overflow:clip){
  .cbw-front-page #main-content,
  body.home #main-content{overflow:hidden}
}
@supports (-webkit-backdrop-filter:blur(1px)){
  .hero-header.is-scrolled::before{-webkit-backdrop-filter:blur(14px)}
}
@media(max-width:800px){
  .cbw-front-page .hero,
  body.home .hero{
    height:100vh;
    height:100svh;
  }
}
@media(prefers-reduced-motion:reduce){
  .cbw-front-page #music,
  body.home #music{scroll-margin-top:0}
}


/* v7.3.3 — PHASE 1 / ANGLED TRUE-EDGE RIM LIGHT
   A transparent canvas follows the real upper edge of THE WALL. It paints
   only into the sky above the masonry; artwork, approved fog and dust remain
   untouched. The calibration is deliberately visible on desktop. */
.hero__wall-backlight-canvas{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  background:transparent;
  opacity:1;
  mix-blend-mode:screen;
}
@media(max-width:1100px){
  .hero__wall-backlight-canvas{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero__wall-backlight-canvas{opacity:.78}
}

/* v7.4.0 — Chaosbreaker Atmosphere Engine */
.hero-header,
.cbw-inner-page .hero-header--inner{
  grid-template-columns:minmax(110px,1fr) auto auto auto!important;
  column-gap:clamp(18px,2.2vw,38px)!important;
}
.atmosphere-toggle{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  padding:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  background:rgba(255,255,255,.025);
  color:#d8d8d8;
  font-size:1rem;
  line-height:1;
  cursor:pointer;
  pointer-events:auto;
  transition:border-color .25s ease,background .25s ease,transform .25s ease,opacity .25s ease;
}
.atmosphere-toggle:hover{border-color:rgba(255,91,0,.55);background:rgba(255,91,0,.07)}
.atmosphere-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.atmosphere-toggle:active{transform:scale(.94)}
.atmosphere-toggle__on{display:none}
.atmosphere-toggle[aria-pressed="true"] .atmosphere-toggle__off{display:none}
.atmosphere-toggle[aria-pressed="true"] .atmosphere-toggle__on{display:inline}
.atmosphere-toggle.is-unavailable{display:none}
@media(max-width:800px){
  .hero-header,.cbw-inner-page .hero-header--inner{
    grid-template-columns:1fr auto auto auto!important;
    column-gap:14px!important;
  }
  .atmosphere-toggle{width:34px;height:34px;font-size:.9rem}
  .hero-header .hero-nav,.cbw-inner-page .hero-header--inner .hero-nav{margin-right:4px!important}
}

/* v7.4.1 — Atmosphere debug/status confirmation */
.atmosphere-status{position:fixed;z-index:9999;left:18px;bottom:18px;max-width:min(420px,calc(100vw - 36px));padding:10px 13px;border:1px solid rgba(255,91,0,.38);background:rgba(5,5,5,.88);box-shadow:0 8px 28px rgba(0,0,0,.38);color:#e9e6df;font-size:.72rem;line-height:1.35;letter-spacing:.06em;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.atmosphere-status.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:800px){.atmosphere-status{left:12px;bottom:12px;font-size:.68rem}}



/* v7.5.1 — Scene 1: cinematic passage behind THE WALL. */
.backstage-hero{
  --cb-door-width:clamp(24px,2.2vw,38px);
  --cb-door-x:20.5vw;
}
.backstage-hero__light-seam{
  transform-origin:50% 100%;
  will-change:width,opacity,filter,transform;
}
.backstage-hero__door-fog{
  position:absolute;
  z-index:1;
  right:calc(var(--cb-door-x) - 13vw);
  bottom:-2%;
  width:min(34vw,520px);
  height:34%;
  opacity:0;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:blur(22px);
  transform:translate3d(9%,10%,0) scale(.74);
  background:radial-gradient(ellipse at 35% 58%,rgba(230,226,216,.22) 0,rgba(208,198,185,.10) 34%,transparent 70%);
}
.backstage-hero__door-fog--two{
  right:calc(var(--cb-door-x) - 18vw);
  bottom:4%;
  height:24%;
  filter:blur(30px);
  background:radial-gradient(ellipse at 48% 55%,rgba(255,220,185,.14) 0,rgba(221,211,202,.07) 38%,transparent 72%);
}
.backstage-hero.scene-enter .backstage-hero__light-seam{
  animation:cbDoorSeamOpen 1.8s cubic-bezier(.22,.76,.24,1) both,cbDoorLightFlicker 5.8s 1.8s ease-in-out infinite;
}
.backstage-hero.scene-enter .backstage-hero__afterglow{
  animation:cbDoorAfterglowOpen 1.8s cubic-bezier(.22,.76,.24,1) both,cbBackstageGlow 9s 1.8s ease-in-out infinite alternate;
}
.backstage-hero.scene-enter .backstage-hero__floor-light{
  animation:cbDoorFloorOpen 1.8s cubic-bezier(.22,.76,.24,1) both;
}
.backstage-hero.scene-enter .backstage-hero__door-fog--one{
  animation:cbDoorFogOne 3.8s .58s cubic-bezier(.2,.7,.2,1) both;
}
.backstage-hero.scene-enter .backstage-hero__door-fog--two{
  animation:cbDoorFogTwo 4.6s .82s cubic-bezier(.2,.7,.2,1) both;
}
.backstage-hero.scene-enter .backstage-hero__content{
  animation:cbDoorContentReveal 1.25s 1.05s ease both;
}
@keyframes cbDoorSeamOpen{
  0%{width:clamp(2px,.26vw,4px);opacity:.64;filter:blur(.35px);transform:skewX(-.55deg) scaleY(.98)}
  45%{width:clamp(8px,.75vw,14px);opacity:.95;filter:blur(.25px);transform:skewX(-.55deg) scaleY(1)}
  100%{width:var(--cb-door-width);opacity:.94;filter:blur(.15px);transform:skewX(-.55deg) scaleY(1)}
}
@keyframes cbDoorAfterglowOpen{
  0%{opacity:.45;filter:blur(34px);transform:translate3d(2%,0,0) scale(.96)}
  62%{opacity:1;filter:blur(48px);transform:translate3d(-1.8%,.3%,0) scale(1.04)}
  100%{opacity:.84;filter:blur(42px);transform:translate3d(-1%,0,0) scale(1.015)}
}
@keyframes cbDoorFloorOpen{
  0%{opacity:.38;transform:rotate(-3deg) scaleX(.78)}
  65%{opacity:.9;transform:rotate(-3deg) scaleX(1.08)}
  100%{opacity:.7;transform:rotate(-3deg) scaleX(1)}
}
@keyframes cbDoorFogOne{
  0%{opacity:0;transform:translate3d(12%,14%,0) scale(.66)}
  30%{opacity:.34}
  100%{opacity:.08;transform:translate3d(-16%,-8%,0) scale(1.38)}
}
@keyframes cbDoorFogTwo{
  0%{opacity:0;transform:translate3d(14%,10%,0) scale(.7)}
  38%{opacity:.22}
  100%{opacity:.04;transform:translate3d(-24%,-14%,0) scale(1.52)}
}
@keyframes cbDoorContentReveal{
  0%{opacity:.28;transform:translate3d(0,10px,0)}
  100%{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes cbDoorLightFlicker{
  0%,17%,22%,63%,69%,100%{opacity:.93;box-shadow:0 0 18px rgba(255,170,90,.84),0 0 76px rgba(255,120,30,.38),-18px 0 72px rgba(255,91,0,.12)}
  19%,66%{opacity:.77;box-shadow:0 0 12px rgba(255,170,90,.62),0 0 52px rgba(255,120,30,.25),-12px 0 54px rgba(255,91,0,.08)}
}

/* Scene 1 starts before navigation: the wall parts only a little, then the target page loads. */
.cb-backstage-transition{
  position:fixed;
  z-index:100000;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:#050505;
}
.cb-backstage-transition.is-active{opacity:1;visibility:visible}
.cb-backstage-transition__panel{
  position:absolute;
  inset:-4%;
  background-color:#080808;
  background-image:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.42)),url('../images/the-wall-clean.png');
  background-size:cover;
  background-position:center;
  transition:transform 1.55s cubic-bezier(.22,.76,.24,1);
  will-change:transform;
}
.cb-backstage-transition__panel--left{clip-path:polygon(0 0,50.15% 0,49.15% 100%,0 100%)}
.cb-backstage-transition__panel--right{clip-path:polygon(50.15% 0,100% 0,100% 100%,49.15% 100%)}
.cb-backstage-transition__glow{
  position:absolute;
  z-index:-1;
  left:49.2%;
  top:-8%;
  width:3.2%;
  height:116%;
  opacity:0;
  transform:skewX(-.55deg) scaleX(.08);
  background:linear-gradient(180deg,rgba(255,194,132,.04),rgba(255,143,62,.9) 48%,rgba(255,89,16,.72));
  box-shadow:0 0 24px rgba(255,168,88,.9),0 0 110px rgba(255,91,0,.55);
  transition:opacity .5s ease,transform 1.55s cubic-bezier(.22,.76,.24,1);
}
.cb-backstage-transition__fog{
  position:absolute;
  z-index:2;
  left:42%;
  bottom:-12%;
  width:34%;
  height:38%;
  opacity:0;
  filter:blur(26px);
  transform:translate3d(12%,15%,0) scale(.68);
  background:radial-gradient(ellipse,rgba(225,218,209,.22),rgba(255,188,126,.08) 38%,transparent 70%);
}
.cb-backstage-transition.is-opening .cb-backstage-transition__panel--left{transform:translate3d(-1.35%,0,0)}
.cb-backstage-transition.is-opening .cb-backstage-transition__panel--right{transform:translate3d(1.35%,0,0)}
.cb-backstage-transition.is-opening .cb-backstage-transition__glow{opacity:1;transform:skewX(-.55deg) scaleX(1)}
.cb-backstage-transition.is-opening .cb-backstage-transition__fog{animation:cbTransitionFog 1.65s .35s ease-out both}
@keyframes cbTransitionFog{
  0%{opacity:0;transform:translate3d(12%,15%,0) scale(.68)}
  45%{opacity:.28}
  100%{opacity:.08;transform:translate3d(-8%,-6%,0) scale(1.32)}
}
body.cb-backstage-leaving{overflow:hidden}
body.cb-backstage-leaving>*:not(.cb-backstage-transition){filter:brightness(.68)}

@media(max-width:800px){
  .backstage-hero{--cb-door-x:17vw;--cb-door-width:clamp(18px,5vw,28px)}
  .backstage-hero__door-fog{right:calc(var(--cb-door-x) - 32vw);width:80vw}
  .cb-backstage-transition__glow{left:48.7%;width:5.5%}
}
@media(prefers-reduced-motion:reduce){
  .backstage-hero.scene-enter .backstage-hero__light-seam,
  .backstage-hero.scene-enter .backstage-hero__afterglow,
  .backstage-hero.scene-enter .backstage-hero__floor-light,
  .backstage-hero.scene-enter .backstage-hero__door-fog,
  .backstage-hero.scene-enter .backstage-hero__content{animation:none!important}
  .cb-backstage-transition__panel,.cb-backstage-transition__glow{transition:none!important}
}

/* v7.5.2 — Scene 1 optical correction: a true opening, with eclipse-like returning light. */
.backstage-hero__aperture{
  position:absolute;
  z-index:1;
  right:calc(var(--cb-door-x) - (var(--cb-door-width) * .5));
  bottom:0;
  width:var(--cb-door-width);
  height:68%;
  opacity:0;
  pointer-events:none;
  transform:skewX(-.55deg) scaleX(.06);
  transform-origin:50% 100%;
  background:
    radial-gradient(ellipse at 50% 58%,rgba(255,196,126,.20) 0,rgba(88,42,18,.20) 26%,rgba(7,7,7,.98) 67%),
    #050505;
  box-shadow:inset 0 0 22px rgba(0,0,0,.96);
  will-change:transform,opacity;
}
.backstage-hero.scene-enter .backstage-hero__aperture{
  animation:cbDoorApertureOpen 1.8s cubic-bezier(.22,.76,.24,1) both;
}
@keyframes cbDoorApertureOpen{
  0%{opacity:0;transform:skewX(-.55deg) scaleX(.03)}
  22%{opacity:1}
  100%{opacity:1;transform:skewX(-.55deg) scaleX(1)}
}
/* The light is no longer a flat strip: first a tiny diamond-ring bead, then a breathing corona. */
.backstage-hero__light-seam{
  z-index:2;
  background:
    radial-gradient(circle at 52% 43%,rgba(255,250,225,1) 0 2%,rgba(255,213,146,.98) 4%,rgba(255,138,55,.58) 13%,transparent 29%),
    linear-gradient(180deg,transparent 0,rgba(255,202,139,.12) 19%,rgba(255,169,88,.64) 48%,rgba(255,103,27,.78) 88%,rgba(255,78,8,.46) 100%);
}
.backstage-hero.scene-enter .backstage-hero__light-seam{
  animation:cbDoorEclipseReturn 2.4s cubic-bezier(.18,.78,.2,1) both,cbDoorCoronaBreathe 7.6s 2.4s ease-in-out infinite;
}
@keyframes cbDoorEclipseReturn{
  0%{width:2px;opacity:.12;filter:blur(.9px);transform:skewX(-.55deg) scaleY(.96);box-shadow:none}
  22%{width:3px;opacity:.48;box-shadow:0 0 7px rgba(255,241,208,.62)}
  38%{width:6px;opacity:1;filter:blur(.1px);box-shadow:0 0 12px rgba(255,244,214,.98),0 0 34px rgba(255,184,100,.82),0 0 92px rgba(255,105,28,.44)}
  58%{width:clamp(12px,1.05vw,20px);opacity:.96;box-shadow:0 0 18px rgba(255,230,190,.92),0 0 64px rgba(255,151,65,.65),0 0 150px rgba(255,91,0,.34)}
  100%{width:var(--cb-door-width);opacity:.82;filter:blur(.25px);transform:skewX(-.55deg) scaleY(1);box-shadow:0 0 14px rgba(255,218,170,.68),0 0 58px rgba(255,139,55,.42),0 0 132px rgba(255,91,0,.22)}
}
@keyframes cbDoorCoronaBreathe{
  0%,100%{opacity:.78;filter:blur(.25px);box-shadow:0 0 13px rgba(255,218,170,.62),0 0 54px rgba(255,139,55,.36),0 0 118px rgba(255,91,0,.18)}
  46%{opacity:.94;filter:blur(.05px);box-shadow:0 0 19px rgba(255,236,202,.82),0 0 78px rgba(255,158,72,.52),0 0 174px rgba(255,91,0,.28)}
  53%{opacity:.86}
}

.cb-backstage-transition{background:#020202}
.cb-backstage-transition__aperture{
  position:absolute;
  z-index:1;
  left:48.85%;
  top:-5%;
  width:2.4%;
  height:110%;
  opacity:0;
  transform:skewX(-.55deg) scaleX(.04);
  transform-origin:50% 50%;
  background:radial-gradient(ellipse at 50% 52%,rgba(255,190,112,.16),rgba(31,17,10,.18) 26%,rgba(2,2,2,.99) 70%),#020202;
  box-shadow:inset 0 0 26px #000;
}
.cb-backstage-transition__corona{
  position:absolute;
  z-index:2;
  left:47.2%;
  top:4%;
  width:6.2%;
  height:92%;
  opacity:0;
  transform:skewX(-.55deg) scaleX(.08);
  background:
    radial-gradient(circle at 52% 42%,rgba(255,251,231,.98) 0 1.4%,rgba(255,222,163,.86) 3%,rgba(255,150,65,.28) 10%,transparent 27%),
    radial-gradient(ellipse at 50% 48%,rgba(255,174,91,.34),rgba(255,91,0,.10) 37%,transparent 72%);
  filter:blur(.4px);
  mix-blend-mode:screen;
}
.cb-backstage-transition__panel{z-index:3}
.cb-backstage-transition__glow{z-index:2;left:49.2%;background:linear-gradient(180deg,rgba(255,230,190,.02),rgba(255,180,105,.44) 46%,rgba(255,92,17,.34));}
.cb-backstage-transition__fog{z-index:4}
.cb-backstage-transition.is-opening .cb-backstage-transition__aperture{animation:cbTransitionAperture 1.65s cubic-bezier(.22,.76,.24,1) both}
.cb-backstage-transition.is-opening .cb-backstage-transition__corona{animation:cbTransitionCorona 1.7s cubic-bezier(.18,.8,.2,1) both}
.cb-backstage-transition.is-opening .cb-backstage-transition__glow{animation:cbTransitionGlowReturn 1.7s cubic-bezier(.18,.8,.2,1) both}
@keyframes cbTransitionAperture{
  0%{opacity:0;transform:skewX(-.55deg) scaleX(.03)}
  19%{opacity:1}
  100%{opacity:1;transform:skewX(-.55deg) scaleX(1)}
}
@keyframes cbTransitionCorona{
  0%{opacity:0;transform:skewX(-.55deg) scaleX(.04);filter:blur(2px)}
  25%{opacity:.26}
  43%{opacity:1;transform:skewX(-.55deg) scaleX(.22);filter:blur(.1px)}
  68%{opacity:.88;transform:skewX(-.55deg) scaleX(.72);filter:blur(.45px)}
  100%{opacity:.68;transform:skewX(-.55deg) scaleX(1);filter:blur(1px)}
}
@keyframes cbTransitionGlowReturn{
  0%{opacity:0;transform:skewX(-.55deg) scaleX(.03);box-shadow:none}
  35%{opacity:.35}
  49%{opacity:1;box-shadow:0 0 14px rgba(255,246,219,.95),0 0 54px rgba(255,176,88,.72),0 0 140px rgba(255,91,0,.38)}
  100%{opacity:.66;transform:skewX(-.55deg) scaleX(1);box-shadow:0 0 18px rgba(255,218,170,.72),0 0 78px rgba(255,139,55,.46),0 0 180px rgba(255,91,0,.22)}
}
@media(max-width:800px){
  .backstage-hero__aperture{height:59%}
  .cb-backstage-transition__aperture{left:47.8%;width:4.4%}
  .cb-backstage-transition__corona{left:44.8%;width:10.5%}
}
@media(prefers-reduced-motion:reduce){
  .backstage-hero.scene-enter .backstage-hero__aperture,
  .cb-backstage-transition.is-opening .cb-backstage-transition__aperture,
  .cb-backstage-transition.is-opening .cb-backstage-transition__corona,
  .cb-backstage-transition.is-opening .cb-backstage-transition__glow{animation:none!important;opacity:1}
}

/* v7.6.0 — TRUE OPENING / Phase 1
   The wall is cut into two genuinely masked halves. The gap exposes only the
   opaque black scene behind it; no wall artwork exists inside the opening. */
.cb-backstage-transition{
  background:#000!important;
  isolation:isolate;
}
.cb-backstage-transition__aperture{
  z-index:1!important;
  left:43%!important;
  top:-4%!important;
  width:14%!important;
  height:108%!important;
  opacity:1!important;
  transform:none!important;
  background:#000!important;
  box-shadow:inset 18px 0 34px rgba(0,0,0,.98),inset -18px 0 34px rgba(0,0,0,.98)!important;
  animation:none!important;
}
.cb-backstage-transition__panel{
  z-index:3!important;
  inset:-4%!important;
  transition:transform 3.15s cubic-bezier(.18,.72,.2,1)!important;
  backface-visibility:hidden;
}
/* Different, non-mirrored stone-like edges. They overlap while closed. */
.cb-backstage-transition__panel--left{
  clip-path:polygon(
    0 0,
    50.70% 0,
    50.42% 9%,
    50.78% 18%,
    50.31% 29%,
    50.62% 40%,
    50.18% 52%,
    50.55% 64%,
    50.08% 76%,
    50.37% 88%,
    49.92% 100%,
    0 100%
  )!important;
  transform:translate3d(0,0,0);
}
.cb-backstage-transition__panel--right{
  clip-path:polygon(
    49.36% 0,
    100% 0,
    100% 100%,
    49.74% 100%,
    49.43% 90%,
    49.82% 79%,
    49.39% 68%,
    49.71% 57%,
    49.28% 45%,
    49.66% 33%,
    49.22% 21%,
    49.58% 10%
  )!important;
  transform:translate3d(0,0,0);
}
.cb-backstage-transition.is-opening .cb-backstage-transition__panel--left{
  transform:translate3d(-4.1%,0,0)!important;
}
.cb-backstage-transition.is-opening .cb-backstage-transition__panel--right{
  transform:translate3d(4.35%,0,0)!important;
  transition-delay:.08s!important;
}
.cb-backstage-transition.is-closing .cb-backstage-transition__panel--left,
.cb-backstage-transition.is-closing .cb-backstage-transition__panel--right{
  transform:translate3d(0,0,0)!important;
  transition-duration:1.25s!important;
  transition-delay:0s!important;
}
/* Phase 1 deliberately isolates geometry: no eclipse light or fog yet. */
.cb-backstage-transition__corona,
.cb-backstage-transition__glow,
.cb-backstage-transition__fog{
  display:none!important;
}
body.cb-backstage-leaving>*:not(.cb-backstage-transition){filter:none!important}

@media(max-width:800px){
  .cb-backstage-transition__aperture{left:38%!important;width:24%!important}
  .cb-backstage-transition.is-opening .cb-backstage-transition__panel--left{transform:translate3d(-6.2%,0,0)!important}
  .cb-backstage-transition.is-opening .cb-backstage-transition__panel--right{transform:translate3d(6.55%,0,0)!important}
}


/* v7.6.1 — SPLIT WALL / BLACK VOID GUARANTEE
   The two artwork panels still part independently. A separate, fully opaque
   black void is then drawn ABOVE both artwork halves. This guarantees that no
   wall pixel can remain inside the opening, irrespective of clipping,
   background scaling, browser antialiasing or the original full-screen image. */
.cb-backstage-transition__void{
  position:absolute;
  z-index:5;
  left:50%;
  top:-3%;
  width:0;
  height:106%;
  opacity:0;
  pointer-events:none;
  background:#000;
  transform:translateX(-50%);
  transform-origin:center center;
  clip-path:polygon(
    45% 0,
    57% 0,
    54% 8%,
    59% 17%,
    53% 28%,
    57% 39%,
    51% 51%,
    55% 63%,
    48% 75%,
    52% 88%,
    44% 100%,
    0 100%,
    5% 89%,
    1% 77%,
    7% 65%,
    2% 53%,
    8% 41%,
    3% 30%,
    9% 19%,
    4% 9%
  );
  transition:width 3.15s cubic-bezier(.18,.72,.2,1),opacity .08s linear;
  will-change:width;
}
.cb-backstage-transition.is-opening .cb-backstage-transition__void{
  width:10.4%;
  opacity:1;
}
.cb-backstage-transition.is-closing .cb-backstage-transition__void{
  width:0;
  opacity:1;
  transition-duration:1.25s,.08s;
}
/* Keep the old aperture as a black safety layer behind the moving halves. */
.cb-backstage-transition__aperture{
  z-index:1!important;
  background:#000!important;
}
@media(max-width:800px){
  .cb-backstage-transition.is-opening .cb-backstage-transition__void{width:17.5%}
}
@media(prefers-reduced-motion:reduce){
  .cb-backstage-transition__void{transition:none!important}
}


/* v7.6.2 — ORGANIC OPENING EDGE
   The true black void remains technically unchanged. Only its silhouette is
   refined: asymmetric stone-like sides, a subtly narrower crown and a gently
   wider base. The irregularity is intentionally restrained — no saw-tooth,
   no mirrored geometry and no clinical rectangle. */
.cb-backstage-transition__void{
  clip-path:polygon(
    25% 0,
    76% .7%,
    74% 6%,
    79% 12%,
    75% 18%,
    81% 25%,
    77% 32%,
    82% 39%,
    78% 46%,
    84% 54%,
    80% 61%,
    85% 69%,
    81% 77%,
    87% 85%,
    84% 92%,
    89% 100%,
    12% 99.4%,
    16% 93%,
    11% 86%,
    17% 78%,
    13% 70%,
    19% 62%,
    15% 55%,
    21% 47%,
    17% 39%,
    23% 31%,
    19% 24%,
    25% 17%,
    21% 11%,
    27% 5%
  )!important;
  filter:drop-shadow(-2px 0 2px rgba(0,0,0,.96)) drop-shadow(2px 0 2px rgba(0,0,0,.96));
}


/* v7.6.3 — ECLIPSE LIGHT V1
   The light lives inside the opaque organic void, so the original wall artwork
   remains impossible to see in the opening. Sequence: darkness, distant point,
   restrained diamond-ring moment, then a soft breathing corona. */
.cb-eclipse{
  position:absolute;
  z-index:1;
  left:50%;
  top:45%;
  width:1px;
  height:1px;
  pointer-events:none;
  opacity:0;
  transform:translate3d(-50%,-50%,0);
  will-change:opacity,transform;
}
.cb-eclipse>span{
  position:absolute;
  left:50%;
  top:50%;
  display:block;
  border-radius:50%;
  transform:translate3d(-50%,-50%,0) scale(.08);
  opacity:0;
  pointer-events:none;
}
.cb-eclipse__haze{
  width:clamp(110px,18vw,310px);
  aspect-ratio:1;
  background:radial-gradient(circle,
    rgba(255,247,224,.22) 0,
    rgba(255,219,161,.11) 17%,
    rgba(255,169,82,.045) 38%,
    rgba(255,136,40,0) 72%);
  filter:blur(18px);
}
.cb-eclipse__corona{
  width:clamp(48px,8.2vw,142px);
  aspect-ratio:1;
  background:
    radial-gradient(circle,
      rgba(0,0,0,1) 0 27%,
      rgba(255,255,250,.98) 28%,
      rgba(255,239,206,.74) 30.5%,
      rgba(255,185,105,.27) 36%,
      rgba(255,139,56,.08) 49%,
      rgba(255,118,36,0) 70%);
  filter:blur(.8px);
  box-shadow:
    0 0 10px rgba(255,249,232,.82),
    0 0 28px rgba(255,210,144,.36),
    0 0 74px rgba(255,146,63,.16);
}
.cb-eclipse__ring{
  width:clamp(18px,2.6vw,46px);
  aspect-ratio:1;
  border:1px solid rgba(255,247,226,.75);
  box-shadow:
    0 0 4px rgba(255,255,250,.95),
    0 0 13px rgba(255,224,172,.65),
    0 0 32px rgba(255,159,73,.28);
  filter:blur(.25px);
}
.cb-eclipse__core{
  width:clamp(2px,.22vw,4px);
  height:clamp(2px,.22vw,4px);
  background:#fffef8;
  box-shadow:
    0 0 4px 1px rgba(255,255,249,1),
    0 0 12px 3px rgba(255,231,189,.82),
    0 0 30px 7px rgba(255,167,78,.34);
}
.cb-backstage-transition.is-opening .cb-eclipse{
  animation:cbEclipseStage 3.55s .02s linear both;
}
.cb-backstage-transition.is-opening .cb-eclipse__core{
  animation:cbEclipseCore 3.55s .02s cubic-bezier(.2,.72,.18,1) both;
}
.cb-backstage-transition.is-opening .cb-eclipse__ring{
  animation:cbEclipseRing 3.55s .02s cubic-bezier(.2,.72,.18,1) both;
}
.cb-backstage-transition.is-opening .cb-eclipse__corona{
  animation:cbEclipseCorona 3.55s .02s cubic-bezier(.16,.76,.18,1) both,
            cbEclipseBreathe 2.8s 3.57s ease-in-out infinite;
}
.cb-backstage-transition.is-opening .cb-eclipse__haze{
  animation:cbEclipseHaze 3.55s .02s cubic-bezier(.16,.76,.18,1) both,
            cbEclipseHazeBreathe 3.4s 3.57s ease-in-out infinite;
}
.cb-backstage-transition.is-closing .cb-eclipse{
  opacity:0;
  transition:opacity .42s ease-out;
}
@keyframes cbEclipseStage{
  0%,21%{opacity:0}
  25%{opacity:.18}
  36%,100%{opacity:1}
}
@keyframes cbEclipseCore{
  0%,21%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.08)}
  25%{opacity:.38;transform:translate3d(-50%,-50%,0) scale(.28)}
  34%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.35)}
  49%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1)}
  100%{opacity:.92;transform:translate3d(-50%,-50%,0) scale(.92)}
}
@keyframes cbEclipseRing{
  0%,28%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.08)}
  38%{opacity:.92;transform:translate3d(-50%,-50%,0) scale(.34)}
  55%{opacity:.72;transform:translate3d(-50%,-50%,0) scale(.82)}
  76%,100%{opacity:.42;transform:translate3d(-50%,-50%,0) scale(1)}
}
@keyframes cbEclipseCorona{
  0%,31%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.08)}
  43%{opacity:.42;transform:translate3d(-50%,-50%,0) scale(.3)}
  61%{opacity:.78;transform:translate3d(-50%,-50%,0) scale(.72)}
  82%,100%{opacity:.64;transform:translate3d(-50%,-50%,0) scale(1)}
}
@keyframes cbEclipseHaze{
  0%,34%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.08)}
  54%{opacity:.18;transform:translate3d(-50%,-50%,0) scale(.42)}
  78%,100%{opacity:.3;transform:translate3d(-50%,-50%,0) scale(1)}
}
@keyframes cbEclipseBreathe{
  0%,100%{opacity:.6;transform:translate3d(-50%,-50%,0) scale(.98)}
  50%{opacity:.7;transform:translate3d(-50%,-50%,0) scale(1.035)}
}
@keyframes cbEclipseHazeBreathe{
  0%,100%{opacity:.26;transform:translate3d(-50%,-50%,0) scale(.98)}
  50%{opacity:.33;transform:translate3d(-50%,-50%,0) scale(1.04)}
}
@media(max-width:800px){
  .cb-eclipse{top:43%}
  .cb-eclipse__haze{width:180px}
  .cb-eclipse__corona{width:92px}
}
@media(prefers-reduced-motion:reduce){
  .cb-eclipse{display:none!important}
}


/* v7.7.0 — INVITATION
   The wall opens once and stays open. A tiny distant source wakes first, then
   becomes diffuse room light rather than a visible lamp. The illumination
   fills the black depth, catches the irregular inner edges and softly spills
   a little onto the artwork before a short black film cut and navigation. */
.cb-invitation-room{
  position:absolute;
  inset:0;
  z-index:1;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  background:#000;
}
.cb-invitation-room>span{position:absolute;display:block;pointer-events:none}
.cb-invitation-room__seed{
  left:53%;top:45%;width:3px;height:3px;border-radius:50%;
  opacity:0;transform:translate3d(-50%,-50%,0) scale(.12);
  background:#fffef7;
  box-shadow:0 0 5px 1px rgba(255,255,247,.98),0 0 15px 4px rgba(255,233,196,.72),0 0 38px 10px rgba(255,181,102,.24);
}
.cb-invitation-room__depth{
  left:50%;top:48%;width:170%;height:72%;border-radius:46%;
  opacity:0;transform:translate3d(-50%,-50%,0) scale(.08,.12);
  background:radial-gradient(ellipse at 52% 46%,rgba(255,252,240,.82) 0,rgba(255,236,205,.45) 12%,rgba(255,201,145,.20) 31%,rgba(255,163,93,.075) 49%,rgba(255,140,72,0) 72%);
  filter:blur(20px);
  mix-blend-mode:screen;
}
.cb-invitation-room__wash{
  inset:-8% -28%;opacity:0;
  background:
    linear-gradient(90deg,rgba(255,191,119,.02),rgba(255,244,221,.18) 44%,rgba(255,250,237,.30) 53%,rgba(255,222,181,.12) 66%,rgba(255,168,95,.015)),
    radial-gradient(ellipse at 54% 51%,rgba(255,245,224,.30),rgba(255,200,139,.10) 42%,transparent 75%);
  filter:blur(13px);
  transform:scaleX(.2);
  transform-origin:53% 50%;
  mix-blend-mode:screen;
}
.cb-invitation-spill{
  position:absolute;z-index:6;left:50%;top:0;width:25%;height:100%;
  opacity:0;pointer-events:none;transform:translateX(-50%) scaleX(.18);
  transform-origin:center;
  background:
    linear-gradient(90deg,transparent 0,rgba(255,188,115,.025) 18%,rgba(255,235,205,.12) 43%,rgba(255,249,232,.19) 50%,rgba(255,225,187,.09) 58%,rgba(255,171,92,.02) 82%,transparent 100%),
    radial-gradient(ellipse at 50% 49%,rgba(255,232,198,.13),rgba(255,176,103,.035) 47%,transparent 75%);
  filter:blur(17px);
  mix-blend-mode:screen;
}
.cb-invitation-spill::before,.cb-invitation-spill::after{
  content:"";position:absolute;top:6%;bottom:5%;width:14%;opacity:.58;
  background:linear-gradient(180deg,transparent,rgba(255,229,195,.13) 18%,rgba(255,190,126,.08) 72%,transparent);
  filter:blur(10px);
}
.cb-invitation-spill::before{right:91%;transform:skewY(-1deg)}
.cb-invitation-spill::after{left:91%;transform:skewY(1.4deg)}
.cb-invitation-fade{
  position:absolute;inset:0;z-index:20;pointer-events:none;background:#000;opacity:0;
}
.cb-backstage-transition.is-opening .cb-invitation-room{
  animation:cbInvitationRoomStage 4.45s linear both;
}
.cb-backstage-transition.is-opening .cb-invitation-room__seed{
  animation:cbInvitationSeed 4.45s cubic-bezier(.2,.72,.18,1) both;
}
.cb-backstage-transition.is-opening .cb-invitation-room__depth{
  animation:cbInvitationDepth 4.45s cubic-bezier(.16,.78,.18,1) both;
}
.cb-backstage-transition.is-opening .cb-invitation-room__wash{
  animation:cbInvitationWash 4.45s cubic-bezier(.16,.76,.2,1) both;
}
.cb-backstage-transition.is-opening .cb-invitation-spill{
  animation:cbInvitationSpill 4.45s cubic-bezier(.16,.76,.2,1) both;
}
.cb-backstage-transition.is-entering .cb-invitation-fade{
  animation:cbInvitationCut .24s ease-in forwards;
}
@keyframes cbInvitationRoomStage{
  0%,18%{opacity:0} 22%{opacity:.25} 30%,100%{opacity:1}
}
@keyframes cbInvitationSeed{
  0%,21%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.12)}
  25%{opacity:.48;transform:translate3d(-50%,-50%,0) scale(.35)}
  31%{opacity:1;transform:translate3d(-50%,-50%,0) scale(1.12)}
  42%{opacity:.76;transform:translate3d(-50%,-50%,0) scale(.82)}
  60%,100%{opacity:.28;transform:translate3d(-50%,-50%,0) scale(.55)}
}
@keyframes cbInvitationDepth{
  0%,25%{opacity:0;transform:translate3d(-50%,-50%,0) scale(.08,.12)}
  36%{opacity:.18;transform:translate3d(-50%,-50%,0) scale(.22,.28)}
  56%{opacity:.58;transform:translate3d(-50%,-50%,0) scale(.68,.74)}
  78%,100%{opacity:.84;transform:translate3d(-50%,-50%,0) scale(1,1)}
}
@keyframes cbInvitationWash{
  0%,32%{opacity:0;transform:scaleX(.2)}
  51%{opacity:.22;transform:scaleX(.52)}
  73%{opacity:.54;transform:scaleX(.88)}
  100%{opacity:.66;transform:scaleX(1)}
}
@keyframes cbInvitationSpill{
  0%,48%{opacity:0;transform:translateX(-50%) scaleX(.18)}
  65%{opacity:.12;transform:translateX(-50%) scaleX(.48)}
  82%{opacity:.32;transform:translateX(-50%) scaleX(.82)}
  100%{opacity:.42;transform:translateX(-50%) scaleX(1)}
}
@keyframes cbInvitationCut{to{opacity:1}}

/* Keep the invitation open; closing rules from the geometry prototypes are no
   longer invoked. The original black void remains the hard artwork mask. */
@media(max-width:800px){
  .cb-invitation-spill{width:40%;filter:blur(13px)}
  .cb-invitation-room__depth{width:190%;height:66%}
}
@media(prefers-reduced-motion:reduce){
  .cb-invitation-room,.cb-invitation-spill{display:none!important}
}

/* v7.7.1 — OPEN WALL ARRIVAL
   The Backstage Club hero now continues the transition's final state instead
   of falling back to the former narrow light-seam effect. The wall is already
   parted when the destination page appears; a fully opaque organic black void
   guarantees that no artwork can show inside the opening. */
.backstage-hero{
  --cb-arrival-x:79.5%;
  --cb-arrival-gap:clamp(58px,5.3vw,96px);
  isolation:isolate;
  background:#000;
}
.backstage-hero__wall{
  inset:-2%;
  z-index:0;
  background:none!important;
  filter:none!important;
  overflow:hidden;
}
.backstage-hero__wall::before,
.backstage-hero__wall::after{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(90deg,rgba(0,0,0,.25),rgba(0,0,0,.38) 48%,rgba(0,0,0,.77)),
    url('../images/the-wall-clean.png');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  filter:saturate(.78) brightness(.62);
  backface-visibility:hidden;
}
.backstage-hero__wall::before{
  clip-path:polygon(
    0 0,80.1% 0,79.75% 9%,80.15% 18%,79.68% 29%,80.02% 40%,
    79.57% 52%,79.94% 64%,79.48% 76%,79.82% 88%,79.35% 100%,0 100%
  );
  transform:translate3d(-1.8vw,0,0);
}
.backstage-hero__wall::after{
  clip-path:polygon(
    79.05% 0,100% 0,100% 100%,79.48% 100%,79.18% 90%,79.58% 79%,
    79.12% 68%,79.48% 57%,79.04% 45%,79.43% 33%,78.98% 21%,79.36% 10%
  );
  transform:translate3d(1.9vw,0,0);
}
.backstage-hero__aperture{
  position:absolute;
  z-index:1;
  left:var(--cb-arrival-x);
  top:-2%;
  width:var(--cb-arrival-gap);
  height:104%;
  opacity:1!important;
  transform:translateX(-50%)!important;
  background:
    radial-gradient(ellipse at 53% 52%,rgba(255,248,228,.52) 0 2%,rgba(255,221,176,.27) 8%,rgba(255,168,91,.11) 26%,transparent 58%),
    linear-gradient(180deg,#000 0%,#030201 36%,#090401 72%,#020100 100%);
  clip-path:polygon(
    25% 0,76% .7%,74% 6%,79% 12%,75% 18%,81% 25%,77% 32%,82% 39%,
    78% 46%,84% 54%,80% 61%,85% 69%,81% 77%,87% 85%,84% 92%,89% 100%,
    12% 99.4%,16% 93%,11% 86%,17% 78%,13% 70%,19% 62%,15% 55%,21% 47%,
    17% 39%,23% 31%,19% 24%,25% 17%,21% 11%,27% 5%
  );
  box-shadow:
    inset 14px 0 24px rgba(0,0,0,.98),
    inset -14px 0 24px rgba(0,0,0,.98),
    0 0 18px rgba(255,174,91,.18),
    0 0 62px rgba(255,105,30,.10);
  filter:drop-shadow(-2px 0 2px rgba(0,0,0,.96)) drop-shadow(2px 0 2px rgba(0,0,0,.96));
  animation:none!important;
  pointer-events:none;
}
.backstage-hero__aperture::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:230%;
  height:74%;
  transform:translate(-50%,-50%);
  background:radial-gradient(ellipse at 52% 50%,rgba(255,246,224,.25),rgba(255,201,139,.09) 38%,transparent 72%);
  filter:blur(18px);
  mix-blend-mode:screen;
  opacity:.72;
}
.backstage-hero__aperture::after{
  content:"";
  position:absolute;
  left:50%;
  top:47%;
  width:5px;
  height:5px;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:#fffdf4;
  box-shadow:0 0 8px 2px rgba(255,250,232,.9),0 0 28px 9px rgba(255,213,158,.45),0 0 80px 24px rgba(255,132,52,.18);
  opacity:.72;
}
/* Retire the previous closed-door seam on the destination page. */
.backstage-hero__light-seam{display:none!important}
.backstage-hero__afterglow{
  z-index:2;
  right:-4vw;
  width:min(64vw,900px);
  opacity:.48;
  background:radial-gradient(ellipse at 70% 52%,rgba(255,210,159,.16),rgba(255,139,62,.07) 34%,transparent 72%);
  filter:blur(42px);
}
.backstage-hero__floor-light{z-index:2;opacity:.48}
.backstage-hero__door-fog{z-index:2;opacity:.13;animation:none!important}
.backstage-hero__content{z-index:4}
.backstage-hero.scene-enter .backstage-hero__aperture,
.backstage-hero.scene-enter .backstage-hero__afterglow,
.backstage-hero.scene-enter .backstage-hero__floor-light,
.backstage-hero.scene-enter .backstage-hero__door-fog,
.backstage-hero.scene-enter .backstage-hero__content{
  animation:none!important;
}
@media(max-width:800px){
  .backstage-hero{--cb-arrival-x:82%;--cb-arrival-gap:clamp(48px,13vw,76px)}
  .backstage-hero__wall::before{transform:translate3d(-3.2vw,0,0)}
  .backstage-hero__wall::after{transform:translate3d(3.4vw,0,0)}
  .backstage-hero__aperture::before{width:180%}
}

/* v7.8.0 — BACKSTAGE ATMOSPHERE
   The arrival now opens into a quiet club foyer instead of another ordinary
   content section. Four restrained room links establish the Backstage Club as
   a place while keeping the existing invitation and registration intact. */
.backstage-club{
  position:relative;
  padding:clamp(90px,13vh,150px) max(24px,calc((100vw - 1180px)/2));
  overflow:hidden;
  border-bottom:1px solid #1d1d1d;
  background:
    radial-gradient(ellipse at 78% 12%,rgba(255,114,36,.095),transparent 34%),
    radial-gradient(ellipse at 14% 82%,rgba(255,255,255,.025),transparent 38%),
    linear-gradient(180deg,#050505 0%,#080706 46%,#050505 100%);
}
.backstage-club::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;
  background-image:radial-gradient(circle at 18% 24%,rgba(255,231,199,.25) 0 1px,transparent 1.4px),radial-gradient(circle at 67% 38%,rgba(255,226,185,.18) 0 1px,transparent 1.4px),radial-gradient(circle at 41% 76%,rgba(255,222,177,.15) 0 .8px,transparent 1.3px);
  background-size:137px 121px,181px 153px,149px 177px;
  mask-image:linear-gradient(180deg,transparent,#000 16%,#000 78%,transparent);
}
.backstage-club__intro{position:relative;z-index:1;max-width:830px;margin-bottom:clamp(48px,7vw,88px)}
.backstage-club__intro h2{max-width:11ch;margin:.12em 0 .38em;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(3.2rem,7vw,7rem);font-weight:400;line-height:.9;text-transform:uppercase}
.backstage-club__intro>p:last-child{max-width:680px;margin:0;color:#c8c4bd;font-size:clamp(1.05rem,1.6vw,1.28rem);line-height:1.75}
.backstage-club__rooms{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #292724;border-left:1px solid #292724}
.backstage-room{position:relative;display:grid;grid-template-columns:56px 1fr auto;gap:24px;align-items:center;min-height:180px;padding:32px 30px;border-right:1px solid #292724;border-bottom:1px solid #292724;color:#f5f3ed;text-decoration:none;background:rgba(10,9,8,.56);transition:background .45s ease,border-color .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
.backstage-room::before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,rgba(255,113,35,.11),transparent 48%);transition:opacity .45s ease}
.backstage-room:hover,.backstage-room:focus-visible{z-index:2;background:rgba(18,14,11,.9);border-color:rgba(255,107,31,.48);transform:translateY(-3px);outline:none}
.backstage-room:hover::before,.backstage-room:focus-visible::before{opacity:1}
.backstage-room__number{position:relative;z-index:1;align-self:start;padding-top:4px;color:#ff6a22;font-size:.7rem;letter-spacing:.18em}
.backstage-room__body{position:relative;z-index:1;display:grid;gap:11px}
.backstage-room__body strong{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2rem,3.5vw,3.7rem);font-weight:400;line-height:.95;text-transform:uppercase}
.backstage-room__body small{max-width:34ch;color:#aaa59d;font-size:.96rem;line-height:1.55}
.backstage-room__arrow{position:relative;z-index:1;font-size:1.35rem;color:#777;transition:color .35s ease,transform .35s ease}
.backstage-room:hover .backstage-room__arrow,.backstage-room:focus-visible .backstage-room__arrow{color:#ff6a22;transform:translateX(5px)}
.backstage-club__note{position:relative;z-index:1;max-width:650px;margin:34px 0 0;color:#77736d;font-size:.78rem;line-height:1.7;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:800px){
  .backstage-club{padding:82px 18px}
  .backstage-club__rooms{grid-template-columns:1fr}
  .backstage-room{grid-template-columns:38px 1fr auto;gap:15px;min-height:145px;padding:25px 20px}
  .backstage-room__body strong{font-size:clamp(2rem,11vw,3.4rem)}
}
@media(prefers-reduced-motion:reduce){.backstage-room,.backstage-room__arrow{transition:none!important}}

/* Chapter 5 – Proberaum v7.8.3 */
.proberaum{min-height:100svh;background:#050505;padding:clamp(72px,8vw,118px) 0 0}
.proberaum-scene{width:100%;margin:0 auto;background:#050505}
.proberaum-scene__image{position:relative;width:100%;aspect-ratio:3/2;background:url('../images/chaosbreaker-proberaum.png') center center/cover no-repeat;overflow:hidden;isolation:isolate}
.proberaum-scene__image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 38%,rgba(0,0,0,.1));z-index:1}
.proberaum-hotspot{position:absolute;z-index:2;bottom:2.6%;height:15.8%;border:1px solid transparent;border-radius:6px;text-decoration:none;color:transparent;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease,transform .3s ease}
.proberaum-hotspot span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.proberaum-hotspot:hover,.proberaum-hotspot:focus-visible{outline:none;border-color:rgba(255,184,94,.78);background:rgba(255,136,48,.06);box-shadow:0 0 30px rgba(255,109,35,.18),inset 0 0 24px rgba(255,154,79,.06);transform:translateY(-2px)}
.proberaum-hotspot--studio{left:9.4%;width:19.1%}
.proberaum-hotspot--songlabor{left:29.8%;width:19.1%}
.proberaum-hotspot--unter-uns{left:50%;width:19.1%}
.proberaum-hotspot--bandtagebuch{left:70.2%;width:19.1%}
.proberaum-mobile-nav{display:none}
@media(max-width:760px){
 .proberaum{padding-top:64px}
 .proberaum-scene__image{aspect-ratio:4/5;background-position:center top}
 .proberaum-hotspot{display:none}
 .proberaum-mobile-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #292724;border-left:1px solid #292724}
 .proberaum-mobile-nav a{min-height:76px;display:grid;place-items:center;padding:16px;border-right:1px solid #292724;border-bottom:1px solid #292724;background:#0b0b0b;color:#eee7dc;text-decoration:none;font-family:Impact,'Arial Narrow',sans-serif;font-size:1.35rem;letter-spacing:.03em;text-transform:uppercase}
 .proberaum-mobile-nav a:hover,.proberaum-mobile-nav a:focus-visible{background:#15110e;color:#ff9a4c;outline:none}
}
@media(prefers-reduced-motion:reduce){.proberaum-hotspot{transition:none}}


/* v7.8.4 – eigenständiges Bandtagebuch im Backstage Club */
.band-diary{padding-top:clamp(7rem,12vw,10rem);padding-bottom:5rem;}
.band-diary__header{max-width:850px;margin:0 auto 4rem;text-align:center;}
.band-diary__header h1{margin:.4rem 0 1rem;}
.band-diary__header>p:last-child{max-width:720px;margin-inline:auto;color:var(--muted,#aaa);}
.band-diary__entries{display:grid;gap:clamp(2.5rem,6vw,5rem);}
.band-diary-entry{max-width:1100px;width:100%;margin-inline:auto;border-top:1px solid rgba(255,255,255,.15);padding-top:2rem;}
.band-diary-entry__image{margin:0 0 2rem;overflow:hidden;border-radius:4px;}
.band-diary-entry__image img{display:block;width:100%;height:auto;}
.band-diary-entry__content{max-width:820px;margin-inline:auto;}
.band-diary-entry__content h1,.band-diary-entry__content h2{margin:.35rem 0 1.25rem;}
.band-diary-entry__text{font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.8;}
.band-diary-entry__text .wp-block-gallery{margin-block:2rem;}
.bandtalk{margin-top:2rem;padding:1.4rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035);}
.bandtalk audio{display:block;width:100%;margin-top:.65rem;}
.club-room-footer{display:flex;justify-content:center;max-width:1100px;margin:4rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);}
.fanarea .club-room-footer{margin-top:2.5rem;}

/* Version 7.9.2 – zweiter gleichwertiger Player direkt unter der Public Preview */
.music-stage__teaser{margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.11)}
.music-stage__teaser>.eyebrow{margin:0 0 8px;color:var(--orange);font-weight:800}
.music-stage__teaser h3{margin:0;font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(2.6rem,5vw,5.3rem);font-weight:400;line-height:.94;text-transform:uppercase;letter-spacing:.015em}
.music-stage__teaser-title{margin:12px 0 4px;color:#f3f1eb;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.music-stage__lead--teaser{margin-bottom:22px}
.music-stage__teaser .cb-preview-player{width:100%}
@media(max-width:760px){.music-stage__teaser{margin-top:24px;padding-top:24px}.music-stage__teaser h3{font-size:clamp(2.4rem,12vw,4rem)}}


/* ==========================================================
   v9.0.5 — HEADLINE SAFETY PASS
   Lange Überschriften bleiben vollständig lesbar. Keine
   automatischen Worttrennungen, keine abgeschnittenen Wörter.
   ========================================================== */
:where(
  .music-stage__main h2,
  .music-stage__teaser h3,
  .section-inner > h2,
  .page-header h1,
  .story-hero__content h1,
  .story-chapter h2,
  .story-song h2,
  .story-finale h2,
  .song-hero__content h1,
  .song-intro h2,
  .song-listen h2,
  .song-story h2,
  .song-line blockquote,
  .song-manifesto__content h2,
  .song-full h2,
  .song-next strong,
  .song-ending h2,
  .live-studio-library__intro h2,
  .song-library-card h3,
  .single-song-section h2,
  .band-diary__header h1,
  .band-diary-entry__content h1,
  .band-diary-entry__content h2,
  .band-diary-index__item h2,
  .content-card h2,
  .entry-content h2,
  .entry-content h3
){
  max-width:100%;
  overflow:visible;
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none;
  text-wrap:balance;
}

/* Public Preview: genug Raum für „CHAOSBREAKER“ in einer Zeile. */
.music-stage__main h2{
  font-size:clamp(3.7rem,6.25vw,7.45rem);
  letter-spacing:.008em;
}

/* Sehr breite Display-Schriften dürfen die Grid-Spalte nie sprengen. */
.music-stage__main,
.music-stage__teaser,
.song-library-card__body,
.story-hero__content,
.song-hero__content{
  min-width:0;
}

@media (min-width:1181px) and (max-width:1500px){
  .music-stage__inner{
    grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr);
    gap:clamp(44px,4.5vw,78px);
  }
  .music-stage__main h2{font-size:clamp(3.7rem,6.05vw,6.75rem)}
}

@media (max-width:800px){
  :where(
    .music-stage__main h2,
    .music-stage__teaser h3,
    .section-inner > h2,
    .page-header h1,
    .story-hero__content h1,
    .story-chapter h2,
    .story-song h2,
    .story-finale h2,
    .song-hero__content h1,
    .song-intro h2,
    .song-listen h2,
    .song-story h2,
    .song-line blockquote,
    .song-manifesto__content h2,
    .song-full h2,
    .song-next strong,
    .song-ending h2,
    .song-library-card h3,
    .band-diary-index__item h2
  ){
    overflow-wrap:anywhere;
    word-break:normal;
    -webkit-hyphens:none;
    hyphens:none;
    text-wrap:pretty;
  }
  .music-stage__main h2{font-size:clamp(2.75rem,13.5vw,4.75rem);line-height:.9}
}

/* ==========================================================
   v9.0.6 — RESPONSIVE HEADLINE FIT
   Keine Buchstaben-/Silbentrennung auf Desktop oder Mobil.
   Die Schriftgröße wird zusätzlich per JS nur dann reduziert,
   wenn ein einzelnes Wort sonst breiter als sein Container wäre.
   ========================================================== */
:where(
  h1,h2,h3,
  .song-line blockquote,
  .song-next strong,
  .music-story blockquote,
  .story-quote blockquote
){
  overflow-wrap:normal !important;
  word-break:normal !important;
  -webkit-hyphens:none !important;
  hyphens:none !important;
}

/* Display-Headlines bleiben innerhalb der verfügbaren Breite. */
:where(
  .page-header h1,
  .band-diary__header h1,
  .band-diary-entry__content h1,
  .story-hero__content h1,
  .song-hero__content h1,
  .studio-journal-hero h1,
  .backstage-hero h1,
  .fanarea-hero h1,
  .music-stage__main h2
){
  max-width:100%;
  min-width:0;
  font-size:var(--cb-fit-font-size, revert);
}

@media(max-width:800px){
  .page-header h1{font-size:var(--cb-fit-font-size,clamp(2.35rem,10vw,4.5rem));line-height:.9}
  .band-diary-entry__content h1,.band-diary__header h1{font-size:var(--cb-fit-font-size,clamp(2.25rem,10vw,4.25rem));line-height:.92}
  .story-hero__content h1,.song-hero__content h1,.studio-journal-hero h1,.backstage-hero h1,.fanarea-hero h1{font-size:var(--cb-fit-font-size,clamp(2.7rem,12vw,5.2rem));line-height:.88}
  .music-stage__main h2{font-size:var(--cb-fit-font-size,clamp(2.55rem,11.5vw,4.5rem));line-height:.9}
  .section-inner>h2,.story-chapter h2,.story-song h2,.story-finale h2,.song-library-card h3,.music-stage__teaser h3{font-size:var(--cb-fit-font-size,clamp(2.15rem,10vw,4rem));line-height:.94}
}

@media(max-width:430px){
  .content-shell{width:calc(100% - 32px)}
  .page-header h1{font-size:var(--cb-fit-font-size,clamp(2.15rem,9.5vw,3.65rem))}
  .story-hero__content h1,.song-hero__content h1,.studio-journal-hero h1,.backstage-hero h1,.fanarea-hero h1{font-size:var(--cb-fit-font-size,clamp(2.45rem,11vw,4.3rem))}
}

/* ==========================================================
   v9.1.0 — UI/UX POLISHING: RESPONSIVE FOUNDATION
   Gemeinsame Raster, Typografie, Medien, Interaktionen und
   mobile Sicherheitsregeln für die gesamte Plattform.
   ========================================================== */
:root{
  --cb-shell:1180px;
  --cb-shell-wide:1320px;
  --cb-gutter:clamp(18px,4vw,56px);
  --cb-space-1:clamp(10px,1vw,14px);
  --cb-space-2:clamp(16px,1.8vw,24px);
  --cb-space-3:clamp(26px,3vw,42px);
  --cb-space-4:clamp(44px,6vw,82px);
  --cb-space-5:clamp(72px,10vw,132px);
  --cb-radius:2px;
  --cb-card-border:rgba(255,255,255,.13);
  --cb-card-bg:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));
  --cb-focus:0 0 0 3px rgba(255,91,0,.28);
}

html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:110px}
body{min-width:320px;line-height:1.6}
main,section,article,header,footer,nav,div{min-width:0}
img,video,iframe,svg{max-width:100%}
img{height:auto}
iframe{border:0}

/* Einheitliche Inhaltsbreiten, ohne bestehende Speziallayouts aufzulösen. */
:where(.section-inner,.story-chapters,.live-studio-library,.single-song-content,.band-diary__inner,.band-diary-entry__content){
  width:min(var(--cb-shell),calc(100% - (2 * var(--cb-gutter))));
  margin-inline:auto;
}
:where(.site-header__inner,.site-footer__inner){width:min(var(--cb-shell-wide),calc(100% - (2 * var(--cb-gutter))))}

/* Typografie: lesbare Zeilen, kontrollierte Umbrüche, keine Silbentrennung. */
:where(h1,h2,h3,h4,h5,h6,blockquote,strong){
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none;
}
:where(h1,h2,h3,.song-line blockquote,.story-quote blockquote){text-wrap:balance}
:where(p,li,.entry-content,.band-diary-entry__text){text-wrap:pretty}
:where(.entry-content,.band-diary-entry__text,.single-song-section p){max-width:76ch}

/* Einheitliche Karten- und Medienbehandlung. */
:where(.content-card,.song-library-card,.bandtalk,.band-diary-facts,.cb-fan-card,.cb-download-card){
  border-color:var(--cb-card-border);
}
:where(.song-library-card,.bandtalk,.band-diary-facts){background:var(--cb-card-bg)}
:where(.featured-image img,.entry-content img,.band-diary-entry__text img,.single-song-gallery img,.song-library-card__image img){
  display:block;
  max-width:100%;
  border-radius:var(--cb-radius);
}
:where(.entry-content figure,.band-diary-entry__text figure){max-width:100%;margin-inline:0}
:where(.entry-content iframe,.single-song-video iframe){width:100%;aspect-ratio:16/9;height:auto}

/* Buttons und Links: konsistente Bedienfläche und sichtbarer Tastaturfokus. */
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:2px solid var(--orange);
  outline-offset:4px;
  box-shadow:var(--cb-focus);
}
:where(.outline-button,.text-link,.header-login,.site-nav__menu a,.music-story__link){
  text-underline-offset:.3em;
}
:where(button,.outline-button,.hero__content a,.cb-fan-button,.contact-form button){min-height:44px}

/* Karten reagieren nur auf Geräten mit echtem Hover. */
@media (hover:hover) and (pointer:fine){
  :where(.song-library-card,.content-card,.band-diary-index__item){transition:transform .24s ease,border-color .24s ease,background-color .24s ease}
  .song-library-card:hover{transform:translateY(-3px);border-color:rgba(255,91,0,.42)}
  .song-library-card__image img{transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .35s ease}
  .song-library-card:hover .song-library-card__image img{transform:scale(1.018);filter:saturate(1.04)}
}

/* Tablet: Raster früher entspannen, damit Text und Bilder Luft behalten. */
@media(max-width:980px){
  .site-header__inner{gap:clamp(12px,2.5vw,28px)}
  .site-nav__menu{gap:clamp(16px,2.4vw,28px)}
  .song-library-card{grid-template-columns:minmax(220px,38%) minmax(0,1fr)}
  .story-song{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr)}
}

/* Mobil: sichere Innenabstände, Touch-Ziele, Bilder und Headlines. */
@media(max-width:760px){
  :root{--cb-gutter:18px}
  html{scroll-padding-top:86px}
  body{font-size:1rem}
  .content-shell,.content-shell--inner{width:calc(100% - 36px)}
  :where(.section-dark,.fanclub-teaser,.story-quote){padding-inline:18px}
  :where(.section-inner,.story-chapters,.live-studio-library,.single-song-content,.band-diary__inner,.band-diary-entry__content){width:calc(100% - 36px)}
  .site-footer{padding-inline:18px}
  .site-footer__inner{width:100%}
  .footer-menu{row-gap:12px}
  .site-nav__menu a,.header-login{min-height:44px;display:flex;align-items:center}
  .song-library-card,.story-song{grid-template-columns:1fr}
  .song-library-card__image{min-height:0;aspect-ratio:16/10}
  .story-song__wall{min-height:0;aspect-ratio:16/10}
  .news-row,.content-card{padding-block:clamp(24px,7vw,36px)}
  .entry-content>p:first-child{font-size:1.08rem}
  .entry-content blockquote{margin-inline:0;padding-left:18px;font-size:1.08rem}
  audio{max-width:100%}
}

@media(max-width:430px){
  :root{--cb-gutter:16px}
  .content-shell,.content-shell--inner{width:calc(100% - 32px)}
  :where(.section-inner,.story-chapters,.live-studio-library,.single-song-content,.band-diary__inner,.band-diary-entry__content){width:calc(100% - 32px)}
  .site-header__inner{width:calc(100% - 24px)}
  .login-panel{padding:92px 22px 28px}
  .outline-button{width:100%;text-align:center}
  .band-diary-index__item{grid-template-columns:44px minmax(0,1fr) 24px}
}

/* Safe areas auf modernen Smartphones. */
@supports(padding:max(0px)){
  .site-header__inner{padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}
  .site-footer{padding-bottom:max(34px,env(safe-area-inset-bottom))}
  .login-panel{padding-bottom:max(28px,env(safe-area-inset-bottom))}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ==========================================================
   v9.2.0 — SPRINT 2: LAYOUT & VISUAL POLISH
   Smart media, flexible cards, responsive grids and players.
   ========================================================== */

/* Every major grid child may shrink instead of pushing the page sideways. */
:where(
  .music-stage__inner,.studio-stage__inner,.song-listen,.song-library-card,
  .story-song,.song-line,.music-stage__lower,.live-studio-library,
  .single-song-content,.band-diary-entry__content,.band-diary__inner
)>*{min-width:0}

/* Smart image system: editorial and cover artwork stays complete. */
:where(
  .song-cover,.music-stage__cover,.song-library-card__image,
  .single-song-cover,.band-diary-entry__image,.featured-image,
  .entry-content .wp-block-image,.band-diary-entry__text .wp-block-image
){
  overflow:visible;
  background:#080808;
}

:where(
  .song-cover img,.music-stage__cover img,.song-library-card__image img,
  .single-song-cover img,.band-diary-entry__image img,.featured-image img,
  .entry-content .wp-block-image img,.band-diary-entry__text .wp-block-image img
){
  display:block;
  width:100%;
  max-width:100%;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* Cover/card frames follow the artwork instead of cropping it. */
.song-cover{margin:0;align-self:start}
.song-cover img{aspect-ratio:auto}
.music-stage__cover{aspect-ratio:auto;min-height:0}
.song-library-card__image{min-height:0!important;aspect-ratio:auto!important;display:grid;place-items:center}
.song-library-card__image img{position:static!important;inset:auto!important}
.single-song-cover{display:grid;place-items:center}
.single-song-cover img{width:min(100%,900px)}
.band-diary-entry__image{margin-inline:0}
.band-diary-entry__image img{width:min(100%,1100px);margin-inline:auto}

/* Only true atmospheric/hero visuals may crop. */
:where(.hero__art img,.story-hero__wall img,.song-hero__wall img){object-fit:cover}

/* Studio artwork: show the whole image; frame height is derived from image ratio. */
.studio-stage__visual:not(.studio-stage__visual--abstract){
  min-height:0;
  aspect-ratio:auto;
  display:grid;
  place-items:center;
  overflow:visible;
}
.studio-stage__visual:not(.studio-stage__visual--abstract) img{
  position:static;
  inset:auto;
  width:100%;
  height:auto;
  object-fit:contain;
  filter:saturate(.88) contrast(1.08) brightness(.82);
}
.studio-stage__visual:not(.studio-stage__visual--abstract)::after{pointer-events:none}

/* Flexible cards: content determines height. */
.song-library-card{height:auto;align-items:stretch}
.song-library-card__body{height:auto;align-self:stretch}
:where(.content-card,.song-library-card,.band-diary-index__item,.story-song){min-height:0;height:auto}

/* Desktop grids: no fixed minimum that can overflow narrower windows. */
.music-stage__inner{
  grid-template-columns:minmax(260px,.82fr) minmax(0,1.18fr);
  width:min(1480px,calc(100% - (2 * var(--cb-gutter))));
  gap:clamp(36px,5vw,88px);
}
.studio-stage__inner{
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);
  width:min(1480px,calc(100% - (2 * var(--cb-gutter))));
  gap:clamp(36px,5vw,88px);
}
.song-listen{
  grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);
  gap:clamp(34px,5vw,82px);
  align-items:center;
}

/* Player always remains inside its column. */
.cb-preview-player{width:100%;max-width:100%;grid-template-columns:minmax(54px,82px) minmax(0,1fr)}
.cb-preview-player__visual,.cb-preview-player__wave,.cb-preview-player__timeline{min-width:0;max-width:100%}
.cb-preview-player__wave{width:100%}
.cb-preview-player__timeline{grid-template-columns:max-content minmax(40px,1fr) max-content}
.cb-preview-player__track{min-width:0}

/* Headline scale adapts to cards and columns, not only viewport. */
:where(.music-stage__main h2,.music-stage__teaser h3,.song-listen__content h2,.song-story h2){
  max-width:100%;
  font-size:var(--cb-fit-font-size,clamp(2.5rem,5.4vw,6.8rem));
  line-height:.92;
}

/* Tablet: stack early enough to prevent squeezed columns and clipped text. */
@media(max-width:1050px){
  .music-stage__inner,.studio-stage__inner,.song-listen{grid-template-columns:1fr}
  .music-stage__cover,.studio-stage__visual,.song-cover{width:min(100%,680px);margin-inline:auto}
  .music-stage__main,.studio-stage__content,.song-listen__content{width:100%}
  .music-stage__cover{order:2}
  .music-stage__main{order:1}
  .studio-stage__visual{order:2}
  .studio-stage__content{order:1}
  .song-cover{order:2}
  .song-listen__content{order:1}
}

@media(max-width:760px){
  .music-stage__inner,.studio-stage__inner,.song-listen{
    width:calc(100% - 36px);
    gap:32px;
  }
  .music-stage__cover,.studio-stage__visual,.song-cover{width:100%}
  .song-library-card__image{width:100%}
  .cb-preview-player{grid-template-columns:56px minmax(0,1fr);padding:18px 14px 12px;gap:12px}
  .cb-preview-player__play{width:54px;height:54px}
  .cb-preview-player__wave{height:48px}
  .cb-preview-player__timeline{gap:8px;font-size:.7rem}
  :where(.music-stage__main h2,.music-stage__teaser h3,.song-listen__content h2,.song-story h2){
    font-size:var(--cb-fit-font-size,clamp(2.35rem,12vw,4.35rem));
  }
}

@media(max-width:430px){
  .music-stage__inner,.studio-stage__inner,.song-listen{width:calc(100% - 32px)}
  .cb-preview-player{grid-template-columns:48px minmax(0,1fr);padding-inline:12px}
  .cb-preview-player__play{width:46px;height:46px}
  .cb-preview-player__wave{height:40px;gap:2px}
  .cb-preview-player__timeline{grid-template-columns:auto minmax(28px,1fr) auto;gap:6px;font-size:.66rem}
}

/* Sprint 5 – Flightcase --------------------------------------------------- */
.flightcase-page{min-height:100vh;background:radial-gradient(circle at 50% 0,rgba(255,255,255,.055),transparent 34rem),#08090b;color:#f7f7f4;}
.flightcase-hero{padding:clamp(7rem,14vw,11rem) var(--cb-space-page,clamp(1.25rem,4vw,4rem)) clamp(3rem,7vw,5.5rem);border-bottom:1px solid rgba(255,255,255,.1);}
.flightcase-hero__inner,.flightcase-content{width:min(1180px,100%);margin-inline:auto;}
.flightcase-hero h1{margin:.15em 0;font-size:clamp(3.2rem,10vw,8.5rem);line-height:.82;letter-spacing:-.055em;text-transform:uppercase;hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance;}
.flightcase-hero p:last-child{max-width:42rem;font-size:clamp(1.05rem,2vw,1.35rem);color:rgba(255,255,255,.7);}
.flightcase-content{padding:clamp(3rem,7vw,6rem) var(--cb-space-page,clamp(1.25rem,4vw,4rem)) 6rem;box-sizing:border-box;}
.flightcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem);align-items:stretch;}
.flightcase-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid rgba(225,230,236,.25);border-radius:18px;background:linear-gradient(145deg,#20242a,#101216 46%,#090a0d);box-shadow:0 22px 60px rgba(0,0,0,.38),inset 0 0 0 2px rgba(255,255,255,.025);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.flightcase-card::before,.flightcase-card::after{content:"";position:absolute;z-index:3;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7f7f7,#8e969f 35%,#34383e 72%);box-shadow:0 0 0 1px #08090a;}
.flightcase-card::before{left:10px;top:10px}.flightcase-card::after{right:10px;bottom:10px}
.flightcase-card__metal{height:9px;background:linear-gradient(90deg,#6e747a,#e4e6e7 15%,#72787d 34%,#c9ccce 55%,#5e646a 78%,#dfe1e2);opacity:.8;}
.flightcase-card__preview{display:grid;place-items:center;aspect-ratio:16/10;margin:1rem 1rem 0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:#050608;}
.flightcase-card__preview img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;}
.flightcase-card__empty{color:rgba(255,255,255,.42);font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;}
.flightcase-card__body{display:flex;flex:1;flex-direction:column;padding:1.4rem 1.4rem 1.5rem;}
.flightcase-card__tag{align-self:flex-start;margin-bottom:.9rem;padding:.32rem .55rem;border:1px solid rgba(255,255,255,.18);border-radius:4px;background:rgba(255,255,255,.055);font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#d9dde0;}
.flightcase-card h2{margin:0 0 .35rem;font-size:clamp(1.55rem,3vw,2.35rem);line-height:.95;text-transform:uppercase;hyphens:none;overflow-wrap:normal;word-break:normal;}
.flightcase-card__format{margin:0 0 1rem;color:#b6bdc4;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;}
.flightcase-card__story{color:rgba(255,255,255,.68);font-size:.96rem;line-height:1.65;}
.flightcase-card__story p:first-child{margin-top:0}.flightcase-card__story p:last-child{margin-bottom:0}
.flightcase-button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;margin-top:auto;padding:.85rem 1.1rem;border:1px solid rgba(255,255,255,.72);border-radius:999px;color:#fff;text-decoration:none;font-weight:750;letter-spacing:.06em;text-transform:uppercase;transition:background .25s ease,color .25s ease,transform .25s ease;}
.flightcase-button:hover,.flightcase-button:focus-visible{background:#fff;color:#070809;transform:translateY(-2px);}
.flightcase-button--disabled{border-color:rgba(255,255,255,.17);color:rgba(255,255,255,.42);}
.flightcase-back{margin:3rem 0 0;text-align:center}.flightcase-back a{color:rgba(255,255,255,.72);}
.flightcase-empty{text-align:center;padding:5rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:18px;}
@media (hover:hover) and (pointer:fine){.flightcase-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.38);box-shadow:0 30px 80px rgba(0,0,0,.5);}}
@media (max-width:980px){.flightcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:640px){.flightcase-grid{grid-template-columns:1fr}.flightcase-content{padding-inline:1rem}.flightcase-card__preview{aspect-ratio:16/10}.flightcase-hero h1{font-size:clamp(3rem,18vw,5.5rem)}}
@media (prefers-reduced-motion:reduce){.flightcase-card,.flightcase-button{transition:none!important}.flightcase-card:hover,.flightcase-button:hover{transform:none!important}}

/* 9.5.1 – freigegebener Proberaum, Phase 1. Nur Bild und passgenaue Klickflächen. */
.proberaum-scene__image{
  aspect-ratio:1536/918;
  background-image:url('../images/chaosbreaker-proberaum.png');
  background-position:center center;
  background-size:cover;
}
.proberaum-hotspot{
  top:71.1%;
  bottom:auto;
  height:22.5%;
  border-radius:3px;
  transform:none;
}
.proberaum-hotspot:hover,.proberaum-hotspot:focus-visible{
  transform:translateY(-2px);
}
.proberaum-hotspot--studio{left:16.8%;width:14.0%}
.proberaum-hotspot--songlabor{left:30.9%;width:14.0%}
.proberaum-hotspot--unter-uns{left:45.0%;width:14.0%}
.proberaum-hotspot--bandtagebuch{left:59.2%;width:14.8%}
.proberaum-hotspot--flightcase{left:74.3%;width:15.8%}
@media (max-width:980px){
  .proberaum-scene__image{aspect-ratio:4/5;background-position:center top}
}

/* Member-Card Intro */

.member-card-intro{
    width:min(1200px,calc(100% - 40px));
    margin:-20px auto 16px;
    padding:10px 0 4px;
    border-top:1px solid rgba(255,255,255,.10);
}

.member-card-intro__kicker{
    margin:0 0 12px;
    color:#ff8a00;
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.member-card-intro__title{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(2rem,4vw,4rem);
    line-height:.95;
    text-transform:uppercase;
}

.member-card-intro__text{
    max-width:780px;
    margin:0;
    color:#bdbdbd;
    font-size:clamp(.95rem,1.4vw,1.1rem);
    line-height:1.6;
}

/* ===========================================================
   CHAOSBREAKER MEMBER CARD
   =========================================================== */

.cb-member-card{
    position:relative;
    width:100%;
    max-width:1200px;
    margin:28px auto 60px;
}

.cb-member-card__bg{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
}

.cb-member-card{
    --holo-x:50%;
    --holo-y:50%;
    isolation:isolate;
    overflow:hidden;
    border-radius:2.8%;
    transition:transform .22s ease;
    transform-style:preserve-3d;
    will-change:transform;
}

.cb-member-card::before,
.cb-member-card::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
}

/* Beweglicher Lichtschein */
.cb-member-card::before{
    z-index:2;
    opacity:.28;
    transition:opacity .45s ease, background-position .18s ease;
    background:
        radial-gradient(
            ellipse 70% 58% at var(--holo-x) var(--holo-y),
            rgba(255,255,255,.34) 0%,
            rgba(170,225,255,.18) 16%,
            rgba(160,110,255,.10) 34%,
            rgba(255,120,60,.05) 52%,
            transparent 72%
        );
    filter:blur(1px);
    mix-blend-mode:screen;
}

/* Holografische Farbschicht */
.cb-member-card::after{
    z-index:3;
    opacity:.10;
    transition:opacity .45s ease, background-position .22s ease;
    background:
        linear-gradient(
            118deg,
            transparent 8%,
            rgba(0,210,255,.10) 24%,
            rgba(154,90,255,.13) 39%,
            rgba(255,80,160,.11) 53%,
            rgba(255,180,40,.09) 68%,
            transparent 88%
        );
    background-size:260% 260%;
    background-position:var(--holo-x) var(--holo-y);
    filter:blur(2px);
    mix-blend-mode:color-dodge;
}

.cb-member-card > .cb-name,
.cb-member-card > .cb-card-number,
.cb-member-card > .cb-member-since,
.cb-member-card > .cb-status,
.cb-member-card > .cb-qr{
    position:absolute;
    margin:0;
    padding:0;
    line-height:1;
    z-index:4;
}

.cb-name{
    top:43.7%;
    left:68.0%;
    transform:translate(-50%,-50%);
    font-family:"Brush Script MT",cursive;
    font-size:3.2vw;
    color:#ffffff;
    text-shadow:0 2px 6px rgba(0,0,0,.55);
    white-space:nowrap;
}

.cb-card-number{
    top:76.8%;
    left:50.2%;
    width:24%;
    transform:translate3d(-50%,-50%,0);
    text-align:center;
    pointer-events:none;
    transition:none!important;
    will-change:auto;
    backface-visibility:hidden;

    font-size:1.05vw;
    font-weight:700;
    color:#ff8a00;
    letter-spacing:.08em;
}

.cb-member-since{
    top:76.8%;
    left:70%;
    transform:translate(-50%,-50%);
    font-size:1.05vw;
    font-weight:700;
    color:#8b63ff;
}

.cb-status{
    top:89.5%;
    left:70%;
    transform:translate(-50%,-50%);
    font-size:1.8vw;
    font-weight:800;
    color:#ff9800;
    letter-spacing:.08em;
}

.cb-qr{
    width:9.2%;
    aspect-ratio:1 / 1;
    left:50.1%;
    top:79.5%;
    transform:translate(-50%,0);
    z-index:6;
}

.cb-qr a{
    position:relative;
    display:block;
    width:100%;
    height:100%;
}

.cb-qr__image{
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
}

.cb-qr a::after{
    content:"CB";
    position:absolute;
    z-index:50;
    left:50%;
    top:50%;
    width:18%;
    aspect-ratio:1 / 1;
    transform:translate(-50%,-50%);
    display:grid;
    place-items:center;
    border:2px solid #111;
    border-radius:50%;
    background:#ffffff;
    color:#111111;
    font-family:Arial,Helvetica,sans-serif;
    font-size:clamp(7px,.7vw,12px);
    font-weight:900;
    line-height:1;
    letter-spacing:-.04em;
    box-shadow:0 1px 5px rgba(0,0,0,.5);
    pointer-events:none;
}
.cb-qr__badge{
    display:none;
}




/* ===========================================================
   FLIGHTCASE – KOMPAKTER KOPF UND NEUE REIHENFOLGE
   =========================================================== */

.flightcase-hero{
    min-height:0 !important;
    padding:118px 28px 38px !important;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.flightcase-hero__inner{
    width:min(1200px,calc(100% - 40px));
    margin:0 auto;
}

.flightcase-hero__inner .eyebrow{
    margin:0 0 8px;
    font-size:.66rem;
    letter-spacing:.18em;
}

.flightcase-hero__inner h1{
    margin:0 0 8px;
    font-size:clamp(2.4rem,5vw,5rem);
    line-height:.9;
}

.flightcase-hero__inner > p:last-child{
    margin:0;
    color:#aaa;
    font-size:.95rem;
}

.flightcase-content{
    padding-top:34px !important;
}

.cb-membercard-stage{
    width:min(1320px,calc(100% - 40px));
    margin:0 auto 76px;
}

.cb-membercard-stage .member-card-intro{
    width:100%;
    margin:0 auto 16px;
    padding:18px 0 4px;
}

.cb-membercard-stage .cb-member-card{
    margin:24px auto 38px;
}

.flightcase-downloads{
    margin-top:0;
    padding-top:64px;
    border-top:1px solid rgba(255,255,255,.08);
}


/* ===========================================================
   MEMBER CARD – AKTIONSLEISTE
   =========================================================== */

.member-card-actions{
    width:min(1200px,100%);
    margin:22px auto 0;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
}

.member-card-action{
    min-height:78px;
    padding:15px 18px;
    display:flex;
    align-items:center;
    gap:14px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:6px;
    background:
        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015)),
        #0a0b0c;
    color:#fff;
    text-align:left;
    cursor:pointer;
}

.member-card-action__icon{
    flex:0 0 auto;
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    border:1px solid rgba(255,255,255,.18);
    border-radius:4px;
    color:#ff7a00;
    font-size:1.35rem;
}

.member-card-action__copy{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.member-card-action__copy strong{
    color:#fff;
    font-size:.86rem;
    text-transform:uppercase;
}

.member-card-action__copy small{
    color:#8f9296;
    font-size:.72rem;
}

.member-card-action--disabled{
    opacity:.42;
    cursor:not-allowed;
}


/* ===========================================================
   MEMBER CARD – VOLLBILDANSICHT
   =========================================================== */

.member-card-modal{
    position:fixed;
    inset:0;
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .28s ease,visibility .28s ease;
}

.member-card-modal.is-open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
}

.member-card-modal__backdrop{
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at center,rgba(255,91,0,.08),transparent 42%),
        rgba(0,0,0,.92);
    backdrop-filter:blur(18px);
    cursor:pointer;
}

.member-card-modal__content{
    position:relative;
    z-index:2;
    width:min(1180px,92vw);
    max-height:88vh;
    display:flex;
    align-items:center;
    justify-content:center;
    transform:scale(.94) translateY(14px);
    transition:transform .32s cubic-bezier(.22,.8,.3,1);
}

.member-card-modal.is-open .member-card-modal__content{
    transform:scale(1) translateY(0);
}

.member-card-modal__card{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.member-card-modal__card .cb-member-card{
    width:min(1100px,100%);
    margin:0;
}

.member-card-modal__close{
    position:fixed;
    z-index:3;
    top:24px;
    right:28px;
    width:52px;
    height:52px;
    display:grid;
    place-items:center;
    padding:0;
    border:1px solid rgba(255,255,255,.22);
    border-radius:50%;
    background:rgba(8,9,10,.72);
    color:#fff;
    font-size:2rem;
    font-weight:300;
    line-height:1;
    cursor:pointer;
    backdrop-filter:blur(12px);
    transition:color .2s ease,border-color .2s ease,transform .2s ease;
}

.member-card-modal__close:hover{
    color:#ff6500;
    border-color:#ff6500;
    transform:rotate(90deg);
}

body.member-card-modal-open{
    overflow:hidden;
}


/* Tablet */

@media (max-width:1024px){

    .cb-qr{
        width:10.2%;
        height:auto;
        left:57.8%;
        top:80.2%;
    }

    .member-card-actions{
        grid-template-columns:repeat(2,minmax(0,1fr));
        width:calc(100% - 12px);
    }
}
/* Tablet – Flightcase */

@media (max-width:1024px) and (min-width:701px){

    .flightcase-hero{
        padding:104px 28px 32px !important;
    }

    .flightcase-hero__inner{
        width:min(100%,900px);
    }

    .flightcase-hero__inner h1{
        font-size:clamp(3rem,7vw,4.6rem);
    }

    .flightcase-content{
        padding-top:26px !important;
    }

    .cb-membercard-stage{
        width:calc(100% - 36px);
        margin-bottom:60px;
    }

    .cb-membercard-stage .member-card-intro{
        padding-top:14px;
        margin-bottom:14px;
    }

    .cb-membercard-stage .cb-member-card{
        margin:20px auto 32px;
    }

    .flightcase-downloads{
        padding-top:52px;
    }

    .flightcase-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}



/* Smartphone */

@media (max-width:700px){

    .cb-qr{
        width:10.2%;
        height:auto;
        left:57.8%;
        top:80.2%;
    }

    .member-card-actions{
        width:100%;
        grid-template-columns:1fr;
        gap:10px;
        margin-top:16px;
    }

    .member-card-action{
        min-height:68px;
        padding:13px 15px;
    }

    .member-card-action__icon{
        width:34px;
        height:34px;
        font-size:1.15rem;
    }

    .member-card-modal{
        padding:68px 12px 22px;
    }

    .member-card-modal__content{
        width:100%;
        max-height:calc(100svh - 90px);
    }

    .member-card-modal__card .cb-member-card{
        width:100%;
    }

    .member-card-modal__close{
        top:14px;
        right:14px;
        width:44px;
        height:44px;
        font-size:1.7rem;
    }
}

@media (max-width:700px){

    .cb-member-card{
        transform:none !important;
        transition:none;
    }

}
@media (max-width:700px){

    .flightcase-hero{
        padding:92px 20px 26px !important;
    }

    .flightcase-content{
        padding-top:20px !important;
    }

    .cb-membercard-stage{
        width:calc(100% - 24px);
        margin-bottom:48px;
    }

    .cb-membercard-stage .member-card-intro{
        padding-top:10px;
    }

    .flightcase-downloads{
        padding-top:42px;
    }
}

/* ===========================================================
   MEMBER CARD MODAL – STABILE DARSTELLUNG
   =========================================================== */

/*
 * Das Modal wird vollständig ein- und ausgeblendet.
 * Dadurch kann die Flightcase-Ansicht nicht mehr durchblitzen.
 */
.member-card-modal{
    display:none !important;
    opacity:1 !important;
    visibility:hidden !important;
    pointer-events:none !important;
    transition:none !important;
    isolation:isolate;
    background:#050505;
}

.member-card-modal.is-open{
    display:flex !important;
    opacity:1 !important;
    visibility:visible !important;
    pointer-events:auto !important;
}

/* Keine Zoom-, Fade- oder Sprungbewegung des Inhalts */
.member-card-modal__content,
.member-card-modal.is-open .member-card-modal__content{
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
}

/* Die Karte im Modal bleibt exakt ruhig */
.member-card-modal .cb-member-card,
.member-card-modal .cb-member-card:hover,
.member-card-modal .cb-member-card:focus,
.member-card-modal .cb-member-card:active{
    transform:none !important;
    transition:none !important;
    animation:none !important;
    will-change:auto !important;
    transform-style:flat !important;
    perspective:none !important;
}

/* Bewegliche Hologrammflächen im Modal abschalten */
.member-card-modal .cb-member-card::before,
.member-card-modal .cb-member-card::after{
    opacity:0 !important;
    transition:none !important;
    animation:none !important;
    background-position:center !important;
}

/*
 * Keine eigenen Schriftgrößen im Modal.
 * Die Karte verwendet dieselben Daten-Schriften wie in der normalen Ansicht.
 */
.member-card-modal .cb-name,
.member-card-modal .cb-card-number,
.member-card-modal .cb-member-since,
.member-card-modal .cb-status,
.member-card-modal .cb-qr a::after{
    animation:none !important;
    transition:none !important;
}

/* Der Hintergrund bleibt während des geöffneten Modals vollständig deckend */
.member-card-modal__backdrop{
    opacity:1 !important;
    background:
        radial-gradient(circle at center,rgba(255,91,0,.06),transparent 42%),
        #050505 !important;
    transition:none !important;
}

/* Scrollen und Layoutsprünge verhindern */
html:has(body.member-card-modal-open){
    overflow:hidden;
}

body.member-card-modal-open{
    overflow:hidden !important;
    padding-right:0 !important;
}

/* Smartphone: ebenfalls ohne Übergänge oder Größenwechsel */
@media (max-width:700px){
    .member-card-modal{
        align-items:center;
        justify-content:center;
    }

    .member-card-modal__content,
    .member-card-modal.is-open .member-card-modal__content{
        width:100% !important;
        max-height:none !important;
        transform:none !important;
    }

    .member-card-modal__card .cb-member-card{
        width:100% !important;
        margin:0 !important;
    }
}

/* ===========================================================
   MEMBER CARD MODAL – FESTE BILDSCHIRMPOSITION
   =========================================================== */

/*
 * Der komplette Kartenbereich erhält eine feste Bildschirmfläche.
 * Mausbewegungen können dadurch keine neue Flex- oder Seitenposition
 * mehr auslösen.
 */
.member-card-modal__content,
.member-card-modal.is-open .member-card-modal__content{
    position:fixed !important;
    inset:0 !important;

    width:100vw !important;
    height:100vh !important;
    max-width:none !important;
    max-height:none !important;

    display:block !important;
    margin:0 !important;
    padding:0 !important;

    transform:none !important;
    transition:none !important;
    pointer-events:none !important;
}

/*
 * Nicht die Karte selbst, sondern dieser neutrale Halter wird zentriert.
 * So bleibt die Karte auch bei Hover- oder Pointer-Ereignissen exakt stehen.
 */
.member-card-modal__card{
    position:absolute !important;
    left:50% !important;
    top:50% !important;

    width:min(
        1100px,
        92vw,
        calc((100vh - 90px) * 1.50)
    ) !important;

    height:auto !important;
    margin:0 !important;
    padding:0 !important;

    display:block !important;

    transform:translate(-50%,-50%) !important;
    transition:none !important;
    pointer-events:none !important;
}

/* Die Karte füllt nur noch ihren fest positionierten Halter aus. */
.member-card-modal__card .cb-member-card,
.member-card-modal__card .cb-member-card:hover,
.member-card-modal__card .cb-member-card:focus,
.member-card-modal__card .cb-member-card:active{
    position:relative !important;
    inset:auto !important;

    width:100% !important;
    max-width:none !important;
    height:auto !important;

    margin:0 !important;
    padding:0 !important;

    transform:none !important;
    transition:none !important;
    animation:none !important;
    pointer-events:none !important;
}

/* Auch alle Inhalte der Vollbildkarte sind vollständig mausneutral. */
.member-card-modal__card .cb-member-card *{
    pointer-events:none !important;
}

/* Smartphone: etwas mehr Rand zum Schließen-Symbol. */
@media (max-width:700px){
    .member-card-modal__card{
        width:min(
            96vw,
            calc((100vh - 110px) * 1.50)
        ) !important;
    }
}

/* ===========================================================
   MEMBER CARD – EXAKTER PNG-EXPORT
   =========================================================== */

.cb-member-card--export{
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    transform:none !important;
    transition:none !important;
    animation:none !important;
    box-shadow:none !important;
    pointer-events:none !important;
}

.cb-member-card--export::before,
.cb-member-card--export::after{
    display:none !important;
    content:none !important;
}

.cb-member-card--export .cb-member-card__bg{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    max-width:none !important;
    transform:none !important;
}

.cb-member-card--export,
.cb-member-card--export *{
    animation:none !important;
    transition:none !important;
    pointer-events:none !important;
}

/* ===========================================================
   FLIGHTCASE – PREMIUM CASE DESIGN
   Nur Darstellung: neue WordPress-Einträge übernehmen den Look
   automatisch. Keine zusätzliche PHP-Struktur erforderlich.
   =========================================================== */

.flightcase-grid{
    grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));
    gap:clamp(26px,3vw,38px);
    align-items:stretch;
}

.flightcase-card{
    --case-cut:15px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    min-height:100%;
    padding:12px;
    border:0;
    border-radius:0;
    clip-path:polygon(
        var(--case-cut) 0,
        calc(100% - var(--case-cut)) 0,
        100% var(--case-cut),
        100% calc(100% - var(--case-cut)),
        calc(100% - var(--case-cut)) 100%,
        var(--case-cut) 100%,
        0 calc(100% - var(--case-cut)),
        0 var(--case-cut)
    );
    background:
        linear-gradient(
            115deg,
            #50565d 0%,
            #d7dadd 7%,
            #747b83 15%,
            #2d3238 26%,
            #bfc3c7 40%,
            #5e646b 52%,
            #d6d9dc 67%,
            #555b62 82%,
            #252a30 100%
        );
    box-shadow:
        0 25px 58px rgba(0,0,0,.46),
        0 0 0 1px rgba(255,255,255,.11);
    transition:
        transform .3s ease,
        filter .3s ease,
        box-shadow .3s ease;
}

/* Dunkler Koffer-Innenkörper */
.flightcase-card::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:8px;
    width:auto;
    height:auto;
    left:8px;
    top:8px;
    right:8px;
    bottom:8px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:0;
    clip-path:polygon(
        10px 0,
        calc(100% - 10px) 0,
        100% 10px,
        100% calc(100% - 10px),
        calc(100% - 10px) 100%,
        10px 100%,
        0 calc(100% - 10px),
        0 10px
    );
    background:
        linear-gradient(160deg,rgba(255,255,255,.035),transparent 31%),
        radial-gradient(circle at 72% 8%,rgba(255,255,255,.025),transparent 28%),
        linear-gradient(180deg,#11151b 0%,#0b0e13 52%,#080a0e 100%);
    box-shadow:
        inset 0 0 0 2px rgba(0,0,0,.4),
        inset 0 18px 34px rgba(255,255,255,.018),
        inset 0 -28px 46px rgba(0,0,0,.36);
}

/* Vier Nieten über mehrere radiale Hintergründe */
.flightcase-card::after{
    content:"";
    position:absolute;
    z-index:5;
    inset:0;
    width:auto;
    height:auto;
    left:0;
    top:0;
    right:0;
    bottom:0;
    border-radius:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 18px 18px,#f0f2f3 0 2px,#858c94 3px,#252a30 5px,transparent 6px),
        radial-gradient(circle at calc(100% - 18px) 18px,#f0f2f3 0 2px,#858c94 3px,#252a30 5px,transparent 6px),
        radial-gradient(circle at 18px calc(100% - 18px),#f0f2f3 0 2px,#858c94 3px,#252a30 5px,transparent 6px),
        radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),#f0f2f3 0 2px,#858c94 3px,#252a30 5px,transparent 6px);
    box-shadow:none;
}

/* Vorhandene schmale Metallschiene wird zum echten oberen Case-Profil */
.flightcase-card__metal{
    position:relative;
    z-index:3;
    flex:0 0 auto;
    height:14px;
    margin:-1px 5px 4px;
    border:1px solid rgba(20,23,27,.85);
    border-radius:3px 3px 0 0;
    background:
        repeating-linear-gradient(
            90deg,
            transparent 0 42px,
            rgba(20,23,27,.42) 43px 44px
        ),
        linear-gradient(
            180deg,
            #eef0f1 0%,
            #8c939a 26%,
            #3e444b 56%,
            #aeb3b8 78%,
            #555b62 100%
        );
    opacity:1;
    box-shadow:
        inset 0 1px rgba(255,255,255,.75),
        0 2px 6px rgba(0,0,0,.45);
}

/* Alle echten Inhalte sicher vor den Case-Layern */
.flightcase-card > :not(.flightcase-card__metal){
    position:relative;
    z-index:2;
}

/* Eingelassener Bildschirm */
.flightcase-card__preview{
    margin:10px 9px 0;
    aspect-ratio:16/10;
    padding:9px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:7px;
    background:
        linear-gradient(145deg,#020304,#0a0c10);
    box-shadow:
        inset 0 0 0 2px rgba(0,0,0,.76),
        inset 0 0 22px rgba(0,0,0,.82),
        0 7px 14px rgba(0,0,0,.32);
}

.flightcase-card__preview img{
    border-radius:3px;
    object-fit:cover!important;
    transition:transform .55s ease,filter .55s ease;
}

/* Gleichmäßiger, automatisch wachsender Inhaltsbereich */
.flightcase-card__body{
    min-height:0;
    padding:1.35rem 1.25rem 1.35rem;
}

.flightcase-card__tag{
    margin-bottom:1rem;
    padding:.38rem .68rem;
    border-color:rgba(216,221,226,.32);
    border-radius:3px;
    background:
        linear-gradient(180deg,rgba(190,196,203,.15),rgba(65,71,79,.11));
    box-shadow:
        inset 0 1px rgba(255,255,255,.08);
}

.flightcase-card h2{
    min-height:1.9em;
    margin-bottom:.5rem;
    font-size:clamp(1.7rem,2.4vw,2.55rem);
    letter-spacing:.025em;
}

.flightcase-card__format{
    min-height:1.35em;
    margin-bottom:1rem;
}

.flightcase-card__story{
    flex:1 1 auto;
    margin-bottom:1.35rem;
}

/* Button wie ein eingelassener Case-Griff */
.flightcase-button{
    position:relative;
    min-height:54px;
    margin-top:auto;
    border:1px solid rgba(222,226,230,.58);
    border-radius:8px;
    background:
        linear-gradient(180deg,#11151a,#080a0d);
    box-shadow:
        inset 0 0 0 3px rgba(0,0,0,.42),
        inset 0 1px rgba(255,255,255,.06),
        0 5px 10px rgba(0,0,0,.32);
}

.flightcase-button::before,
.flightcase-button::after{
    content:"";
    width:18px;
    height:4px;
    border:1px solid rgba(190,196,202,.5);
    border-radius:99px;
    background:#050608;
    box-shadow:inset 0 1px 2px rgba(0,0,0,.8);
}

.flightcase-button:hover,
.flightcase-button:focus-visible{
    color:#fff;
    border-color:rgba(255,184,94,.86);
    background:
        linear-gradient(180deg,#1b1713,#0c0907);
    box-shadow:
        inset 0 0 0 3px rgba(0,0,0,.38),
        0 0 24px rgba(255,113,36,.15);
}

.flightcase-button--disabled{
    opacity:.56;
}

/* Ruhiger Premium-Hover, ohne die erweiterbare Kartenstruktur zu verändern */
@media (hover:hover) and (pointer:fine){
    .flightcase-card:hover{
        transform:translateY(-7px);
        filter:brightness(1.035);
        box-shadow:
            0 34px 72px rgba(0,0,0,.56),
            0 0 0 1px rgba(255,184,94,.18);
    }

    .flightcase-card:hover .flightcase-card__preview img{
        transform:scale(1.025);
        filter:saturate(1.06) contrast(1.025);
    }
}

@media (max-width:700px){
    .flightcase-card{
        --case-cut:11px;
        padding:10px;
    }

    .flightcase-card::before{
        inset:6px;
        left:6px;
        top:6px;
        right:6px;
        bottom:6px;
    }

    .flightcase-card__preview{
        margin:8px 7px 0;
        padding:7px;
    }

    .flightcase-card h2{
        min-height:0;
    }

    .flightcase-card__body{
        padding:1.15rem 1rem 1.15rem;
    }
}

@media (prefers-reduced-motion:reduce){
    .flightcase-card,
    .flightcase-card__preview img{
        transition:none!important;
    }
}

/* 9.5.10 – Proberaum auf Smartphones im Querformat vollständig anzeigen */
@media (orientation:landscape) and (max-width:980px) {
  .proberaum-scene__image {
    aspect-ratio:1536/918;
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;
    background-color:#050505;
  }
}

/* 9.5.11 – S25 / Smartphone quer: kompletten Proberaum ohne Beschnitt zeigen */
@media (orientation:landscape) and (max-width:1200px) and (max-height:700px) {
  .proberaum-scene {
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
    background:#050505 !important;
  }

  .proberaum-scene__image {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:1536/918 !important;
    background-image:url('../images/chaosbreaker-proberaum.png') !important;
    background-size:contain !important;
    background-position:center center !important;
    background-repeat:no-repeat !important;
    overflow:hidden !important;
  }

  .proberaum-hotspot {
    display:none !important;
  }

  .proberaum-mobile-nav {
    display:grid !important;
  }
}

/* 9.5.12 – Smartphone quer: fingerfreundliche Proberaum-Navigation */
@media (orientation:landscape) and (max-width:1200px) and (max-height:700px) {
  .proberaum-mobile-nav {
    display:flex !important;
    grid-template-columns:none !important;
    gap:10px !important;
    padding:12px 14px 16px !important;
    overflow-x:auto !important;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
    border-left:0 !important;
    border-top:1px solid #292724 !important;
    background:#050505 !important;
    -webkit-overflow-scrolling:touch;
  }

  .proberaum-mobile-nav a {
    flex:0 0 clamp(180px,28vw,250px) !important;
    min-height:64px !important;
    padding:14px 18px !important;
    border:1px solid #292724 !important;
    background:#0b0b0b !important;
    font-size:clamp(1rem,2.2vw,1.28rem) !important;
    line-height:1.05 !important;
    text-align:center !important;
    scroll-snap-align:start;
    touch-action:manipulation;
  }

  .proberaum-mobile-nav a:active {
    background:#1a120d !important;
    color:#ff9a4c !important;
    transform:scale(.985);
  }
}

/* 9.5.13 – Smartphone quer: fünf Proberaum-Ziele in einer Bildschirmzeile */
@media (orientation:landscape) and (max-width:1200px) and (max-height:700px) {
  .proberaum-mobile-nav {
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    gap:6px !important;
    padding:10px 10px 14px !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    scrollbar-width:none !important;
  }

  .proberaum-mobile-nav::-webkit-scrollbar {
    display:none !important;
  }

  .proberaum-mobile-nav a {
    flex:none !important;
    min-width:0 !important;
    width:auto !important;
    min-height:58px !important;
    padding:10px 6px !important;
    font-size:clamp(.64rem,1.55vw,.92rem) !important;
    line-height:1 !important;
    letter-spacing:.015em !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }
}

/* ==========================================================
   MEIN BACKSTAGE-PASS 1.0 · Build 9.6.0
   ========================================================== */
.backstage-pass-page{min-height:100svh;background:#050505;color:#f5f3ed}
.backstage-pass-shell{width:min(1120px,calc(100% - 48px));margin:0 auto}
.backstage-pass-hero{padding:clamp(140px,16vw,210px) 0 72px;background:radial-gradient(circle at 82% 18%,rgba(255,91,0,.11),transparent 34%),linear-gradient(180deg,#090909,#050505);border-bottom:1px solid #1d1d1d}
.backstage-pass-hero h1{max-width:12ch;margin:.12em 0 .3em;font-size:clamp(3.2rem,9vw,7.5rem);font-weight:400;line-height:.88;text-transform:uppercase}
.backstage-pass-hero__lead{max-width:700px;margin:0;color:#aaa;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}
.backstage-pass-content{padding:72px 0 110px}
.backstage-pass-card{position:relative;padding:clamp(28px,5vw,58px);border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at 92% 8%,rgba(255,91,0,.15),transparent 31%),linear-gradient(145deg,#101010,#080808);box-shadow:0 34px 90px rgba(0,0,0,.36);overflow:hidden}
.backstage-pass-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#ff5b00}
.backstage-pass-card__top{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:34px;border-bottom:1px solid #292929}
.backstage-pass-card__kicker,.backstage-pass-section-kicker{margin:0 0 10px;color:#ff6a00;font-size:.7rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.backstage-pass-card h2{margin:0;font-size:clamp(2.4rem,6vw,5.2rem);line-height:.92;text-transform:uppercase;overflow-wrap:anywhere}
.backstage-pass-card__edition{flex:0 0 auto;padding:11px 14px;border:1px solid rgba(255,91,0,.7);color:#ff8a43;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.backstage-pass-card__number{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:38px 0}
.backstage-pass-card__number span{color:#777;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}
.backstage-pass-card__number strong{font-size:clamp(1.5rem,4vw,3rem);letter-spacing:.07em}
.backstage-pass-data{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #292929}
.backstage-pass-data>div{display:grid;grid-template-columns:minmax(120px,.72fr) 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #292929}
.backstage-pass-data>div:nth-child(odd){padding-right:28px;border-right:1px solid #292929}
.backstage-pass-data>div:nth-child(even){padding-left:28px}
.backstage-pass-data dt{color:#777;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.backstage-pass-data dd{margin:0;font-weight:700;overflow-wrap:anywhere}
.backstage-pass-status{color:#8cff92}
.backstage-pass-card__privacy{max-width:760px;margin:30px 0 0;color:#777;font-size:.78rem;line-height:1.65}
.backstage-pass-next{margin-top:28px;padding:clamp(26px,4vw,42px);border:1px solid #242424;background:#090909}
.backstage-pass-next h2,.backstage-pass-rewards h2{margin:0 0 12px;font-size:clamp(2rem,4vw,3.6rem);line-height:1;text-transform:uppercase}
.backstage-pass-next p:not(.backstage-pass-section-kicker){margin:0;color:#aaa}
.backstage-pass-progress{height:7px;margin-top:28px;background:#202020;overflow:hidden}
.backstage-pass-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff5b00,#ff914d)}
.backstage-pass-rewards{margin-top:72px}
.backstage-pass-section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}
.backstage-pass-flightcase-link{flex:0 0 auto;color:#ff7a2d;text-decoration:none;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.backstage-pass-reward-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.backstage-pass-reward{min-height:220px;padding:28px;border:1px solid #252525;background:#0a0a0a}
.backstage-pass-reward.is-unlocked{border-color:rgba(255,91,0,.55);background:radial-gradient(circle at 85% 10%,rgba(255,91,0,.1),transparent 36%),#0a0a0a}
.backstage-pass-reward__state{display:block;margin-bottom:32px;color:#777;font-size:.66rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.backstage-pass-reward.is-unlocked .backstage-pass-reward__state{color:#8cff92}
.backstage-pass-reward h3{margin:0 0 12px;font-size:1.5rem;line-height:1.05;text-transform:uppercase}
.backstage-pass-reward p{color:#888}
.backstage-pass-reward a,.backstage-pass-reward>span:last-child{display:inline-block;margin-top:20px;color:#ff7a2d;text-decoration:none;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.backstage-pass-empty{padding:28px;border:1px dashed #333;color:#888;line-height:1.7}
@media(max-width:800px){
  .backstage-pass-shell{width:calc(100% - 30px)}
  .backstage-pass-hero{padding:112px 0 52px}
  .backstage-pass-content{padding:42px 0 78px}
  .backstage-pass-card__top,.backstage-pass-card__number,.backstage-pass-section-head{align-items:flex-start;flex-direction:column}
  .backstage-pass-data{grid-template-columns:1fr}
  .backstage-pass-data>div:nth-child(odd),.backstage-pass-data>div:nth-child(even){padding-left:0;padding-right:0;border-right:0}
  .backstage-pass-reward-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .backstage-pass-data>div{grid-template-columns:1fr;gap:6px}
  .backstage-pass-card__edition{white-space:nowrap}
}

/* 9.6.1 – Flightcase-Titel sauber innerhalb der Case-Breite */
.flightcase-card h2{
    font-size:clamp(1.48rem,2.05vw,2.18rem) !important;
    line-height:.98 !important;
    letter-spacing:.015em !important;
    overflow-wrap:normal !important;
    word-break:keep-all !important;
    text-wrap:balance;
}

@media (min-width:981px){
    .flightcase-card h2{
        white-space:normal !important;
    }
}

/* 9.6.2 – Flightcase-Titel noch etwas kompakter */
.flightcase-card h2{
    font-size:clamp(1.34rem,1.78vw,1.92rem) !important;
    line-height:.98 !important;
}


/* =========================================================
   BACKSTAGE SIGNAL · MEIN PASS
   ========================================================= */
.backstage-signal-pass{
  margin:0 0 clamp(26px,4vw,46px);
  padding:clamp(24px,3.2vw,38px);
  border:1px solid rgba(255,255,255,.14);
  border-left:3px solid #5f5b63;
  background:
    linear-gradient(135deg,rgba(255,90,0,.035),rgba(255,255,255,.012)),
    rgba(10,10,12,.84);
  box-shadow:0 24px 70px rgba(0,0,0,.26);
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.backstage-signal-pass.is-active{
  border-left-color:#ff5a00;
  background:
    radial-gradient(circle at 93% 12%,rgba(255,90,0,.1),transparent 28%),
    linear-gradient(135deg,rgba(255,90,0,.045),rgba(255,255,255,.012)),
    rgba(10,10,12,.88);
  box-shadow:0 26px 80px rgba(0,0,0,.3),-8px 0 34px rgba(255,90,0,.055);
}
.backstage-signal-pass__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding-bottom:22px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
.backstage-signal-pass__head h2{
  margin:5px 0 0;
  color:#fff;
  font-size:clamp(1.7rem,3vw,2.5rem);
  letter-spacing:-.035em;
}
.backstage-signal-pass__status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  color:#aaa5af;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.15em;
}
.backstage-signal-pass.is-active .backstage-signal-pass__status{color:#f4eee9}
.backstage-signal-pass__light{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#555159;
  box-shadow:0 0 0 4px rgba(255,255,255,.035);
}
.backstage-signal-pass.is-active .backstage-signal-pass__light{
  background:#ff5a00;
  box-shadow:0 0 0 4px rgba(255,90,0,.12),0 0 20px rgba(255,90,0,.75);
}
.backstage-signal-pass__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);
  gap:clamp(26px,5vw,62px);
  align-items:center;
  padding-top:24px;
}
.backstage-signal-pass__copy{max-width:650px}
.backstage-signal-pass__copy p{
  margin:0 0 12px;
  color:#c9c5cd;
  font-size:.95rem;
  font-weight:400;
  line-height:1.7;
}
.backstage-signal-pass__copy p:last-child{margin-bottom:0}
.backstage-signal-pass__form{
  padding:20px;
  border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.018);
}
.backstage-signal-pass__switch-row{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:15px;
  align-items:center;
  cursor:pointer;
}
.backstage-signal-pass__input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.backstage-signal-pass__switch{
  position:relative;
  width:48px;
  height:25px;
  border:1px solid #55515a;
  background:#17171a;
  box-shadow:inset 0 0 0 3px #0b0b0d;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
.backstage-signal-pass__switch span{
  position:absolute;
  top:4px;
  left:5px;
  width:15px;
  height:15px;
  background:#77727b;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.backstage-signal-pass__input:checked + .backstage-signal-pass__switch{
  border-color:#ff5a00;
  background:rgba(255,90,0,.13);
  box-shadow:inset 0 0 0 3px #0b0b0d,0 0 18px rgba(255,90,0,.15);
}
.backstage-signal-pass__input:checked + .backstage-signal-pass__switch span{
  transform:translateX(21px);
  background:#ff5a00;
  box-shadow:0 0 13px rgba(255,90,0,.72);
}
.backstage-signal-pass__input:focus-visible + .backstage-signal-pass__switch{
  outline:2px solid #fff;
  outline-offset:4px;
}
.backstage-signal-pass__switch-copy strong{
  display:block;
  color:#fff;
  font-size:.9rem;
  line-height:1.35;
}
.backstage-signal-pass__switch-copy small{
  display:block;
  margin-top:4px;
  color:#8f8993;
  font-size:.76rem;
  font-weight:400;
  line-height:1.45;
}
.backstage-signal-pass__button{
  width:100%;
  margin-top:18px;
  padding:13px 16px;
  border:0;
  background:#ff5a00;
  color:#090909;
  font:inherit;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .2s ease,filter .2s ease;
}
.backstage-signal-pass__button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.backstage-signal-pass__notice{
  margin:18px 0 0;
  padding:11px 13px;
  border-left:2px solid #45c083;
  background:rgba(69,192,131,.08);
  color:#bcebd2;
  font-size:.82rem;
}
.backstage-signal-pass__notice.is-error{
  border-left-color:#e7647d;
  background:rgba(231,100,125,.08);
  color:#f2b8c3;
}
@media(max-width:760px){
  .backstage-signal-pass__head{flex-direction:column;gap:13px}
  .backstage-signal-pass__body{grid-template-columns:1fr}
}

/* ==========================================================
   MEIN PASS · BACKSTAGE SIGNAL KOMPAKT · FINAL 2026-08-02
   Freigegebene Endfassung: Signal im oberen Passblock.
   ========================================================== */
.backstage-pass-card__main{
  display:grid;
  grid-template-columns:minmax(0,1.72fr) minmax(300px,.88fr);
  align-items:stretch;
  border-top:1px solid #292929;
}
.backstage-pass-card__main .backstage-pass-data{
  border-top:0;
  min-width:0;
}
.backstage-pass-edition-value{
  display:inline-flex;
  padding:3px 7px;
  border:1px solid rgba(92,225,81,.7);
  color:#68e75d;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.backstage-signal-compact{
  align-self:stretch;
  min-width:0;
  margin:0 0 0 26px;
  padding:24px 22px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(255,91,0,.025));
}
.backstage-signal-compact__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
}
.backstage-signal-compact__head h3{
  margin:0 0 12px;
  color:#f5f3ed;
  font-size:1rem;
  font-weight:700;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.backstage-signal-compact__status{
  display:inline-flex;
  padding:3px 7px;
  border:1px solid #514d55;
  color:#aaa5af;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.backstage-signal-compact.is-active .backstage-signal-compact__status{
  border-color:rgba(92,225,81,.75);
  color:#68e75d;
  box-shadow:0 0 14px rgba(92,225,81,.08);
}
.backstage-signal-compact__form{flex:0 0 auto;margin:2px 0 0}
.backstage-signal-compact__switch-label{display:block;cursor:pointer}
.backstage-signal-compact__input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.backstage-signal-compact__switch{
  position:relative;
  display:block;
  width:58px;
  height:30px;
  border:1px solid #66626b;
  border-radius:999px;
  background:#111215;
  box-shadow:inset 0 0 0 3px #090a0b;
  transition:.2s ease;
}
.backstage-signal-compact__switch span{
  position:absolute;
  left:5px;
  top:5px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#77727b;
  transition:transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.backstage-signal-compact__input:checked + .backstage-signal-compact__switch{
  border-color:#8a858d;
  background:#17181b;
}
.backstage-signal-compact__input:checked + .backstage-signal-compact__switch span{
  transform:translateX(28px);
  background:#ff6500;
  box-shadow:0 0 14px rgba(255,101,0,.7);
}
.backstage-signal-compact__input:focus-visible + .backstage-signal-compact__switch{
  outline:2px solid #fff;
  outline-offset:4px;
}
.backstage-signal-compact__copy{margin-top:20px}
.backstage-signal-compact__copy p,
.backstage-signal-compact__hint{
  margin:0 0 8px;
  color:#aaa5af;
  font-size:.82rem;
  font-weight:400;
  line-height:1.58;
}
.backstage-signal-compact__copy p:last-child{margin-bottom:0}
.backstage-signal-compact__hint{
  margin:20px 0 0;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.1);
}
.backstage-signal-compact__notice{
  margin:14px 0 0;
  color:#68e75d;
  font-size:.72rem;
  line-height:1.4;
}
.backstage-signal-compact__notice.is-error{color:#ef8b9f}
.backstage-signal-compact__save{
  margin-top:8px;
  padding:7px 10px;
  border:1px solid #ff6500;
  background:transparent;
  color:#fff;
  font:inherit;
  font-size:.7rem;
  cursor:pointer;
}

/* Der frühere große Einzelblock darf in dieser Endfassung nicht mehr erscheinen. */
.backstage-pass-card + .backstage-signal-pass{display:none!important}

@media(max-width:980px){
  .backstage-pass-card__main{grid-template-columns:1fr}
  .backstage-signal-compact{margin:24px 0 0;padding:22px}
}
@media(max-width:800px){
  .backstage-pass-card__main{border-top:0}
  .backstage-signal-compact__head{align-items:center}
}
@media(max-width:480px){
  .backstage-signal-compact{padding:19px 17px}
  .backstage-signal-compact__switch{width:54px;height:28px}
  .backstage-signal-compact__switch span{width:16px;height:16px}
  .backstage-signal-compact__input:checked + .backstage-signal-compact__switch span{transform:translateX(26px)}
}