/* Gemeinsame Bühne für alle vier Varianten. Der Zielplatz bleibt layoutstabil. */
.intro-pending #header-logo,.intro-playing #header-logo,.intro-comparison:not(.intro-has-finished) #header-logo{visibility:hidden}
.intro{--logo-width:min(72vw,660px);background:#fff;touch-action:manipulation}
.intro #intro-logo{position:absolute;left:50%;top:50%;width:var(--logo-width);height:auto;max-width:none;transform:translate(-50%,-50%);opacity:0;filter:none;z-index:3;will-change:transform,opacity,clip-path}
.intro .intro-rings{display:none}
.intro.intro-leaving{background:transparent}
.intro-visuals{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.intro-visuals canvas{position:absolute;inset:0;width:100%;height:100%}
.intro-label{position:absolute;top:35px;left:40px;font-size:9px;letter-spacing:2px;font-weight:700;color:#777777;z-index:5}
.intro-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--yellow);transform-origin:left;z-index:5;width:100%}
.intro .intro-skip{z-index:5;min-height:44px;padding:10px}
.intro-target{position:absolute;width:88px;height:88px;border-radius:50%;border:1px solid #bcbcbc;background:radial-gradient(circle,#e1061c 0 5px,#000000 6px 11px,white 12px 23px,#e6e6e6 24px 25px,white 26px 39px,#d6d6d6 40px 41px,transparent 42px);transform:translate(-50%,-50%)}
.intro-dart{position:absolute;width:220px;height:32px;transform-origin:100% 50%;filter:drop-shadow(0 9px 5px #1d1d1b22)}
.intro-dart .flight{height:57px;top:-12px}.intro-dart .barrel{top:9px}.intro-dart .shaft{top:13px}.intro-dart .tip{top:14px}
.intro-impact{position:absolute;width:50px;height:50px;border:2px solid var(--yellow);border-radius:50%;transform:translate(-50%,-50%)}
.intro-spin-board{position:absolute;width:min(48vw,330px);aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 22px 15px #1d1d1b22)}
.intro-spin-board svg{display:block;width:100%;height:100%}
.intro-beam{position:absolute;top:50%;width:5px;height:220px;transform:translate(-50%,-50%);background:#fae806;box-shadow:0 0 25px 10px #fae80638;border-radius:50%;z-index:4}
.intro-comparison .header .brand{pointer-events:none}
.intro-comparison.intro-has-finished .header .brand{pointer-events:auto}
.studio-back{font-size:12px;display:flex;align-items:center;gap:22px}.studio-back span{font-size:22px}
.on-site-preview{display:inline-block;margin-top:17px;font-size:10px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}.button:disabled{opacity:.5}
.corridor-pending{background:#000}.corridor-pending body{visibility:hidden}.corridor-pending #intro{visibility:visible}
.intro[data-variant="corridor"]{background:#000}
.intro[data-variant="corridor"] .intro-label,.intro[data-variant="corridor"] .intro-progress{display:none}
.intro[data-variant="corridor"] .intro-skip{color:#fff;opacity:.55}
.intro[data-variant="corridor"][data-phase="light"] .intro-skip{color:#1d1d1b;opacity:1}
.intro-caption{position:absolute;top:calc(50% + clamp(62px,8vw,96px));left:0;right:0;text-align:center;z-index:4;pointer-events:none;opacity:0}
.intro-caption .intro-motto{font-family:Impact,'Arial Narrow','Helvetica Neue',sans-serif;font-size:clamp(30px,4vw,44px);line-height:1.2;font-weight:400;font-stretch:condensed;letter-spacing:.3px;margin:0;color:#1d1d1b}
.intro-motto>span{color:#fae806}
.intro-caption .intro-soon{font-family:Arial,Helvetica,sans-serif;font-size:clamp(13px,1.7vw,17px);line-height:1.6;font-weight:400;letter-spacing:4px;color:#6b6b6b;margin:18px 0 0}
@media(max-width:760px){.intro-caption{top:calc(50% + 65px)}.intro-caption .intro-soon{letter-spacing:3px}}
.corridor-option{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-color:#1d1d1b!important}
.corridor-option .intro-thumbnail{height:100%;min-height:310px}
.thumb-corridor{background:#080808;color:#e0e0e0;isolation:isolate}
.thumb-corridor .thumb-board-art{width:80px;height:80px;border-width:8px;transform:none;z-index:2;box-shadow:0 0 90px #fae80625}
.thumb-corridor .thumb-board-art:before{inset:5px;border-width:3px}
.thumb-corridor .thumb-board-art{border:0;background: url('assets/logo-horizontal.png') -229.17px -82.5px / 734.17px 245.83px;transform:none}
.thumb-corridor .thumb-board-art:before,.thumb-corridor .thumb-board-art:after{display:none}
.corridor-thumb-perspective{position:absolute;inset:-10%;background:conic-gradient(from 45deg at 50% 50%,#151515 0 90deg,#1a1a1a 90deg 180deg,#111111 180deg 270deg,#1a1a1a 270deg);box-shadow:inset 0 0 100px 60px #0009}
.corridor-thumb-perspective:after{content:"";position:absolute;left:24%;top:9%;width:52%;height:5px;background:#ffffff;box-shadow:0 30px 8px -1px #ffffff,0 55px 8px -1px #ffffff;transform:perspective(70px) rotateX(-35deg);filter:drop-shadow(0 0 10px #ffffff)}
@media(max-width:760px){.corridor-option{grid-template-columns:1fr}.corridor-option .intro-thumbnail{min-height:230px}}
.intro-studio{padding-block:65px 55px}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:45px}.studio-heading h1{font-size:clamp(48px,5.5vw,73px);letter-spacing:-3px;margin-bottom:22px}.studio-heading .eyebrow{font-size:9px;color:var(--muted)}.studio-description{font-size:13px;color:var(--muted);margin-bottom:0}.studio-sequence{max-width:255px;padding-bottom:5px}.studio-sequence .button{min-width:235px}.studio-sequence>p{font-size:11px;color:var(--muted);min-height:35px;margin:14px 0 0}.studio-stop{display:block;background:none;text-decoration:underline;text-underline-offset:4px;margin-top:15px;padding:5px 0;font-size:11px}.intro-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.intro-option{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}.intro-option.is-last-played{border-color:#1d1d1b;box-shadow:0 0 0 2px var(--yellow)}.intro-thumbnail{height:215px;background:var(--soft);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.intro-thumbnail>span{position:absolute;bottom:18px;left:23px;font-size:8px;letter-spacing:1.4px;font-weight:700;z-index:4}.intro-option-copy{padding:28px}.intro-option-copy .eyebrow{font-size:8px;color:var(--muted);margin-bottom:14px;letter-spacing:1.4px}.intro-option-copy h2{font-size:32px;letter-spacing:-1.1px}.intro-option-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:420px;color:var(--muted);margin:18px 0 24px;min-height:66px}.option-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}.option-footer>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.option-footer button{font-size:11px}.thumb-target{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#e1061c 0 8px,#000000 9px 18px,#fff 19px 37px,#dadfce 38px 39px,#fff 40px 57px,#c8cfbb 58px 59px);position:relative;margin-left:80px;box-shadow:0 0 0 26px #eaeaea,0 0 0 27px #dadada}.thumb-dart{position:absolute;font-size:92px;color:#fae806;left:calc(50% - 93px);top:48px;transform:rotate(-20deg);text-shadow:0 7px 0 #1d1d1b10}.thumb-particles{background:#f1f1f1}.thumb-particles img,.thumb-light img{width:66%;position:relative;z-index:2}.thumb-dots{position:absolute;inset:20px;background-image:radial-gradient(circle,#fae806 1.5px,transparent 2px),radial-gradient(circle,#1d1d1b 1px,transparent 2px);background-size:23px 21px,37px 31px;mask-image:linear-gradient(90deg,#000,transparent 33%,transparent 67%,#000);opacity:.7;transform:rotate(-10deg)}.thumb-light{background:#fafafa}.thumb-light img{filter:grayscale(1);opacity:.35}.thumb-beam{position:absolute;z-index:3;height:175px;width:3px;background:#fae806;left:52%;box-shadow:0 0 45px 17px #fae80670;transform:rotate(15deg)}.thumb-board-art{width:156px;height:156px;border-radius:50%;border:13px solid #1d1d1b;position:relative;background:repeating-conic-gradient(from -9deg,#1d1d1b 0 18deg,#ffffff 18deg 36deg);transform:rotate(-20deg);box-shadow:0 13px 15px #1d1d1b25}.thumb-board-art:before{content:"";position:absolute;inset:13px;border:6px solid #e1061c;border-radius:50%}.thumb-board-art:after{content:"";position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);width:16px;height:16px;border:4px solid #000000;background:#e1061c;border-radius:50%}.studio-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);margin-top:40px;padding-top:23px}.studio-notes p{font-size:11px;color:var(--muted);margin:0}.studio-notes strong{color:var(--ink)}
@media(max-width:760px){.intro{--logo-width:85vw}.intro-label{top:24px;left:23px;font-size:7px;letter-spacing:1.2px;max-width:85%}.intro-beam{height:130px}.intro-dart{width:160px}.intro-spin-board{width:65vw;max-width:280px}.intro-comparison .brand{width:200px}.studio-back{font-size:10px;gap:8px}.intro-studio{padding-top:40px}.studio-heading{display:block;margin-bottom:30px}.studio-heading h1{font-size:51px;letter-spacing:-2.5px}.studio-description{font-size:12px}.studio-description br{display:none}.studio-sequence{margin-top:28px;max-width:none}.studio-sequence>p{min-height:0}.studio-heading .eyebrow{font-size:8px}.intro-options{grid-template-columns:1fr;gap:24px}.intro-thumbnail{height:190px}.intro-option-copy{padding:24px}.intro-option-copy h2{font-size:31px}.intro-option-copy>p:not(.eyebrow){min-height:0;font-size:12px}.studio-notes{grid-template-columns:1fr;gap:18px}.intro-comparison .footer-bottom{font-size:9px}}