/* BarRadio.de: the stage beneath the hero. */
.gsap-ready .cinema .entrance{animation:none}
.cinema h1 em{color:#ffb367;background:linear-gradient(105deg,#ffd16c 3%,#ff9b68 24%,#ff79c7 48%,#b3a1ff 70%,#64ebf2 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:.15em .18em .3em;margin:.2em -.18em 0;line-height:1.35}
.cinema h1 em .motion-char{background:inherit;background-clip:text;-webkit-background-clip:text}
.disco-section{position:relative;isolation:isolate;overflow:hidden;max-width:none;padding:65px max(32px,calc((100% - 1240px)/2)) 75px;background:#080b1c;color:#fff;min-height:870px}
.disco-backdrop,.confetti-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}
.disco-backdrop{overflow:hidden;background:radial-gradient(ellipse at 15% 40%,#6d1f7955,transparent 55%),radial-gradient(ellipse at 90% 45%,#005e9e66,transparent 60%),#080b1c}
.disco-photo{position:absolute;inset:-5%;background:url(assets/disco-atmosphere.png) center/cover no-repeat;opacity:.65;transform-origin:center}
.disco-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(#080b1c88,#080b1c40 30%,#080b1cc9 78%,#080b1c),linear-gradient(90deg,#080b1c11,#080b1c77 45%,#080b1c11)}
.disco-beam{position:absolute;top:-140px;width:30%;height:1100px;transform-origin:50% 0;filter:blur(12px);mix-blend-mode:screen;opacity:.24;clip-path:polygon(49% 0,51% 0,100% 100%,0 100%)}
.beam-one{left:5%;background:linear-gradient(#b9a3ff,#9862ff00);transform:rotate(-24deg)}
.beam-two{right:5%;background:linear-gradient(#59edff,#45d9ff00);transform:rotate(22deg)}
.beam-three{left:45%;background:linear-gradient(#ff77c1,#ff4da300);transform:rotate(-8deg)}
.disco-mirrorball{position:absolute;right:10%;top:-25px;width:100px;height:100px;border-radius:50%;opacity:.6;background:repeating-linear-gradient(0deg,transparent 0 9px,#ffffff44 10px 11px),repeating-linear-gradient(90deg,#73819d55 0 9px,#ffffff99 10px 11px),radial-gradient(circle at 30% 30%,#f4f6ff,#586281 50%,#10152b);box-shadow:0 0 80px #a58fff55}
.disco-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px}.disco-toolbar>span{font-size:10px;font-weight:850;letter-spacing:3px;color:#b3a7dd}.disco-toolbar button{border-color:#ffffff40;color:#d5def3;background:#111b3288;font-size:11px;border-radius:30px;padding:8px 14px}
.disco-section .player-focus-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:55px;margin-bottom:35px}
.disco-section .eyebrow{color:#79e6f1;letter-spacing:2px;font-size:10px}
.disco-section h2{font-size:clamp(40px,4.6vw,66px);font-weight:900;letter-spacing:-2px;line-height:1.07}.disco-section h2 em{color:#ed9cfe;font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic}
.disco-section .player-focus-heading>p{color:#e1def0;font-size:16px;line-height:1.7;max-width:460px}
.disco-section .player-feature-grid{gap:18px}
.disco-section .player-feature-grid article{position:relative;padding:0;border:0;border-radius:22px;background:#101227dd;box-shadow:0 20px 45px #0004;--card-accent:#65e8f5}
.disco-section .player-feature-grid article:nth-child(2){--card-accent:#b198ff}.disco-section .player-feature-grid article:nth-child(3){--card-accent:#ff75bf}.disco-section .player-feature-grid article:nth-child(4){--card-accent:#ffc36b}
.player-feature-grid article>div,.player-feature-grid .spotlight-card{height:100%}
.player-feature-grid .spotlight-card{padding:24px 22px;background-color:transparent;border-radius:22px;border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent)}
.disco-section .feature-number{color:var(--card-accent);font-size:10px;letter-spacing:2px}
.disco-section .player-feature-grid h3{color:white;font-size:22px;line-height:1.2;letter-spacing:-.5px;margin:15px 0}.disco-section .player-feature-grid p{color:#bfc8de;font-size:13px;line-height:1.7}
.feature-art{height:108px;margin:-3px 0 23px;border-bottom:1px solid #ffffff12;color:var(--card-accent);position:relative;overflow:hidden}
.sound-art{display:flex;gap:5px;justify-content:center;align-items:center;padding-bottom:20px}.sound-art i{width:6px;height:30px;background:linear-gradient(var(--card-accent),#7675f5);border-radius:6px;transform:scaleY(.8);box-shadow:0 0 12px #65e8f533}.sound-art i:nth-child(3n){height:65px}.sound-art i:nth-child(4n){height:48px}.sound-art i:nth-child(2n){height:22px}.sound-art span{position:absolute;bottom:6px;font-size:8px;letter-spacing:3px}
.screen-art{display:grid;place-items:center;padding-bottom:12px}.mini-screen{width:145px;height:82px;border:1px solid #b198ff99;border-radius:9px;background:radial-gradient(ellipse at bottom right,#ff6ea299,transparent),linear-gradient(140deg,#6339ad,#0d223d);padding:12px;box-shadow:0 0 30px #b198ff22}.mini-screen span{display:block;color:#fff;font-size:8px;letter-spacing:2px}.mini-screen b{font-size:12px;color:#fff}.mini-screen i{float:right;font-size:15px;color:#fff}
.stage-art svg{width:100%;height:100%;stroke:var(--card-accent);stroke-width:2;fill:none;filter:drop-shadow(0 0 8px #ff75bf66)}
.moment-art{display:flex;justify-content:center;align-items:center;gap:9px;padding-bottom:10px}.moment-art span{display:grid;place-items:center;width:40px;height:44px;border:1px solid #ffc36b66;border-radius:10px;background:#9d5d291f;font-size:24px;box-shadow:0 0 16px #ffc36b11}.moment-art span:nth-child(2){color:#ff75bf;border-color:#ff75bf66}
.disco-section .player-focus-action{background:linear-gradient(110deg,#ffffff0f,#67509b20);border:1px solid #ffffff20;backdrop-filter:blur(12px);border-radius:20px;margin-top:28px;padding:23px 28px}.disco-section .player-focus-action strong{font-size:18px}.disco-section .player-source-note{color:#a5adc5;max-width:850px}
.disco-section.motion-running.is-in-view .disco-photo{animation:club-drift 12s ease-in-out infinite alternate}.disco-section.motion-running.is-in-view .disco-beam{animation:light-sweep 9s ease-in-out infinite alternate}.disco-section.motion-running.is-in-view .beam-two{animation-delay:-4s;animation-duration:12s}.disco-section.motion-running.is-in-view .beam-three{animation-delay:-7s;animation-duration:15s}
.disco-section.motion-running.is-in-view .sound-art i{animation:equalize 1.2s ease-in-out infinite alternate}.disco-section.motion-running.is-in-view .sound-art i:nth-child(2n){animation-delay:-.6s}.disco-section.motion-running.is-in-view .sound-art i:nth-child(3n){animation-delay:-.3s}.disco-section.motion-running.is-in-view .stage-art svg{animation:mic-sway 3s ease-in-out infinite alternate}.disco-section.motion-running.is-in-view .moment-art span{animation:moment-glow 3s ease-in-out infinite alternate}.disco-section.motion-running.is-in-view .moment-art span:nth-child(2n){animation-delay:-1.5s}
@keyframes club-drift{from{transform:scale(1.02) translateX(-.5%)}to{transform:scale(1.08) translateX(.5%)}}
@keyframes light-sweep{0%{transform:rotate(-25deg);opacity:.13}50%{opacity:.32}100%{transform:rotate(25deg);opacity:.19}}
@keyframes equalize{to{transform:scaleY(.3)}}@keyframes mic-sway{to{transform:rotate(-8deg) translateY(-3px)}}@keyframes moment-glow{to{transform:translateY(-5px);box-shadow:0 0 20px #ffc36b44}}
@media(max-width:850px){.disco-section{padding:40px 25px 50px}.disco-section .player-focus-heading{grid-template-columns:1fr;gap:20px}.disco-section h2{font-size:46px}.disco-toolbar{gap:12px;margin-bottom:30px}.disco-toolbar>span{font-size:8px;letter-spacing:1.5px}.disco-toolbar button{font-size:10px;flex-shrink:0}.disco-photo{background-position:65% center}}
@media(max-width:500px){.disco-section{padding:35px 20px}.disco-section h2{font-size:39px}.disco-section .player-focus-heading>p{font-size:14px}.disco-section .player-feature-grid{grid-template-columns:1fr}.disco-section .player-focus-action{padding:20px}.disco-toolbar{align-items:start}.feature-art{height:95px}}
@media(prefers-reduced-motion:reduce){.disco-section *{animation:none!important}.confetti-canvas{display:none}}

/* Keep gradients on the animated words themselves (browser text-clip compositing). */
.cinema h1 em:has(.motion-word){background:none;-webkit-text-fill-color:initial}
.cinema h1 em .motion-word{padding:.12em .18em .3em;margin:-.12em -.18em -.3em;overflow:visible;background:linear-gradient(110deg,#ffd16c,#ff9b68 45%,#ff79c7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.cinema h1 em .motion-word:nth-child(2){background-image:linear-gradient(110deg,#ff79c7,#b3a1ff 55%,#64ebf2)}

.disco-video{position:absolute;inset:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center;opacity:.8}
.disco-mirrorball{display:none}
@media(max-width:600px){.disco-video{height:700px;aspect-ratio:auto;object-position:25% center}}
@media(prefers-reduced-motion:reduce){.disco-video{display:none}}