*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;margin:0;background:#fff;color:#000;font-family:Arial,sans-serif}button{font:inherit}.screen{position:fixed;inset:0;overflow:hidden;visibility:hidden;pointer-events:none;clip-path:inset(0)}.screen.active{visibility:visible;pointer-events:auto}.intro{z-index:1;background:#fff}.intro.leaving{visibility:visible;clip-path:polygon(0 0,100% 0,100% 0,0 100%);transition:clip-path 950ms cubic-bezier(.75,0,.35,1)}.corner-mark{position:absolute;z-index:3;top:24px;right:27px;width:26px;height:26px;border:1px solid #000;border-radius:50%;display:grid;place-items:center;color:#000;text-decoration:none;font-size:15px}.intro canvas{position:absolute;inset:0;width:100%;height:100%}.intro-label{position:absolute;z-index:2;left:25px;bottom:21px;margin:0;font:9px/1 monospace;letter-spacing:.1em;opacity:0;transition:opacity .4s}.intro.ready .intro-label{opacity:.42}.screen-hit{position:absolute;inset:0;border:0;background:transparent;cursor:pointer}.rain{z-index:2;background:#000;color:#fff}.rain.entering{visibility:visible;clip-path:polygon(0 100%,100% 0,100% 100%);transition:clip-path 950ms cubic-bezier(.75,0,.35,1)}.rain.active{clip-path:inset(0)}.rain header,.menu header{position:absolute;z-index:3;top:0;left:28px;right:28px;height:58px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff55;font:9px/1 monospace;letter-spacing:.1em}.rain canvas{position:absolute;inset:0;width:100%;height:100%}.rain-note{position:absolute;z-index:2;left:28px;bottom:24px;margin:0;font:9px/1.55 monospace;letter-spacing:.05em;color:#999;pointer-events:none}.rain-next{position:absolute;z-index:3;right:28px;bottom:24px;color:#fff;background:none;border:0;font:10px monospace;letter-spacing:.1em;padding:5px;border-bottom:1px solid #fff;cursor:pointer}.rain-next i{font-style:normal;margin-left:18px}.menu{z-index:3;background:#fff;color:#000}.menu.entering{visibility:visible;clip-path:circle(0 at 50% 50%);transition:clip-path 700ms cubic-bezier(.7,0,.3,1)}.menu.active{clip-path:circle(150% at 50% 50%)}.menu header{border-color:#000}.menu nav{position:absolute;inset:58px 28px 0;display:flex;flex-direction:column;justify-content:center}.menu nav a{display:grid;grid-template-columns:12% 1fr auto;gap:15px;align-items:center;color:#000;text-decoration:none;border-top:1px solid #000;padding:19px 0;transition:padding .2s}.menu nav a:last-child{border-bottom:1px solid #000}.menu nav a:hover{padding-left:17px}.menu nav small{font:10px monospace}.menu nav span{font-size:clamp(44px,7.3vw,120px);font-weight:300;letter-spacing:-.075em}.menu nav i{font-size:27px;font-style:normal}@media(max-width:700px){.corner-mark{top:18px;right:18px}.intro-label{left:18px;bottom:18px}.rain header,.menu header{left:18px;right:18px;height:52px;font-size:8px}.rain header span:nth-child(2){display:none}.rain-note{left:18px;bottom:18px;font-size:8px}.rain-next{right:18px;bottom:18px;font-size:9px}.menu nav{inset:52px 18px 0}.menu nav a{grid-template-columns:15% 1fr auto;padding:18px 0}.menu nav span{font-size:14vw}.menu nav i{font-size:20px}}