@font-face{font-family:Bagel Fat One;src:url(/assets/bagel-fat-one-subset-DAyXugWy.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sky:#86d3f4;--ink:#3a2414;--cream:#fff8ec;--paper:#fff;--pink:#ff8fb1;--yellow:#ffd23f;--mint:#7fe0c0;--orange:#ff9a3c;--display:"Bagel Fat One", "Jua", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--body:system-ui, -apple-system, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--outline:3px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;line-height:1.6;overflow-x:hidden}a{color:inherit}.hero{background:var(--sky);border-bottom:4px solid var(--ink);place-items:center;height:100svh;min-height:520px;max-height:1100px;display:grid;position:relative;overflow:hidden}.pile{position:absolute;inset:0}.treat{width:var(--d);height:var(--d);margin:calc(var(--d) / -2) 0 0 calc(var(--d) / -2);translate:var(--x) var(--y);rotate:var(--r);animation:.55s cubic-bezier(.3,1.5,.5,1) both treat-in;animation-delay:var(--delay);will-change:transform;position:absolute;top:0;left:0}.treat img{object-fit:contain;pointer-events:none;width:100%;height:100%;animation:3.2s ease-in-out infinite alternate bob;animation-delay:var(--bob);display:block}.treat.poke img{animation:.45s ease-out poke}@keyframes treat-in{0%{opacity:0;scale:.2}to{opacity:1;scale:1}}@keyframes bob{0%{transform:translateY(-3%)rotate(-3deg)}to{transform:translateY(3%)rotate(3deg)}}@keyframes poke{30%{transform:scale(1.12,.88)}60%{transform:scale(.94,1.06)}}.bubble{z-index:500;translate:var(--x) var(--y);background:var(--paper);border:var(--outline) solid var(--ink);font-family:var(--display);white-space:nowrap;box-shadow:3px 3px 0 var(--ink);pointer-events:none;border-radius:999px;padding:.35em .8em;font-size:clamp(.9rem,2.4vw,1.2rem);animation:2.6s both bubble;position:absolute;top:0;left:0}@keyframes bubble{0%{opacity:0;scale:.6}10%,85%{opacity:1;scale:1}to{opacity:0;scale:.9}}.hero-center{z-index:400;text-align:center;pointer-events:none;padding:0 16px;position:relative}.logo{font-family:var(--display);letter-spacing:-.02em;white-space:nowrap;justify-content:center;align-items:center;margin:0;font-size:clamp(4.2rem,20vw,11rem);font-weight:400;line-height:1;display:flex}.logo span{--c:var(--pink);color:var(--c);-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:.05em .07em 0 var(--ink);transform:translateY(calc(sin(var(--i) * 97.4028deg) * .12em)) rotate(calc(sin(var(--i) * 97.4028deg + 57.2958deg) * 7deg));animation:2.4s ease-in-out infinite wave;animation-delay:calc(var(--i) * -.6s);display:inline-block}.logo span:first-child{--c:var(--pink)}.logo span:nth-child(2){--c:var(--yellow)}.logo span:nth-child(4){--c:var(--mint)}.logo span:nth-child(5){--c:var(--orange)}.logo .gap{width:.22em}@keyframes wave{50%{translate:0 -.06em}}.kicker{font-family:var(--display);background:var(--paper);border:var(--outline) solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;margin:.9rem 0 0;padding:.3em 1em;font-size:clamp(1rem,3.4vw,1.5rem);display:inline-block;rotate:-2deg}.badges{background:var(--paper);padding:2.5rem 16px 1rem}.badges ul{grid-template-columns:repeat(3,1fr);gap:1rem;max-width:900px;margin:0 auto;padding:0;list-style:none;display:grid}.badge{aspect-ratio:3/2;text-align:center;place-items:center;display:grid;position:relative}.laurel{width:100%;height:100%;fill:var(--ink);color:var(--ink);position:absolute;inset:0}.badge span{font-family:var(--display);margin-top:-.6em;font-size:clamp(.85rem,2.2vw,1.25rem);line-height:1.15;position:relative}.pitch{text-align:center;max-width:980px;margin:0 auto;padding:2rem 16px 1rem}.tagline{font-family:var(--display);word-break:keep-all;margin:0;font-size:clamp(1.6rem,5.4vw,3.2rem);line-height:1.25}.tagline strong{color:var(--pink);-webkit-text-stroke:.06em var(--ink);paint-order:stroke fill;font-weight:400}.ladder{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:.15rem .1rem;margin:1.8rem auto .6rem;padding:0;list-style:none;display:flex}.ladder li{align-items:flex-end;display:flex}.ladder img{width:calc(var(--s) * var(--k,1));height:calc(var(--s) * var(--k,1));object-fit:contain;display:block}.ladder li+li:before{content:"";border-right:3px solid var(--ink);border-top:3px solid var(--ink);opacity:.45;width:.5rem;height:.5rem;margin:0 .15rem 1.2rem;rotate:45deg}.how{color:color-mix(in srgb, var(--ink) 75%, transparent);word-break:keep-all;margin:.4rem 0 0}.play-now{text-align:center;padding:2.5rem 16px 1.5rem}.shout{font-family:var(--display);color:var(--orange);-webkit-text-stroke:.07em var(--ink);paint-order:stroke fill;letter-spacing:.02em;margin:0 0 1rem;font-size:clamp(1.8rem,6vw,3.4rem);line-height:1.1}.play-button{font-family:var(--display);color:var(--ink);background:var(--yellow);border:4px solid var(--ink);box-shadow:6px 6px 0 var(--ink);border-radius:999px;align-items:center;gap:.6em;padding:.7em 1.5em;font-size:clamp(1.25rem,4.2vw,1.9rem);text-decoration:none;transition:translate .12s,box-shadow .12s;display:inline-flex}.play-button svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em}.play-button:hover{box-shadow:8px 8px 0 var(--ink);translate:-2px -2px}.play-button:active{box-shadow:2px 2px 0 var(--ink);translate:4px 4px}.play-button:focus-visible{outline:4px solid var(--sky);outline-offset:4px}.note{color:color-mix(in srgb, var(--ink) 70%, transparent);word-break:keep-all;margin:1.1rem 0 0;font-size:.95rem}.scene{place-items:center;padding:1.5rem 16px 4rem;display:grid}.video-box{aspect-ratio:9/16;border:4px solid var(--ink);background:var(--sky);width:min(380px,100%);box-shadow:8px 8px 0 var(--ink);border-radius:28px;overflow:hidden}.video-box video{object-fit:cover;width:100%;height:100%;display:block}.footer{background:var(--ink);color:var(--cream);text-align:center;padding:2.5rem 16px calc(2.5rem + env(safe-area-inset-bottom))}.footer p{margin:.3rem 0}.footer-logo{font-family:var(--display);color:var(--yellow);font-size:1.8rem}.footer .fine{opacity:.7;word-break:keep-all;margin-top:1rem;font-size:.8rem}br.m{display:none}@media (width>=900px){.ladder{--k:1.3}}@media (width<=640px){br.m{display:inline}br.d{display:none}.badges{padding-top:1.6rem}.badges ul{gap:.25rem}br.wide{display:none}.badge{aspect-ratio:1}.pitch{padding-top:.5rem}.badge span{margin-top:-.2em;font-size:.78rem}.ladder{--k:.62;gap:.1rem 0}.ladder li+li:before{border-width:2px;width:.3rem;height:.3rem;margin:0 .12rem .7rem}}@media (prefers-reduced-motion:reduce){.treat,.treat img,.logo span,.bubble{animation:none}}