@font-face{font-family:'Galmuri11';src:url(/static/landing-v2/fonts/Galmuri11.lv2.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Galmuri11';src:url(/static/landing-v2/fonts/Galmuri11-Bold.lv2.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Pretendard';src:url(/static/landing-v2/fonts/Pretendard-Regular.lv2.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Pretendard';src:url(/static/landing-v2/fonts/Pretendard-SemiBold.lv2.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Pretendard';src:url(/static/landing-v2/fonts/Pretendard-Bold.lv2.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:'Pretendard';src:url(/static/landing-v2/fonts/Pretendard-ExtraBold.lv2.woff2) format('woff2');font-weight:800;font-display:swap}
body{margin:0;background:#FAF8F3}
a{color:#2E2924}a:hover{color:#000000}
.pp-root *{box-sizing:border-box}
@keyframes pp-spr{from{background-position:0 0}to{background-position:100% 0}}
.spr{background-repeat:no-repeat;background-size:auto 100%;background-position:0 0;image-rendering:pixelated;animation:pp-spr 1.6s steps(16,jump-none) infinite}
.s-walk{background-image:url(/static/landing-v2/c_walk.png);animation-duration:1.28s;animation-timing-function:steps(16,jump-none)}
.s-idle{background-image:url(/static/landing-v2/c_idle.png);animation-duration:1.6s;animation-timing-function:steps(16,jump-none)}
.s-happy{background-image:url(/static/landing-v2/c_happy.png);animation-duration:.95s;animation-timing-function:steps(17,jump-none)}
.s-sit{background-image:url(/static/landing-v2/c_sitloop.png);animation-duration:3.3s;animation-timing-function:steps(33,jump-none)}
.s-sleep{background-image:url(/static/landing-v2/c_sleeploop.png);animation-duration:3.1s;animation-timing-function:steps(22,jump-none)}
.s-treat{background-image:url(/static/landing-v2/c_treat.png);animation-duration:3.4s;animation-timing-function:steps(33,jump-none)}
.s-five{background-image:url(/static/landing-v2/c_five.png);animation-duration:4.4s;animation-timing-function:steps(49,jump-none)}
.s-play{background-image:url(/static/landing-v2/c_play.png);animation-duration:1.7s;animation-timing-function:steps(17,jump-none)}
.s-mwalk{background-image:url(/static/landing-v2/m_walk.png);animation-duration:2.56s;animation-timing-function:steps(32,jump-none)}
.pp-run .spr{animation-duration:.62s}
.pp-run .s-mwalk{animation-duration:1.2s}
@keyframes pp-across{0%{left:44%}50%{left:76%}100%{left:44%}}
@keyframes pp-face{0%{transform:scaleX(1)}49.9%{transform:scaleX(1)}50%{transform:scaleX(-1)}99.9%{transform:scaleX(-1)}100%{transform:scaleX(1)}}
.pp-walker{animation:pp-across 16s linear infinite}
.pp-walker .spr{animation:pp-spr 1.28s steps(16,jump-none) infinite,pp-face 16s linear infinite}
@keyframes pp-z{0%{opacity:0;transform:translate(0,0) scale(.7)}20%{opacity:1}100%{opacity:0;transform:translate(1.6cqi,-6cqi) scale(1.3)}}
.pp-z{animation:pp-z 2.4s linear infinite}
@keyframes pp-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.pp-caret{animation:pp-blink 1s step-end infinite}
@keyframes pp-bob{0%{transform:translateY(0)}50%{transform:translateY(-6px)}100%{transform:translateY(0)}}
.pp-bob{animation:pp-bob 2.8s ease-in-out infinite}
.pp-cta{transition:transform .12s ease,box-shadow .12s ease}
.pp-cta:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 #2E2924 !important}
.pp-time{transition:transform .12s ease}
.pp-time:hover{transform:translate(-1px,-1px)}
.pp-ghost:hover{background:#FFFFFF !important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2F6FD6;outline-offset:3px}
.pp-faq summary{list-style:none;cursor:pointer}
.pp-faq summary::-webkit-details-marker{display:none}
.pp-faq details[open] .pp-plus{transform:rotate(45deg)}
.pp-sr{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important}
@container (max-width: 880px){.pp-nav{display:none !important}.pp-login{display:none !important}}
@media (prefers-reduced-motion: reduce){.spr,.pp-walker,.pp-z,.pp-caret,.pp-bob{animation:none !important}}

/* ---- 실제 화면용 추가 (2026-10-08) ---- */
.pp-skip{position:absolute;left:-9999px;top:8px;z-index:100;background:#FFFFFF;color:#2E2924;padding:10px 14px;border:2px solid #2E2924;border-radius:8px;font-weight:800}
.pp-skip:focus{left:16px}
.lv-scene[hidden]{display:none !important}
.pp-time{background:#FFFFFF;box-shadow:0 0 0 #2E2924}
.pp-time[aria-pressed="true"]{background:#F58D62;box-shadow:4px 4px 0 #2E2924}
.pp-soon{align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:2px dashed rgba(46,41,36,.4);border-radius:8px;font-size:15px;font-weight:700;color:#5F574D}
.pp-auto{border:0;background:none;padding:6px 2px;font:inherit;font-size:13px;font-weight:700;color:#5F574D;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.pp-auto[hidden]{display:none}
@container (max-width: 560px){.pp-head-cta{padding:0 12px !important;font-size:14px !important;min-height:40px !important}}

@container (max-width: 640px){#home figcaption{padding-right:44%}}
