:root{--sb-ink: #080404;--sb-red: #f32629;--sb-pink: #f78fa9;--sb-pink-hi: #fbb3c5;--sb-velvet: #7e1318;--sb-paper: #f6eee8;--font-display: "SB Deco", "Didot", serif;--font-mono: "SB Grot", "Arial", sans-serif;--g: 6px;--top: calc(max(8px, env(safe-area-inset-top)) + 48px) ;--slam: cubic-bezier(.2, .8, .2, 1);--glide: cubic-bezier(.16, 1, .3, 1)}html,body{background:var(--sb-ink);overflow-x:clip}html{scrollbar-color:var(--sb-red) var(--sb-ink)}body{color:var(--sb-ink);font-family:var(--font-mono)}.progress{display:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html::-webkit-scrollbar{width:14px}html::-webkit-scrollbar-track{background:var(--sb-ink)}html::-webkit-scrollbar-thumb{background:var(--sb-red);border:3px solid var(--sb-ink);box-shadow:inset 0 0 0 1px var(--sb-pink)}.board{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;contain:strict}.tile{position:absolute;overflow:hidden;background:#160607;opacity:0;will-change:transform,opacity}.tile.is-on{opacity:1}.tile__p{position:absolute;inset:-9% 0;will-change:transform}.tile__p img{width:100%;height:100%;object-fit:cover;display:block;animation:kb var(--kb) ease-in-out var(--kd) infinite alternate}@keyframes kb{0%{transform:scale(1.04) translate3d(-1.2%,.6%,0)}to{transform:scale(1.13) translate3d(1.4%,-1%,0)}}.tile--mask img{object-position:50% 42%}.tile--velvet .tile__p img{object-position:30% 50%}.tile__flat{position:absolute;inset:0;container-type:size;display:grid;place-items:end center;background:var(--sb-red);background-image:radial-gradient(120% 90% at 30% 20%,rgb(255 255 255 / .14),transparent 60%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.tile__date{display:grid;justify-items:start;margin-bottom:7cqh;font:900 min(24cqh,34cqw)/.84 var(--font-mono);font-stretch:112%;letter-spacing:-.035em;color:var(--sb-ink)}@container (min-aspect-ratio: 1/1){.tile__date{font-size:min(18cqh,34cqw)}}.tile__flash{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 45%,rgb(251 179 197 / .42),transparent 70%);opacity:0;will-change:opacity}.tile--disco .tile__flash[data-beat]{opacity:calc(var(--beat, 0) * .5)}.door{background:radial-gradient(90% 60% at 50% 50%,#08040480,#08040426 70%)!important}.door__inner{gap:clamp(14px,2.4svh,26px)!important;width:min(92vw,720px)}.gate{display:grid;justify-items:center;gap:clamp(10px,1.8svh,18px);width:100%}.gate__soul{font:900 clamp(24px,7.4vw,54px)/1 var(--font-mono);font-stretch:125%;letter-spacing:-.02em;color:var(--sb-paper);background:var(--sb-ink);padding:.28em .5em .24em;box-shadow:0 0 0 2px var(--sb-red)}.gate__soul i,.banner__k i{font:400 .8em/1 var(--font-display);font-style:normal;text-transform:lowercase;margin:0 .12em}.gate__d{font:800 clamp(13px,3.6vw,20px)/1 var(--font-mono);font-stretch:112%;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-ink);background:var(--sb-red);padding:.55em .9em}.door__ring{border-color:#f6eee833!important;border-top-color:var(--sb-pink)!important}.door.is-ready .door__ring{display:none}.door__hint{margin:0!important;font:900 clamp(22px,6.6vw,38px)/1 var(--font-mono)!important;font-stretch:125%!important;letter-spacing:-.01em!important;text-transform:uppercase!important;color:var(--sb-ink)!important;background:var(--sb-pink);padding:.32em .7em .3em;box-shadow:0 0 0 3px var(--sb-ink),0 0 0 5px var(--sb-pink)}.door.is-ready .door__hint{animation:tap-breath 1.97s cubic-bezier(.45,0,.55,1) infinite alternate}@keyframes tap-breath{0%{scale:1}to{scale:1.07}}.banner{margin:0;display:grid;justify-items:center;align-content:center;text-align:center;background:var(--sb-pink);color:var(--sb-ink);padding:clamp(10px,3.2cqh,34px) clamp(14px,4cqw,48px) clamp(12px,3.6cqh,38px);width:100%;box-shadow:inset 0 0 0 5px var(--sb-pink),inset 0 0 0 6.5px var(--sb-ink),0 0 0 var(--g) var(--sb-ink);font-size:16px}.banner__k{font:900 clamp(13px,5.2cqw,40px)/1 var(--font-mono);font-stretch:125%;letter-spacing:-.01em}.banner__w{display:block;font:400 100px/.86 var(--font-display);text-transform:uppercase;letter-spacing:-.005em;white-space:nowrap;margin-top:.06em}.banner__w:has(+.banner__s){padding-bottom:.13em}.banner__s{font:500 clamp(12px,3.8cqw,30px)/1 var(--font-display);text-transform:uppercase;letter-spacing:.42em;margin-right:-.42em;margin-top:.2em}.banner--gate{width:100%;padding:.4em 1em .45em;font-size:16px}.banner--gate .banner__w{font-size:clamp(44px,15.4vw,132px)}.mast{position:fixed;z-index:40;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:max(8px,env(safe-area-inset-top)) 14px 0;height:var(--top);pointer-events:none}.mast>*{pointer-events:auto}.mast__soul{font:900 17px/1 var(--font-mono);font-stretch:125%;color:var(--sb-paper);text-decoration:none;background:var(--sb-ink);padding:8px 10px 7px;box-shadow:0 0 0 1.5px var(--sb-red)}.snd{display:inline-flex;align-items:center;gap:7px;background:var(--sb-ink);color:var(--sb-paper);border:0;padding:9px 12px;font:700 11px/1 var(--font-mono);font-stretch:112%;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;box-shadow:0 0 0 1.5px var(--sb-red)}.snd__dot{width:7px;height:7px;border-radius:50%;background:var(--sb-paper);opacity:.35}.snd[aria-pressed=true] .snd__dot{background:var(--sb-red);opacity:1;box-shadow:0 0 calc(4px + var(--beat, 0) * 8px) var(--sb-red)}html[data-reel] .snd{visibility:hidden}main{position:relative;z-index:1}.screen{display:block;padding:0;height:100vh;height:100svh;min-height:0;overflow:clip;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}html[data-entry=open]{scroll-snap-type:y mandatory}html[data-reel]{scroll-snap-type:none!important}.screen a,.screen button{pointer-events:auto}.zone{position:absolute;left:var(--zl);top:var(--zt);width:var(--zw);height:var(--zh);box-sizing:border-box;container-type:size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,2.6cqh,26px);padding:calc(var(--g) + 3.5cqh) calc(var(--g) + 5cqw);text-align:center}.zone>*{flex-shrink:0;max-width:100%}.cap{margin:0;display:flex;justify-content:space-between;gap:10px;width:100%;font:700 clamp(10px,2.9cqw,15px)/1.2 var(--font-mono);font-stretch:112%;letter-spacing:.14em;text-transform:uppercase;color:var(--sb-paper);text-shadow:0 1px 8px rgb(8 4 4 / .8)}.cap>:last-child{text-align:right}.cap a{color:inherit;text-decoration:none}.date{margin:0;display:grid;align-content:center;justify-items:start;background:var(--sb-red);color:var(--sb-ink);padding:.32em .36em .28em;font:900 clamp(26px,11.5cqw,72px)/.84 var(--font-mono);font-stretch:112%;letter-spacing:-.03em;box-shadow:0 0 0 var(--g) var(--sb-ink)}.pair{display:flex;align-items:stretch;justify-content:center;gap:calc(var(--g) * 2);width:100%}.info{margin:0;display:grid;align-content:center;justify-items:start;gap:.35em;text-align:left;background:var(--sb-ink);color:var(--sb-paper);padding:.8em 1em;font:500 clamp(11px,3.1cqw,18px)/1.15 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;flex:1 1 auto;min-width:0;box-shadow:inset 0 0 0 1px #f78fa959}.info__b{font-weight:900;font-stretch:112%;color:var(--sb-pink)}.cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;background:var(--sb-ink);color:var(--sb-paper);padding:.9em 1.4em;font:900 clamp(15px,4.6cqw,26px)/1 var(--font-mono);font-stretch:125%;text-transform:uppercase;letter-spacing:-.01em;box-shadow:0 0 0 2px var(--sb-pink),0 0 0 var(--g) var(--sb-ink);transition:scale .3s var(--slam),background-color .3s var(--slam)}.cta:hover{background:#1c0a0b}.cta:active{scale:.97}.cta__k{font-weight:600;font-size:.62em;letter-spacing:.1em;font-stretch:100%;color:var(--sb-pink)}.banner--act{padding-block:clamp(12px,4cqh,44px) clamp(14px,4.4cqh,48px)}.acts{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--g) * 1.2);width:100%;justify-items:center}.act{display:flex;align-items:baseline;justify-content:center;gap:.6em;background:var(--sb-ink);color:var(--sb-paper);padding:.42em 1.1em .38em;min-width:62%;box-shadow:inset 0 0 0 1px #f78fa94d;transition:background-color .35s var(--slam),color .35s var(--slam)}.act__n{font:400 clamp(22px,7.6cqw,52px)/1 var(--font-display);text-transform:uppercase}.act__f{font:700 clamp(9px,2.6cqw,14px)/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;opacity:.75}.act.is-on{background:var(--sb-red);color:var(--sb-ink);box-shadow:none}.banner__w--mid{line-height:.9}.past{list-style:none;margin:0;padding:0;display:grid;gap:calc(var(--g) * 2);width:100%}.night{display:flex;align-items:stretch;gap:calc(var(--g) * 2);text-align:left}.date--s{font-size:clamp(22px,8cqw,60px);padding:.34em .34em .3em;flex:none}.night__t{display:grid;align-content:center;gap:.4em;background:var(--sb-ink);color:var(--sb-paper);padding:.8em 1em;flex:1 1 auto;min-width:0;box-shadow:inset 0 0 0 1px #f78fa94d}.night__n{font:400 clamp(24px,8cqw,54px)/.92 var(--font-display);text-transform:uppercase;color:var(--sb-pink)}.night__v{font:800 clamp(10px,2.8cqw,15px)/1.2 var(--font-mono);font-stretch:112%;letter-spacing:.1em;text-transform:uppercase}.night__l{font:400 clamp(10px,2.8cqw,15px)/1.35 var(--font-mono);letter-spacing:.02em;opacity:.8}.banner__w--door{line-height:.92}.tiers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--g) * 1.6);width:100%}.tier{display:grid;justify-items:center;gap:.35em;background:var(--sb-red);color:var(--sb-ink);padding:.6em .3em .55em}.tier b{font:900 clamp(22px,8.4cqw,64px)/.9 var(--font-mono);font-stretch:112%;letter-spacing:-.03em}.tier span{font:700 clamp(9px,2.5cqw,14px)/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase}.tier:first-child{background:var(--sb-pink)}.cta--big{width:100%;justify-content:space-between;padding:.85em 1.1em;font-size:clamp(14px,4.9cqw,34px);font-stretch:112%;white-space:nowrap;background:var(--sb-pink);color:var(--sb-ink);box-shadow:inset 0 0 0 4px var(--sb-pink),inset 0 0 0 5.5px var(--sb-ink),0 0 0 var(--g) var(--sb-ink)}.cta--big:hover{background:var(--sb-pink-hi)}.cta__t{display:grid;gap:.45em;text-align:left}.cta__s{font:700 clamp(9px,2.4cqw,13px)/1 var(--font-mono);letter-spacing:.14em}.more{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--g) * 1.4);width:100%}.more a{flex:1 1 0;min-width:max-content;text-decoration:none;background:var(--sb-ink);color:var(--sb-paper);padding:.85em 1em;font:800 clamp(11px,3cqw,17px)/1 var(--font-mono);font-stretch:112%;letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 0 0 1px #f78fa966}.more a:hover{background:#1c0a0b}.cap--foot{justify-content:center;gap:1.4em}.slam-armed [data-slam]:not(.is-down){opacity:0}@media(prefers-reduced-motion:reduce){.tile{opacity:1;will-change:auto}.tile__p img{animation:none;transform:scale(1.06)}.tile__p{will-change:auto}}@media(min-aspect-ratio:1/1){:root{--g: clamp(6px, .55vw, 14px);--top: calc(max(8px, env(safe-area-inset-top)) + clamp(48px, 5.4svh, 76px)) }.zone{left:var(--dzl);top:var(--dzt);width:var(--dzw);height:var(--dzh);padding:calc(var(--top) + 1cqh) calc(var(--g) + 6cqw) calc(var(--g) + 4cqh);gap:clamp(8px,2.4cqh,34px)}.mast{padding-inline:clamp(14px,1.6vw,40px)}.mast__soul{font-size:clamp(17px,2.2svh,30px);padding:.5em .6em .42em}.snd{font-size:clamp(11px,1.3svh,18px);padding:.8em 1.1em}.banner__k{font-size:clamp(13px,min(3.4cqw,4cqh),56px)}.banner__s{font-size:clamp(11px,min(2.2cqw,2.6cqh),36px)}.cap{font-size:clamp(10px,min(2cqw,2.2cqh),20px)}.date{font-size:clamp(22px,min(8cqw,9cqh),110px)}.info{font-size:clamp(11px,min(2.4cqw,2.6cqh),26px)}.cta{font-size:clamp(14px,min(3.4cqw,3.6cqh),40px)}.act{min-width:54%}.act__n{font-size:clamp(18px,min(5.4cqw,6.6cqh),84px)}.act__f{font-size:clamp(9px,min(1.8cqw,2cqh),20px)}.date--s{font-size:clamp(20px,min(6cqw,8cqh),92px)}.night__n{font-size:clamp(20px,min(5.6cqw,6.6cqh),84px)}.night__v,.night__l{font-size:clamp(10px,min(1.9cqw,2.2cqh),22px)}.tier b{font-size:clamp(20px,min(6cqw,7cqh),96px)}.tier span,.cta__s{font-size:clamp(9px,min(1.7cqw,1.9cqh),20px)}.cta--big{font-size:clamp(16px,min(4cqw,4.4cqh),52px)}.more a{font-size:clamp(10px,min(2cqw,2.2cqh),24px)}.gate__soul{font-size:clamp(22px,4.6svh,70px)}.banner--gate .banner__w{font-size:clamp(44px,min(9vw,15svh),210px)}.gate__d{font-size:clamp(12px,2.2svh,32px)}.door__hint{font-size:clamp(20px,4.2svh,60px)!important}.door__inner{width:min(46vw,1100px)}}
