.pkin{--pkin-ink:#231536;--pkin-paper:#f7f5f0;position:relative;width:100%;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--pkin-ink);background:var(--pkin-paper);isolation:isolate}
.pkin *{box-sizing:border-box}.pkin [hidden]{display:none!important}.pkin-stage{position:relative;aspect-ratio:16/10;max-height:calc(100svh - 64px);min-height:480px;overflow:hidden;isolation:isolate}
.pkin-scene{position:absolute;inset:0;overflow:hidden}.pkin-go,.pkin-logo{background:#f7f5f0}.pkin-here{background:#7042c4}.pkin-arrived{background:#231536}
.pkin-art{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.pkin-art [data-pkin-motion]{transform-box:fill-box;transform-origin:center}
.pkin-art [data-pkin-motion=hand]{transform-origin:50% 85%}.pkin-art [data-pkin-motion=window],.pkin-art [data-pkin-motion=rider]{transform-origin:50% 100%}.pkin-art [data-pkin-motion=map-left]{transform-origin:100% 50%}.pkin-art [data-pkin-motion=map-right]{transform-origin:0% 50%}
.pkin-word-wrap{position:absolute;top:9%;left:6%;right:6%;overflow:hidden;text-align:center;padding-bottom:12px;pointer-events:none}.pkin .pkin-word{font-size:clamp(65px,10.8vw,175px);font-weight:550;line-height:1.03;letter-spacing:-.065em;margin:0;color:var(--pkin-ink);white-space:nowrap;transform-origin:center}
.pkin-here .pkin-word,.pkin-arrived .pkin-word{color:var(--pkin-paper)}.pkin-arrived .pkin-word{font-size:clamp(60px,9.1vw,145px)}
.pkin-lockup{position:absolute;left:50%;top:50%;width:62%;max-width:830px;translate:-50% -50%;text-align:center;transform-origin:center}.pkin-lockup img{display:block;width:100%!important;height:auto!important;max-width:none;filter:none!important}.pkin-lockup>p{margin:32px 0 0!important;font-size:clamp(18px,2.2vw,34px);line-height:1.25;letter-spacing:-.025em;color:var(--pkin-ink)}
.pkin-topline{position:absolute;top:30px;left:4%;right:4%;display:flex;justify-content:space-between;gap:16px;font-size:9px;line-height:1.5;letter-spacing:.09em;pointer-events:none}
.pkin-bottomline{position:absolute;bottom:20px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.pkin-scene-label{font-size:10px;line-height:1.5;letter-spacing:.07em}.pkin-controls{display:flex;align-items:center;gap:20px}.pkin-nav{display:flex;gap:7px}.pkin button{appearance:none;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.pkin-nav>button{display:grid;align-items:center;min-width:44px;height:44px;padding:0 3px}.pkin-nav>button>span{height:3px;width:100%;display:block;background:currentColor;opacity:.25;position:relative;overflow:hidden}.pkin-nav>button[aria-pressed=true]>span{opacity:1;background:color-mix(in srgb,currentColor 22%,transparent)}.pkin-nav i{position:absolute;inset:0;background:currentColor;transform:scaleX(0);transform-origin:left;display:block}.pkin-toggle{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor!important;border-radius:50%}.pkin-toggle svg{display:block;width:18px;height:18px}.pkin button:hover{opacity:.65}.pkin button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.pkin[data-pkin-scene-index="1"],.pkin[data-pkin-scene-index="2"]{color:var(--pkin-paper)}.pkin-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(min-width:1600px){.pkin .pkin-word{font-size:175px}.pkin-arrived .pkin-word{font-size:145px}}
@media(max-width:900px){.pkin-stage{min-height:430px}.pkin .pkin-word{font-size:11vw}.pkin-arrived .pkin-word{font-size:9.5vw}.pkin-topline{top:22px}.pkin-lockup>p{margin-top:24px!important}}
@media(max-width:700px){.pkin-stage{aspect-ratio:4/5;max-height:none;min-height:0}.pkin-topline{top:17px;left:22px;right:22px;font-size:7px;letter-spacing:.07em}.pkin-topline>span:last-child{display:none}.pkin-word-wrap{top:12%;left:4%;right:4%;padding-bottom:6px}.pkin .pkin-word{font-size:17vw;line-height:1.05;letter-spacing:-.065em}.pkin-arrived .pkin-word{font-size:13.5vw}.pkin-art{top:4%;height:95%}.pkin-lockup{width:78%;top:49%}.pkin-lockup>p{font-size:4.7vw;margin-top:20px!important}.pkin-bottomline{left:22px;right:22px;bottom:12px;gap:10px}.pkin-scene-label{font-size:7px;letter-spacing:.02em;max-width:80px}.pkin-controls{gap:9px}.pkin-nav{gap:1px}.pkin-nav>button{min-width:44px;width:44px;padding:0 5px}.pkin-toggle{width:44px;height:44px;border-radius:22px}.pkin-toggle svg{width:15px;height:15px}}
@media(max-width:360px){.pkin-bottomline{left:16px;right:16px}.pkin-topline{left:16px;right:16px}.pkin-scene-label{display:none}.pkin-controls{gap:7px;margin-left:auto}.pkin-nav>button{min-width:44px;width:44px}}
@media(prefers-reduced-motion:reduce){.pkin *{scroll-behavior:auto!important}.pkin-art [data-pkin-motion],.pkin-word,.pkin-lockup{will-change:auto!important}}