*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--magenta:#d42187;--edge:clamp(20px, 3.2vw, 56px);--corner-size:clamp(18px, 2.1vw, 32px)}html,body{color:#111;background:#fff;font-family:Work Sans,system-ui,sans-serif}.hero{width:100%;height:100dvh;position:relative;overflow:hidden}#webgl{width:100%;height:100%;display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.fly-cursor,.fly-cursor :not(.lil-gui,.lil-gui *){cursor:none!important}.fly-cursor .talk,.fly-cursor .talk *{cursor:auto!important}.fly-cursor .talk button,.fly-cursor .talk-btn{cursor:pointer!important}.fly-cursor .player,.fly-cursor .player *{cursor:auto!important}.fly-cursor .player button{cursor:pointer!important}}@media (hover:none) and (pointer:coarse){.hero{touch-action:none;-webkit-user-select:none;user-select:none}}.topbar,.bottombar{left:var(--edge);right:var(--edge);z-index:10;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.topbar{top:var(--edge);transition:right .45s cubic-bezier(.2,.8,.2,1)}.bottombar{bottom:var(--edge);gap:16px}.logo{flex:none;width:auto;height:clamp(24px,2.6vw,44px);display:block}.rule{background:var(--magenta);flex:1;height:1px;margin:0 4vw}.corner-link{pointer-events:auto;color:var(--magenta);font-size:var(--corner-size);letter-spacing:.02em;font-weight:500;text-decoration:none;position:relative}.corner-link:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:-.12em;left:0;right:0;transform:scaleX(0)}.corner-link:hover:after,.corner-link:focus-visible:after{transform:scaleX(1)}@media (width<=600px){.corner-link{align-items:center;min-height:44px;display:inline-flex}.wide-only{display:none}}.talk-btn{font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border:0}.talk-fade-in{animation:.3s ease-out both talk-fade}.talk-scrim{z-index:9;position:fixed;inset:0}.talk{z-index:12;aspect-ratio:895/748;transform-origin:100% 0;width:clamp(300px,33vw,660px);color:var(--magenta);font-family:Saira Semi Condensed,sans-serif;font-weight:500;animation:.48s cubic-bezier(.2,.9,.25,1.12) both talk-in;position:fixed;top:clamp(16px,2.2vw,44px);right:clamp(16px,1.8vw,36px);container-type:inline-size}.talk.is-closing{animation:.28s cubic-bezier(.55,0,.75,.3) both talk-out}.talk-bg{width:100%;height:100%;display:block;position:absolute;inset:0}.talk-envelope{background:#ed1e8c;width:10.6%;height:8%;position:absolute;top:7.2%;left:19.2%}.talk-screen{position:absolute;inset:23% 9% 13% 19.5%;overflow:hidden}.talk-from,.talk-number{font-size:6.6cqw;line-height:1.32}.talk-from{white-space:nowrap}.talk-from b,.talk-number{font-weight:800}.talk-text{white-space:pre;margin-top:1.15em;font-size:5.5cqw;line-height:1.15}.talk-caret{vertical-align:-.1em;background:currentColor;width:.45em;height:.9em;margin-left:.08em;display:inline-block}.talk-keys{justify-content:flex-end;align-items:center;height:44px;padding:0 7%;font-size:4.2cqw;display:flex;position:absolute;bottom:calc(4.15% - 22px);left:0;right:0}.talk-soft{color:#fff;cursor:pointer;min-height:44px;font-family:Saira Semi Condensed,sans-serif;font-weight:800;font-size:inherit;background:0 0;border:0;align-items:center;padding:0 2px;text-decoration:none;display:inline-flex}.talk-soft:hover,.talk-soft:focus-visible{text-decoration:underline}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=601px){.talk-open .topbar{right:calc(clamp(16px,1.8vw,36px) + clamp(300px,33vw,660px) + 3.5vw)}.talk-shown #talk-open{display:none}.talk-shown .rule{margin-right:0}}@media (width<=600px){.talk{aspect-ratio:1039/640;transform-origin:50% 0;width:auto;animation:.52s cubic-bezier(.2,.8,.3,1) both notif-in;top:14px;left:14px;right:14px}.talk.is-closing{animation:.32s cubic-bezier(.5,0,.75,0) both notif-out}.talk-envelope{width:7.4%;height:7.2%;top:8.2%;left:17.1%}.talk-screen{top:26%;bottom:10%;left:17.1%}.talk-from,.talk-number{font-size:5.6cqw;line-height:1.3}.talk-text{margin-top:1.05em;font-size:4.75cqw;line-height:1.1}.talk-keys{padding:0 5%;font-size:3.8cqw;bottom:calc(4.5% - 22px)}.talk-soft{padding:0 4px}}.about-slot{visibility:hidden}.works{z-index:8;pointer-events:none;position:fixed;inset:0}.graffiti{pointer-events:auto;outline-offset:6px;transform:translate(-50%, -50%) rotate(var(--r,0deg));-webkit-tap-highlight-color:transparent;animation:spray-in .62s cubic-bezier(.2, .8, .3, 1) var(--d,0s) both;border-radius:8px;display:block;position:absolute}.works.is-closing .graffiti{animation:.36s ease-in both spray-out}.graffiti img{transform-origin:50% 60%;width:100%;height:auto;transition:transform .26s cubic-bezier(.2,.9,.3,1.3),filter .26s;display:block}.graffiti:focus-visible img,.graffiti:active img{transform:scale(1.08) rotate(calc(var(--r,0deg) * -.6));filter:drop-shadow(0 6px 10px #0000002e)}@media (hover:hover){.graffiti:hover img{transform:scale(1.08) rotate(calc(var(--r,0deg) * -.6));filter:drop-shadow(0 6px 10px #0000002e)}}.graffiti:focus-visible{outline:2px solid var(--magenta)}@media (width<=600px){.graffiti img{transition-duration:.22s}}@keyframes spray-in{0%{clip-path:inset(-30% 100% -30% -30%);opacity:0;filter:blur(8px);transform:translate(-50%, -50%) rotate(var(--r,0deg)) scale(.92)}35%{opacity:1}to{clip-path:inset(-30%);opacity:1;filter:blur();transform:translate(-50%, -50%) rotate(var(--r,0deg)) scale(1)}}@keyframes spray-out{0%{opacity:1;filter:blur();transform:translate(-50%, -50%) rotate(var(--r,0deg)) scale(1)}to{opacity:0;filter:blur(6px);transform:translate(-50%, -50%) rotate(var(--r,0deg)) scale(.9)}}.player{z-index:30;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.player-scrim{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14040dd6;animation:.22s ease-out both player-fade;position:absolute;inset:0}.player-box{width:min(1120px,100%,177.778dvh - 213.333px);animation:.32s cubic-bezier(.2,.8,.2,1) both player-in;position:relative}.player.is-closing .player-scrim{animation:.22s ease-in reverse both player-fade}.player.is-closing .player-box{animation:.22s ease-in both player-out}.player-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.player-title{color:#fff;letter-spacing:.01em;font-family:Saira Semi Condensed,sans-serif;font-size:clamp(20px,2.2vw,30px);font-weight:800;line-height:1.1}.player-close{background:var(--magenta);color:#fff;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;transition:background .15s,transform .15s;display:grid}.player-close:hover{background:#b0186f;transform:rotate(90deg)}.player-close:focus-visible{outline-offset:3px;outline:2px solid #fff}.player-frame{aspect-ratio:16/9;border:3px solid var(--magenta);background:#000;border-radius:18px;overflow:hidden;box-shadow:0 24px 60px #00000073}.player-frame iframe{border:0;width:100%;height:100%;display:block}@media (width<=600px){.player{padding:14px}.player-frame{border-radius:12px}}@keyframes player-fade{0%{opacity:0}to{opacity:1}}@keyframes player-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}@keyframes player-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.97)}}.blink{animation:1s step-end infinite talk-blink}.blink-fast{animation:.32s step-end infinite talk-blink}@keyframes talk-in{0%{opacity:0;transform:translate(4%,-6%)scale(.35)rotate(4deg)}60%{opacity:1}to{opacity:1;transform:none}}@keyframes talk-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(4%,-6%)scale(.35)rotate(4deg)}}@keyframes notif-in{0%{transform:translateY(-115%)}70%{transform:translateY(3%)}to{transform:none}}@keyframes notif-out{0%{transform:none}to{transform:translateY(-120%)}}@keyframes talk-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes talk-blink{0%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.talk,.talk.is-closing,.talk-fade-in,.graffiti,.works.is-closing .graffiti,.player-scrim,.player-box,.player.is-closing .player-scrim,.player.is-closing .player-box{animation:none!important}.player-close{transition:none}.blink,.blink-fast{animation:none}.graffiti img{transition:none}}.credit{color:#767676;letter-spacing:.02em;text-align:center;font-size:11px}.credit a{pointer-events:auto;color:inherit}.credit:not(:focus-within){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lil-gui.lil-root{z-index:20;top:90px!important}
