@font-face{font-family:ADrip;src:url(/adrip1.ttf) format("truetype");font-display:block}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#f6f1e7;overflow:hidden;font-family:system-ui,sans-serif}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#f6f1e7;overflow:hidden}#loader img{position:absolute;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#eye{left:50%;top:50%;width:min(58vmin,520px);z-index:1}#fish{left:50%;top:50%;width:min(30vmin,260px);z-index:2}#panther{left:50%;top:50%;width:min(32vmin,280px);z-index:2}#count{position:absolute;right:24px;bottom:16px;font-family:ADrip,cursive;font-size:clamp(48px,9vmin,88px);line-height:1;color:#111}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}#bg-canvas canvas{display:block}.hero{height:100svh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.stage{display:flex;align-items:flex-end;justify-content:center;transform:rotate(-3deg);padding:4vmin;-webkit-user-select:none;user-select:none}.four-wrap{position:relative;display:inline-block;font-size:clamp(120px,24vw,360px);line-height:.85}.tag{font-family:ADrip,cursive;font-weight:400;color:#111;line-height:.85;letter-spacing:.01em;text-transform:uppercase;filter:url(#noise) drop-shadow(0 0 16px rgba(0,0,0,.2))}body.loaded .tag{animation:tagin .75s cubic-bezier(.65,0,.25,1) both}body.loaded .four-ink{animation-delay:.05s}body.loaded .tag.dot{animation-delay:.35s}body.loaded .stro{animation-delay:.5s}body.loaded .halo{animation:haloin .5s ease 1s both}body:not(.loaded) .stage{opacity:0}.four{font-size:1em;display:inline-block;position:relative}.rest{display:flex;align-items:flex-end;margin-left:.04em;margin-bottom:.35em}.dot{font-size:clamp(80px,15vw,210px);line-height:.8;transform:translateY(.1em)}.stro{font-size:clamp(120px,24vw,360px);line-height:.85}.t-letter{display:inline-block;position:relative}.halo{position:absolute;left:50%;top:-.32em;font-size:1em;width:.5em;height:.13em;transform:translate(-50%) rotate(-6deg);border:.03em solid #778200;border-radius:50%;z-index:3;pointer-events:none;contain:layout style}.halo:after{content:"";position:absolute;right:20%;top:90%;width:.028em;height:.14em;background:#778200;border-radius:999px}.halo:before{content:"";position:absolute;right:19%;top:260%;width:.04em;height:.04em;background:#778200;border-radius:50%}@keyframes tagin{0%{opacity:0;clip-path:inset(-45% 100% -45% -8%);filter:url(#noise) blur(5px) drop-shadow(0 0 16px rgba(0,0,0,.2))}to{opacity:1;clip-path:inset(-45% -8% -45% -8%);filter:url(#noise) blur(0) drop-shadow(0 0 16px rgba(0,0,0,.2))}}@keyframes haloin{0%{opacity:0}to{opacity:1}}@media(max-width:600px){.stage{flex-direction:row;padding:2vmin}.four-wrap,.stro{font-size:clamp(56px,19vw,120px)}.dot{font-size:clamp(36px,12vw,80px)}.rest{margin-left:.04em;margin-bottom:.35em}#fish{width:36vmin}#panther{width:38vmin}}