:root{--bg:#bff38e;--ink:#212320;--loop:5s}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:24px 16px;font-family:Poppins,system-ui,sans-serif;display:flex;overflow:hidden}.logo{aspect-ratio:712/98;width:min(560px,82vw);animation:logoCycle var(--loop) infinite;position:relative}.piece{will-change:transform, opacity, clip-path;position:absolute}.piece svg{width:100%;height:100%;fill:var(--ink);display:block}.p-n{animation:dropIn var(--loop) infinite;transform-origin:50% 100%}.p-o{animation:rollIn var(--loop) infinite}.p-w{animation:drawWave var(--loop) infinite}.p-a{animation:popIn var(--loop) infinite}.p-m1,.p-m2,.p-m3,.p-m4{animation:riseIn var(--loop) infinite}.p-m2{animation-name:riseIn2}.p-m3{animation-name:riseIn3}.p-m4{animation-name:riseIn4}@keyframes logoCycle{0%,86%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-10px)}}@keyframes dropIn{0%{opacity:0;transform:translateY(-70%)scaleY(1.1)}8%{opacity:1;transform:translateY(0)scaleY(.85)}12%{transform:translateY(-8%)scaleY(1.04)}16%,to{opacity:1;transform:none}}@keyframes rollIn{0%,6%{opacity:0;transform:translate(-90%)rotate(-270deg)}18%{opacity:1;transform:translate(4%)rotate(12deg)}22%,to{opacity:1;transform:none}}@keyframes drawWave{0%,18%{clip-path:inset(-10% 100% -10% 0)}38%,to{clip-path:inset(-10% 0)}}@keyframes popIn{0%,34%{opacity:0;transform:scale(0)}42%{opacity:1;transform:scale(1.18)}47%,to{opacity:1;transform:none}}@keyframes riseIn{0%,44%{opacity:0;transform:translateY(80%)}52%,to{opacity:1;transform:none}}@keyframes riseIn2{0%,46%{opacity:0;transform:translateY(80%)}54%,to{opacity:1;transform:none}}@keyframes riseIn3{0%,48%{opacity:0;transform:translateY(80%)}56%,to{opacity:1;transform:none}}@keyframes riseIn4{0%,50%{opacity:0;transform:translateY(80%)}58%,to{opacity:1;transform:none}}.soon{letter-spacing:.32em;text-transform:uppercase;margin-top:clamp(28px,6vw,44px);font-size:clamp(.8rem,2.8vw,.97rem);font-weight:300}.soon .dot{letter-spacing:0;animation:1.4s infinite both blink;display:inline-block}.soon .dot:nth-child(2){animation-delay:.2s}.soon .dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}footer{font-size:clamp(1rem,3.4vw,1.3rem);position:fixed;bottom:clamp(24px,5vh,52px);left:0;right:0}footer a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){.logo,.piece,.soon .dot{animation:none!important}}main{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 48px);display:flex}