:root{--ink:#161412;--paper:#f5efe2;--red:#d6333b;--sakura:#f7b8c8;--sky:#bfe4f6;--jp:"Zen Maru Gothic", system-ui, sans-serif;--display:"Staatliches", "Jost", sans-serif;--logo:"Jost", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{color:var(--ink);font-family:var(--jp);-webkit-font-smoothing:antialiased;background:#000;overflow-x:hidden}body.loading{overflow:hidden}.staat{font-family:var(--display);letter-spacing:.02em;font-weight:400}#gl{z-index:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}main#dom{z-index:1;position:relative}.loader{z-index:1000;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;transition:transform 2.5s 1.7s;display:flex;position:fixed;inset:0;transform:scale(1)rotate(0)translateZ(0)}.loader.hide{pointer-events:none;transform:scale(80)rotate(20deg)translateZ(0)}.loader.gone{display:none}.loader-hole{border-radius:50%;width:220px;height:220px;position:relative;box-shadow:0 0 0 200vmax #000}.loader-mark{width:200px;height:200px;transition:opacity 1s .8s;animation:14s linear infinite spin;position:absolute;inset:10px}.loader.hide .loader-mark{opacity:0}.loader-text{text-align:center;color:#fff;width:100%;transition:opacity 1s;position:absolute;top:calc(50% + 130px);left:0}.loader.hide .loader-text{opacity:0}.loader-logo{font:800 34px/1 var(--logo);letter-spacing:-.01em;margin:0}.loader-sub{font:600 12px/1 var(--logo);letter-spacing:.35em;margin:6px 0 0}.loader-pct{font:400 18px/18px var(--display);letter-spacing:.1em;margin:18px 0 0}@keyframes spin{to{transform:rotate(360deg)}}.socialbar{z-index:100;position:fixed;top:28px;right:28px}.socialbar ul{gap:8px;margin:0;padding:0;list-style:none;display:flex}.socialbar li{transition:transform .3s;transform:scale(0)translateZ(0)}.socialbar ul.show li{transform:scale(1)translateZ(0)}.socialbar ul.show li:first-child{transition-delay:2.3s}.socialbar ul.show li:nth-child(2){transition-delay:2.2s}.socialbar ul.show li:nth-child(3){transition-delay:2.1s}.socialbar ul.show li:nth-child(4){transition-delay:2s}.socialbar a{border:2px solid var(--paper);background:#161412e0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.socialbar svg{width:22px;height:22px}@media (pointer:fine){.socialbar a svg{transition:transform .3s}.socialbar a:hover svg{transform:scale(.9)translateZ(0)}}.soundbtn{z-index:100;border:2px solid var(--paper);color:var(--paper);font:400 15px/1 var(--display);letter-spacing:.2em;cursor:pointer;background:#161412e0;border-radius:999px;align-items:center;gap:10px;padding:10px 16px 10px 14px;transition:transform .3s 2.4s;display:flex;position:fixed;bottom:24px;left:24px;transform:scale(0)translateZ(0)}.ready .soundbtn{transform:scale(1)translateZ(0)}.soundbtn .eq{align-items:flex-end;gap:3px;height:16px;display:flex}.soundbtn .eq i{background:currentColor;border-radius:1px;width:3px;height:4px;transition:height .3s}.soundbtn[aria-pressed=true] .eq i{animation:.9s ease-in-out infinite eq}.soundbtn[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.soundbtn[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.55s}.soundbtn[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:4px}50%{height:16px}}.soundbtn.hint:after{content:"";border-radius:inherit;border:2px solid var(--paper);opacity:0;animation:1.8s ease-out 3s infinite ping;position:absolute;inset:-2px}@keyframes ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@media (pointer:fine){.soundbtn:hover{background:var(--red)}}.hero{height:100vh;position:relative;overflow:hidden}.speedlines{opacity:0;pointer-events:none;mix-blend-mode:multiply;width:100%;height:100%;transition:opacity .8s;position:absolute;inset:0}.speedlines.on{opacity:.55}.speedlines g{opacity:0;animation:.36s step-end infinite flick}.speedlines g:nth-child(2){animation-delay:.12s}.speedlines g:nth-child(3){animation-delay:.24s}@keyframes flick{0%{opacity:1}33.34%{opacity:0}}.scrollhint{color:var(--ink);font:400 14px/1 var(--display);letter-spacing:.3em;opacity:0;flex-direction:column;align-items:center;gap:8px;transition:opacity .6s 2.6s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.ready .scrollhint{opacity:1}.scrollhint span{background:var(--paper);border:2px solid var(--ink);padding:4px 8px}.scrollhint i{background:var(--ink);transform-origin:top;width:2px;height:36px;animation:1.6s ease-in-out infinite hint}@keyframes hint{0%{transform:scaleY(0)}50%{transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.spacer{height:1100vh}.spr{width:var(--w);aspect-ratio:var(--ar,1);background-repeat:no-repeat;background-size:calc(var(--frames,1) * 100%) 100%;animation:spr .9s steps(var(--frames,1)) infinite;display:block}@keyframes spr{to{background-position-x:calc(var(--w) * var(--frames,1) * -1)}}@keyframes float{0%{transform:translateZ(0)}50%{transform:translateY(-20px)}to{transform:translateZ(0)}}.members{background-color:var(--paper);text-align:center;background-image:radial-gradient(#16141221 1.3px,#0000 1.6px);background-size:9px 9px;min-height:100vh;padding:14vh 4vw 10vh;position:relative;overflow:hidden}.members:before{content:"";background-color:#0000;background-image:linear-gradient(135deg,#000 25%,#0000 25%),linear-gradient(225deg,#000 25%,#0000 25%);background-position:-13px 0,-13px 0;background-repeat:repeat,repeat;background-size:26px 26px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;height:26px;position:absolute;top:-1px;left:0;right:0}.members-kicker{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font:700 clamp(16px, 2vw, 26px) / 1.4 var(--jp);background:#fff;margin:0 0 2vh;padding:10px 18px;display:inline-block}.members-digits{justify-content:center;align-items:flex-end;gap:.5vw;margin-top:4vh;display:flex}.digit{position:relative}.digit span{color:var(--ink);text-shadow:1.2vw 1.2vw 0 var(--sakura);font-size:28vw;line-height:.82;display:block}.digit .spr{transform-origin:bottom;margin-left:calc(var(--w) / -2);position:absolute;bottom:58%;left:50%}.d1 .spr{animation:spr .9s steps(var(--frames)) infinite, float 6s ease-in-out infinite}.d2 .spr{animation:spr .8s steps(var(--frames)) infinite, float 5.5s ease-in-out infinite;bottom:70%}.d3 .spr{bottom:68%}.d4 .spr{animation:spr .8s steps(var(--frames)) infinite, float 5s ease-in-out infinite;bottom:72%}.d5 span{color:var(--red)}.members-logo{width:min(560px,72vw);margin:7vh auto 0;display:block}.members-address{font:600 clamp(14px, 1.4vw, 18px) / 1 var(--logo);letter-spacing:.4em;margin:10px 0 0}.about{background:var(--paper);padding:10vh 20px 0;position:relative}.aboutc{max-width:780px;margin:0 auto}.about h2{text-align:center;margin:0;font-size:clamp(56px,11vw,132px);line-height:.9}.subttl{text-align:center;font:700 clamp(16px, 2vw, 22px) / 1.4 var(--jp);color:var(--red);margin:14px 0 9vh}.asect{margin:0 0 8vh}.asect h3{font:800 clamp(22px, 2.6vw, 30px) / 1.2 var(--logo);border-bottom:6px solid var(--red);margin:0 0 18px;display:inline-block}.asect p{font:500 clamp(15px, 1.4vw, 17px) / 2 var(--jp);margin:0 0 1em}.panellist{justify-content:center;gap:3%;margin:0 0 10vh;display:flex}.pl{border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff;flex:1;margin:0;transition:transform .4s cubic-bezier(.34,2,.64,1)}.pl img{width:100%;height:auto;display:block}.pl1{transform:rotate(-3deg)}.pl2{transform:rotate(2deg)translateY(24px)}.pl3{transform:rotate(-1.5deg)}@media (pointer:fine){.pl:hover{transform:rotate(0)scale(1.05)}}.menu{flex-wrap:wrap;gap:12px;margin:26px 0 0;padding:0;list-style:none;display:flex}.menu li{letter-spacing:.12em;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:#fff;padding:8px 18px;font-size:22px}.menu li:nth-child(odd){background:var(--sakura)}.quote{border:5px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:#fff;border-radius:40px;margin:0 0 10vh;padding:36px 36px 36px 170px;position:relative}.quote .spr{position:absolute;bottom:20px;left:26px}.quote p{font:500 16px/1.8 var(--jp);margin:0 0 8px}.quote-big{font:800 clamp(20px, 2.6vw, 30px) / 1.35 var(--logo)!important}.brand{text-align:center;border-top:4px solid var(--ink);padding:6vh 0 4vh;position:relative}.brand-logo{width:min(460px,80vw)}.brand-tag{font:600 clamp(15px, 1.6vw, 19px) / 1.5 var(--logo);margin:12px 0 22px}.brand-skyline{width:min(620px,94vw);margin:0 auto;display:block}.brand-hanko{width:54px;position:absolute;top:7vh;right:2%;transform:rotate(6deg)}.bfooter{text-align:center;padding:4vh 0 24px}.friends{justify-content:center;gap:10px;max-width:640px;margin:0 auto;padding:0 0 24px;list-style:none;display:flex}.friends li{flex:1}.frienditem{color:#fff;flex-direction:column;justify-content:flex-end;align-items:center;gap:10px;min-height:250px;text-decoration:none;display:flex;position:relative}.bbl{background:var(--c);border:3px solid var(--ink);font:800 14px/1 var(--logo);letter-spacing:.02em;border-radius:999px;padding:10px 14px;display:inline-block;position:relative}.bbl:after{content:"";border:8px solid #0000;border-top:10px solid var(--ink);border-bottom:0;margin-left:-8px;position:absolute;bottom:-11px;left:50%}@media (pointer:fine){.bbl{transform-origin:bottom;transition:transform .3s cubic-bezier(.34,2,.64,1)}.frienditem:hover .bbl{transform:scale(1.15)translateZ(0)}}.copy{letter-spacing:.1em;margin:0;font-size:18px}@media (width<=767px){.socialbar{top:14px;right:14px}.socialbar a{width:36px;height:36px}.soundbtn{padding:8px 12px;bottom:14px;left:14px}.digit span{font-size:30vw}.digit .spr{--w:17vw!important}.panellist{flex-direction:column;gap:28px;padding:0 6%}.pl2{transform:rotate(2deg)}.quote{text-align:center;padding:150px 22px 26px}.quote .spr{margin-left:-60px;top:18px;bottom:auto;left:50%}.friends{flex-wrap:wrap}.friends li{flex:0 0 46%}.frienditem{min-height:200px}}@media (prefers-reduced-motion:reduce){.spr,.loader-mark,.speedlines g,.scrollhint i,.soundbtn .eq i,.soundbtn:after{animation:none!important}}
