.info-btn{border-color:var(--accent);color:var(--on-accent);background-color:var(--accent);text-transform:uppercase;border-radius:var(--radius);vertical-align:text-bottom;cursor:pointer;margin-bottom:clamp(0px,.5vw,1rem);padding:8px 16px;font-size:18px;font-style:italic;line-height:1;display:inline-block}
.card{color:#fff;cursor:pointer;padding-top:3rem;position:relative}.card h2{letter-spacing:-.04em;word-break:break-word;font-size:clamp(1rem,9.5vw,69px);font-weight:700;line-height:.9;display:inline}.card h2:after{content:"";width:1rem;display:inline-block}.card img{filter:grayscale();z-index:-1;width:clamp(200px,50vw,300px);height:auto;transition:all .6s;top:0;right:0}.card:hover img{filter:none}@media screen and (min-width:1023px){.card{width:36rem;max-width:36rem}.card:first-of-type{margin-left:calc(100vw + 200px)}.card:last-of-type{margin-right:30vw}}
canvas{z-index:100;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}
.content{padding:var(--padding);grid-template:"hl""cc"1fr/1fr;gap:3rem;margin-bottom:8rem;display:grid}.content h1{grid-area:hl}.content>div{grid-area:cc}.content ul{margin-left:1rem;padding-left:1rem}.content a:hover{text-decoration:none}main p{margin-bottom:1rem}main a{text-decoration:underline}@media screen and (min-width:1023px){.content{grid-template:".hl."".cc."1fr/1fr clamp(19rem,64%,55rem) 1fr;gap:3rem;margin-bottom:10rem}.content aside{grid-area:2/3/2/3}}
.cta{--cta:200px;width:var(--cta);height:var(--cta);text-align:center;text-transform:uppercase;z-index:2;place-content:center;font-size:18px;font-style:italic;text-decoration:underline;transition:transform .1s;display:grid;position:fixed;bottom:2rem;left:1vw}.cta span{pointer-events:none}.cta svg{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;top:0}@media screen and (min-width:1023px){.cta{--cta:280px;font-size:24px}}
h1,h2,h3,h4{font-weight:400;line-height:1.2}h1{font-size:1.8rem}h2{text-transform:initial;font-size:1.5rem;line-height:1.6}@media screen and (min-width:1023px){h1{font-size:2rem}}
header{padding:var(--padding);z-index:3;grid-template-rows:repeat(1,auto);grid-template-columns:repeat(3,1fr);place-items:center;gap:1rem .5rem;display:grid}
.overlay{z-index:10;background:0 0;place-content:end center;display:grid;position:fixed;inset:0}.overlay-content{background:0 0;border:none;outline:none;width:clamp(10rem,100vw,50rem);height:clamp(4rem,90dvh,50rem);padding:0;position:static;inset:40px;overflow:auto}.overlay-ruumio{background:0 0;border:none;outline:none;width:100vw;height:100dvh;padding:0;position:static;inset:40px;overflow:auto}.ReactModal__Body--open{overflow:hidden}@media screen and (min-width:1023px){.overlay{align-content:center}}
.grid{grid-template:"h h h""c c c"1fr"m m m""f f f"/1fr;min-height:100dvh;display:grid}header{grid-area:h}main{grid-area:c}.grid>nav{grid-area:m;display:grid}@media screen and (min-width:800px){.grid{grid-template-columns:repeat(3,1fr);grid-template-areas:"h h h""c c c""m m m""f f f"}}
.info-box{color:var(--color);background-color:var(--accent);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);padding:var(--padding);grid-template-rows:auto auto 1fr auto;grid-template-areas:"date date""headline headline""boxcontent boxcontent""close close";gap:1rem;width:100%;height:100%;display:grid;position:relative}.info-box .close{grid-area:close;justify-self:end;width:max-content}.info-box .date{grid-area:date;align-self:center}.info-box .headline{grid-area:headline}.info-box .info-content{grid-area:boxcontent;height:100%;overflow:auto}.overlay-ruumio .info-box{background-color:var(--bg-color);padding:1rem;border-radius:0!important;grid-template-rows:auto 1fr!important;grid-template-areas:"_ close""boxcontent boxcontent"!important}@media screen and (min-width:1023px){.info-box{border-radius:var(--radius);grid-template-rows:auto auto 1fr;grid-template-areas:"date close""headline headline""boxcontent boxcontent"}}
.radio{border-radius:calc(var(--radius)*1.3);xxxpadding:.6rem 1rem;background-color:var(--bg-color);grid-auto-flow:column;justify-self:end;align-items:center;gap:.6rem;display:grid}.radio button{white-space:nowrap;background-color:#0000;border-radius:0;height:22px;padding:0;line-height:1}.radio>span{text-transform:uppercase;line-height:1}.radio button span{text-transform:uppercase;cursor:pointer}@media screen and (min-width:1023px){.radio{padding:.6rem 1rem}}.player-visuals{grid-auto-flow:column;align-items:flex-end;gap:1px;height:10px;padding-right:.25rem;display:inline-grid}[class^=bar]{background-color:currentColor;width:1.5px;height:100%;animation:1.3s infinite alternate up-and-down;display:inline-block}.bar1{height:30%}.bar2{height:30%;animation-delay:-2.2s}.bar3{height:75%;animation-delay:-3.7s}@keyframes up-and-down{10%{height:30%}30%{height:100%}60%{height:50%}80%{height:75%}to{height:60%}}
.home{padding:var(--padding)}.home h1{letter-spacing:-.04em;text-align:left;text-transform:uppercase;font-size:clamp(3rem,20vw,180px);font-weight:700;line-height:.9}.break:before{content:"-"}.break:after{content:"";display:block}.monster div{text-align:center;margin:10vh 0 2rem}.eventwrapper{grid-auto-flow:row;align-items:center;gap:4rem;display:grid}@media screen and (min-width:1023px){.home{xxxoverflow-y:auto;grid-column:1/span 3;padding-top:0;display:grid}.monster{z-index:-1;width:100vw;position:fixed;left:0}.eventwrapper{scrollbar-width:none;grid-auto-flow:column;align-items:center;gap:20rem;width:100vw;height:100%;margin:0;position:absolute;top:0;left:0;overflow:auto}.eventwrapper::-webkit-scrollbar{display:none}.home h1{text-align:center;font-size:clamp(1rem,9.5vw,180px)}.break{display:none}.cta{bottom:calc(var(--footer) + 0rem)}}.bgvideo video{object-fit:cover}
:root{--max-width:1100px;--base-size:18px;--color:#000;--on-accent:var(--color);--footer:97px;--radius:18px;--nav:11rem;--padding:1rem}@media (prefers-color-scheme:darkxxx){:root{--color:#d3d4d7;--bg-color:#2d2f30;--accent:#ffff58;--on-accent:var(--bg-color)}}@media screen and (min-width:1023px){:root{--padding:3rem}}*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}body{font-family:var(--font),sans-serif;color:var(--color,black);font-size:var(--base-size);background-color:var(--bg-color);overscroll-behavior:none;min-height:100dvh;line-height:1.5}button,select,textarea,input{font-family:inherit;font-size:inherit;color:var(--color);background-color:var(--bg-color);accent-color:var(--color);border:1px solid;border-radius:2px;padding:1rem 1.5rem}a{color:inherit}a:hover{text-decoration:none}p{margin-bottom:1rem}img{width:100%;max-width:100%;height:auto}main{display:grid}::selection{background:var(--accent)}
@font-face{font-family:kiwari;src:url(../media/kiwari_regular-s.p.5af9c34d.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:kiwari;src:url(../media/kiwari_regular_italic-s.p.67f73af7.woff2)format("woff2");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:kiwari;src:url(../media/kiwari_bold-s.p.c8611576.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:kiwari Fallback;src:local(Arial);ascent-override:85.73%;descent-override:28.56%;line-gap-override:0.0%;size-adjust:104.97%}.kiwari_3e00b96a-module__CG63Da__className{font-family:kiwari,kiwari Fallback,sans-serif}.kiwari_3e00b96a-module__CG63Da__variable{--font:"kiwari","kiwari Fallback",sans-serif}
.nav-module__3cSa6q__nav{z-index:1;justify-self:start}.nav-module__3cSa6q__nav small{font-size:.75rem}.nav-module__3cSa6q__nav>button{text-transform:uppercase;cursor:pointer;background-color:#0000;border:0;padding:.5rem 0 0;top:1rem;left:0}.nav-module__3cSa6q__nav>button>span{display:none}.nav-module__3cSa6q__nav>div{background-color:var(--bg-color);z-index:-1;width:100vw;height:100dvh;padding:var(--padding);padding-top:5rem;padding-left:calc(var(--padding)*3);position:fixed;top:0;left:0}.nav-module__3cSa6q__nav ul{max-width:9rem;margin:0;padding:.5rem 0 2rem;line-height:1.2}.nav-module__3cSa6q__nav ul li a{text-decoration:none;position:relative}.nav-module__3cSa6q__nav ul li.nav-module__3cSa6q__active a span{display:inline-block;position:absolute;left:-.5rem;transform:translate(-100%)}.nav-module__3cSa6q__nav ul{grid-auto-rows:max-content;gap:1rem;list-style:none;display:grid}@media screen and (min-width:1023px){.nav-module__3cSa6q__nav>div{width:initial;padding-left:var(--padding)}.nav-module__3cSa6q__nav>button{top:calc(var(--padding) - .25rem)}.nav-module__3cSa6q__nav>button>svg{display:none}.nav-module__3cSa6q__nav>button>span{display:block}.nav-module__3cSa6q__nav>div{padding-top:7rem}.nav-module__3cSa6q__nav>button{padding:1rem;padding-left:var(--padding);position:fixed}}
