:where(.foyer),:where(.foyer) *,:where(.foyer) :before,:where(.foyer) :after{box-sizing:border-box;margin:0;padding:0}html:has(.foyer){scroll-snap-type:y mandatory;scroll-behavior:smooth;overflow-y:scroll}html:has(.foyer){background:#000;margin:0;padding:0}html:has(.foyer) body{background:#000;margin:0;padding:0}.foyer{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;font-family:Space Grotesk,sans-serif}:where(.foyer) section{scroll-snap-align:start;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex;position:relative;overflow:hidden}.hero{color:#fff;background:#000;padding:2rem}.hero__logo{width:min(480px,85vw);margin-bottom:3rem}.hero__label{color:#ffffff80;margin-bottom:1.5rem;font-size:clamp(.65rem,1.2vw,.85rem)}.countdown{gap:clamp(1rem,3vw,2.5rem);margin-bottom:2rem;display:flex}.countdown__block{text-align:center}.countdown__number{color:#fff;min-width:2ch;font-family:Anton,sans-serif;font-size:clamp(3rem,10vw,7rem);line-height:1;display:block}.countdown__unit{color:#fff6;margin-top:.5rem;font-size:clamp(.55rem,1vw,.75rem);display:block}.countdown__separator{color:var(--accent);align-self:flex-start;font-family:Anton,sans-serif;font-size:clamp(3rem,10vw,7rem);line-height:1}.hero__accent{background:var(--accent);width:100%;height:4px;position:absolute;bottom:0;left:0}.hero__scroll-hint{opacity:.4;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero__scroll-hint svg{width:28px;height:28px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)translateY(0)}40%{transform:translate(-50%)translateY(-8px)}60%{transform:translate(-50%)translateY(-4px)}}.format{color:#000;background:#fff;padding:3rem 2rem}.format__bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.format__bg:after{content:"";opacity:0;pointer-events:none;background:#ffffff8c;transition:opacity .5s;position:absolute;inset:0}.format__bg--active:after{opacity:1}.format__bg-media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}video.format__bg-media{object-fit:contain;background:#000}.format__bg-media--active{opacity:1}.format__headline,.format__grid,.format__subtext{z-index:1;position:relative}.format__headline{text-align:center;margin-bottom:3rem;font-size:clamp(2.5rem,7vw,5.5rem);line-height:1}.format__grid{grid-template-columns:repeat(3,1fr);gap:0;width:100%;max-width:1000px;display:grid}.format__card{text-align:left;border:4px solid #000;padding:clamp(1.5rem,3vw,2.5rem);transition:box-shadow .25s;position:relative}.format__card:hover{box-shadow:inset 0 0 0 4px var(--accent);z-index:1}.format__card:not(:last-child){border-right:none}.format__card-title{text-transform:uppercase;letter-spacing:.02em;margin-bottom:.75rem;font-family:Anton,sans-serif;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.1}.format__card-text{color:#333;font-size:clamp(.8rem,1.3vw,.95rem);line-height:1.5}.format__subtext{text-align:center;color:#444;max-width:600px;margin-top:2.5rem;font-size:clamp(.85rem,1.3vw,1rem);line-height:1.6}.boards{color:#fff;padding:2rem;padding-top:calc(1.5rem + var(--marquee-w));-webkit-user-select:none;user-select:none;background:#000}.boards__headline{text-align:center;margin-bottom:.75rem;font-size:clamp(2.2rem,6vw,5rem);line-height:1}.boards__headline span{color:var(--accent)}.boards__subtitle{color:#ffffff59;text-align:center;max-width:600px;margin-bottom:clamp(2rem,4vh,3rem);font-size:clamp(.55rem,1.1vw,.75rem)}.boards__grid{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2.5vw,2rem);width:100%;max-width:900px;display:grid}.board{cursor:pointer;flex-direction:column;align-items:center;display:flex;position:relative}.board__spotlight{opacity:0;pointer-events:none;filter:blur(10px);border-top:100px solid #ffffff0f;border-left:60px solid #0000;border-right:60px solid #0000;width:0;height:0;transition:opacity .6s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.board--lit .board__spotlight{opacity:1}.board__number{color:#333;margin-bottom:.75rem;font-family:Anton,sans-serif;font-size:clamp(1.4rem,2.5vw,2rem);transition:color .4s,text-shadow .4s}.board--lit .board__number{color:var(--accent);text-shadow:0 0 20px rgba(var(--accent-rgb), .6)}.board__svg{opacity:.25;filter:grayscale()brightness(.4);width:clamp(80px,16vw,160px);height:clamp(80px,16vw,160px);transition:opacity .5s,filter .5s,transform .3s}.board:hover .board__svg{transform:scale(1.05)}.board--lit .board__svg{opacity:1;filter:grayscale(0) brightness(1) drop-shadow(0 0 25px rgba(var(--accent-rgb), .4))}.board__label{color:#333;margin-top:.75rem;font-size:clamp(.55rem,.9vw,.7rem);transition:color .4s}.board--lit .board__label{color:#ffffff80}.boards__cta{color:#fff3;text-align:center;margin-top:clamp(1.5rem,3vh,2.5rem);font-size:clamp(.6rem,1vw,.75rem);transition:opacity .4s}.boards__phrase{color:var(--accent);text-align:center;opacity:0;margin-top:1.5rem;font-size:clamp(.8rem,1.5vw,1.1rem);transition:opacity .6s .3s,transform .6s .3s;transform:translateY(10px)}.boards__phrase--visible{opacity:1;transform:translateY(0)}.boards__stage{touch-action:pan-y;-webkit-mask-composite:source-in;width:100%;max-width:1400px;height:clamp(380px,60vh,760px);position:relative;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 8% 90%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.boards__stage canvas{width:100%;height:100%;animation:.8s both stageFadeIn;display:block}@keyframes stageFadeIn{0%{opacity:0}to{opacity:1}}.boards:not(.boards--fallback) .boards__grid,.boards--fallback .boards__stage-wrap{display:none}.boards__stage-wrap{width:100%;max-width:1400px;position:relative}.boards__back{z-index:2;color:#fff;border:2px solid var(--accent);cursor:pointer;background:#000;padding:.55rem .9rem;font-size:clamp(.6rem,1vw,.75rem);position:absolute;top:9%;left:7%}.boards__popups{pointer-events:none;position:absolute;inset:0;overflow:hidden}.boards__popup{white-space:nowrap;color:var(--accent);text-shadow:var(--glow);font-family:Anton,sans-serif;font-size:clamp(1.3rem,2.6vw,2.2rem);animation:1.2s ease-out forwards popupRise;position:absolute}@keyframes popupRise{0%{opacity:0;transform:translate(-50%,-60%)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-280%)}}.boards__hud{color:#ffffffbf;text-align:center;min-height:1.4em;margin-top:1rem;font-size:clamp(.65rem,1.1vw,.8rem)}@media (width<=768px){.boards__grid{grid-template-columns:repeat(2,1fr)}.boards__stage{height:clamp(380px,62svh,700px)}}.counter-section{color:#fff;background:#000;padding:2rem}.counter__frame{border:4px solid var(--accent);text-align:center;padding:clamp(3rem,6vw,5rem) clamp(2rem,8vw,6rem)}.counter__number{color:var(--accent);will-change:transform, text-shadow;font-family:Anton,sans-serif;font-size:clamp(6rem,22vw,16rem);line-height:1;transition:transform .15s ease-out,text-shadow .15s ease-out;display:block}.counter__label{color:#ffffff80;margin-top:1.5rem;font-size:clamp(.7rem,1.4vw,1rem)}.historie{color:#000;background:#fff;padding:1.5rem 2rem}.historie__headline{text-align:center;margin-bottom:clamp(.6rem,1.5vh,1.2rem);font-size:clamp(1.8rem,5vw,3.5rem);line-height:1.05}.timeline{width:100%;max-width:800px;position:relative}.timeline__line{background:#000;width:4px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline__item{width:50%;padding-bottom:clamp(.4rem,1.2vh,1rem);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__item:nth-child(odd){text-align:right;padding-right:clamp(1.5rem,3vw,2.5rem)}.timeline__item:nth-child(2n){text-align:left;margin-left:50%;padding-left:clamp(1.5rem,3vw,2.5rem)}.timeline__dot{background:var(--accent);border:3px solid #000;border-radius:50%;width:14px;height:14px;position:absolute;top:.2rem}.timeline__item:nth-child(odd) .timeline__dot{right:-7px}.timeline__item:nth-child(2n) .timeline__dot{left:-7px}.timeline__year{margin-bottom:.15rem;font-family:Anton,sans-serif;font-size:clamp(1.2rem,2.4vh + .6rem,1.9rem);line-height:1}.timeline__players{margin-bottom:.15rem;font-family:Anton,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem)}.timeline__bar{background:var(--accent);height:3px;margin-bottom:.2rem}.timeline__item:nth-child(odd) .timeline__bar{margin-left:auto}.timeline__detail{color:#555;font-size:clamp(.6rem,1vh + .3rem,.78rem);line-height:1.25}.timeline__detail strong{color:#000}.footer{background:var(--accent);color:var(--on-accent-large);min-height:100dvh;padding:3rem 2rem}.footer__quote{text-align:center;max-width:900px;margin-bottom:3rem;font-size:clamp(2.5rem,7vw,5.5rem);line-height:1.05}.footer__meta,.footer__legal{text-align:center;color:var(--on-accent);font-size:clamp(.65rem,1vw,.8rem);line-height:2}.footer__legal-link{color:inherit;text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:2px}.footer__logo{width:min(320px,70vw);margin-bottom:2rem}.corner-marquee{z-index:60;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.corner-marquee__bg{fill:#000}.corner-marquee__edge{fill:none;stroke:var(--accent);stroke-width:2px;transition:stroke .5s}.corner-marquee__text{letter-spacing:4px;fill:var(--accent);text-transform:uppercase;font-family:Space Mono,monospace;font-size:12px;font-weight:700;transition:fill .5s}.hero,.format,.boards,.counter-section,.historie,.footer{padding-left:calc(2rem + var(--marquee-w))}@media (width<=768px){.format__grid{grid-template-columns:1fr}.format__card:not(:last-child){border-bottom:none;border-right:4px solid #000}.timeline__line{left:0}.timeline__item,.timeline__item:nth-child(odd),.timeline__item:nth-child(2n){text-align:left;width:100%;margin-left:0;padding-left:clamp(1.5rem,5vw,2.5rem);padding-right:0}.timeline__item:nth-child(odd) .timeline__dot,.timeline__item:nth-child(2n) .timeline__dot{left:-7px;right:auto}.timeline__item:nth-child(odd) .timeline__bar{margin-left:0}.corner-marquee__text{letter-spacing:3px;font-size:10px}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:.4;transform:translate(-50%)translateY(0)}}.hero__scroll-hint{animation:2s infinite bounce,1s 1s both fadeInUp}.hero__logo,.hero__label,.countdown,.hero__scroll-hint{opacity:0;animation-fill-mode:both}.hero__logo{animation:.8s .2s both heroFadeIn}.hero__label{animation:.8s .6s both heroFadeIn}.countdown{animation:.8s .9s both heroSlideUp}@keyframes heroFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes heroSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal--visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transition:opacity .6s,transform .6s;transform:translate(-30px)}.reveal-right{opacity:0;transition:opacity .6s,transform .6s;transform:translate(30px)}.reveal-left--visible,.reveal-right--visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transition:opacity .6s,transform .6s;transform:scale(.85)}.reveal-scale--visible{opacity:1;transform:scale(1)}.format__card:first-child{transition-delay:0s}.format__card:nth-child(2){transition-delay:.15s}.format__card:nth-child(3){transition-delay:.3s}.timeline__item:nth-child(2){transition-delay:.1s}.timeline__item:nth-child(3){transition-delay:.15s}.timeline__item:nth-child(4){transition-delay:.2s}.timeline__item:nth-child(5){transition-delay:.25s}.timeline__item:nth-child(6){transition-delay:.3s}@keyframes counterPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.counter__number--done{animation:.4s counterPulse}.footer__quote-word{opacity:0;transition:opacity .4s,transform .4s;display:inline-block;transform:translateY(20px)}.footer__quote-word--visible{opacity:1;transform:translateY(0)}.footer__cta{margin-bottom:3rem}@media (prefers-reduced-motion:reduce){html:has(.foyer){scroll-behavior:auto}.hero__logo,.hero__label,.countdown{opacity:1;animation:none}.hero__scroll-hint{opacity:.4;animation:none}.reveal,.reveal-left,.reveal-right,.reveal-scale,.footer__quote-word{opacity:1;transition:none;transform:none}.counter__number--done{animation:none}}
