@charset "UTF-8";
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef0f4;color:#1420ff;font-family:Arial,"Yu Gothic",Meiryo,sans-serif}.original-lp{width:100%;max-width:450px;margin:0 auto;background:white}.artboard{position:relative;width:100%;margin:0;padding:0;line-height:0;isolation:isolate}.original-art{display:block;width:100%;height:auto;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;line-height:1.6}.skip{position:fixed;top:-100px;left:12px;z-index:100;padding:8px 14px;background:#fff;color:#1420ff}.skip:focus{top:12px}.art-link{position:absolute;display:block;z-index:5;border:0;background:transparent}.art-link:focus-visible{outline:2px solid #eaff00;outline-offset:4px}.scroll-link{left:40%;width:20%;top:17.6%;height:1.8%}.top-link{left:82.2%;width:13.4%;top:97.67%;height:1.55%}.anchor{position:absolute;left:0;width:1px;height:1px;pointer-events:none}.preview-controls{max-width:450px;margin:auto;padding:12px;text-align:center;background:white}.motion-toggle{border:1px solid #c7cee2;border-radius:20px;color:#46516d;background:white;font:11px Arial,"Yu Gothic",sans-serif;padding:7px 16px;cursor:pointer}.motion-toggle:focus-visible{outline:2px solid #1420ff;outline-offset:3px}
/* The artwork itself remains at its exact Illustrator coordinates. */
[data-motion],.part-entry{transform-box:fill-box;transform-origin:center}.part-entry{opacity:1}.motion-on:not(.art-ready) .part-entry,.motion-on .part-entry:not(.in-view){opacity:0}.motion-on.art-ready .part-entry.in-view{animation:part-enter .4s cubic-bezier(.175,.885,.32,1.275) var(--entry-delay,0s) both,part-opacity .5s ease-out var(--entry-delay,0s) both}[data-entry=left]{--entry-x:-50%;--entry-y:0%}[data-entry=right]{--entry-x:50%;--entry-y:0%}[data-entry=bottom]{--entry-x:0%;--entry-y:50%}@keyframes part-enter{from{translate:var(--entry-x,0%) var(--entry-y,0%)}to{translate:0 0}}@keyframes part-opacity{from{opacity:0}to{opacity:1}}
.motion-on [data-motion].in-view{animation-iteration-count:infinite;animation-delay:var(--loop-delay,0s)}.motion-on [data-motion=twist].in-view{animation-name:part-twist;animation-duration:4.4s;animation-timing-function:step-end}.motion-on [data-motion=pulse].in-view{animation-name:part-pulse;animation-duration:3.6s;animation-timing-function:ease-in-out}.motion-on [data-motion=sway].in-view{transform-origin:bottom;animation-name:part-sway;animation-duration:3.2s;animation-timing-function:ease-in-out}.motion-on [data-motion=sway-slow].in-view{transform-origin:bottom;animation-name:part-sway-slow;animation-duration:4.8s;animation-timing-function:ease-in-out}.motion-on [data-motion=shine].in-view{animation-name:part-shine;animation-duration:3.8s;animation-timing-function:step-end}.motion-on [data-motion=dance].in-view{transform-origin:bottom;animation-name:part-dance;animation-duration:3.6s;animation-timing-function:step-end}.motion-on [data-motion=hop].in-view{animation-name:part-hop;animation-duration:5s;animation-timing-function:ease-in-out}
@keyframes part-twist{0%,18%,100%{rotate:0deg}6%{rotate:12deg}12%{rotate:-10deg}}@keyframes part-pulse{0%,10%,20%,100%{scale:1}5%{scale:1.15}15%{scale:1.12}}@keyframes part-sway{0%,100%{rotate:-6deg}50%{rotate:6deg}}@keyframes part-sway-slow{0%,100%{rotate:-3deg}50%{rotate:3deg}}@keyframes part-shine{0%,20%,40%,100%{rotate:0deg;scale:1}10%{rotate:3deg;scale:1.1}30%{rotate:-3deg;scale:1.1}}@keyframes part-dance{0%,40%,100%{rotate:0deg}8%,24%{rotate:6deg}16%,32%{rotate:-6deg}}@keyframes part-hop{0%,28%,100%{scale:1 1;translate:0 0}4%{scale:1 .92}9%{scale:1 1.03;translate:0 -5px}13%{scale:1 .94;translate:0 0}16%{scale:1 1.02;translate:0 -4px}20%{scale:1 .95;translate:0 0}24%{scale:1}}
.scene-gate{position:absolute;left:0;width:100%;overflow:hidden;pointer-events:none;z-index:4;display:none}.motion-on .scene-gate{display:block}.leaf{position:absolute;top:0;bottom:0;width:50%;background:var(--door-color,#fff)}.leaf-left{left:0;border-right:1px solid var(--seam,#ced5ec)}.leaf-right{right:0;border-left:1px solid var(--seam,#ced5ec)}.scene-gate.blue{--door-color:#001aff;--seam:#73a1ff}.scene-gate.dark{--door-color:#051c53;--seam:#4777bf}.scene-gate.open .leaf-left{animation:open-left 1.25s cubic-bezier(.455,.03,.515,.955) both}.scene-gate.open .leaf-right{animation:open-right 1.25s cubic-bezier(.455,.03,.515,.955) both}@keyframes open-left{0%{translate:0 0}43%{translate:-98.2% 0}100%{translate:-100% 0}}@keyframes open-right{0%{translate:0 0}43%{translate:98.2% 0}100%{translate:100% 0}}
body.motion-off .part-entry{opacity:1;animation:none;translate:0 0}body.motion-off [data-motion]{animation:none;rotate:0deg;scale:1;translate:0 0}.motion-off .scene-gate{display:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.original-lp *{animation:none!important;transition:none!important}.part-entry{opacity:1!important}.scene-gate{display:none!important}}
.motion-on [data-motion=spin].in-view{animation-name:part-spin;animation-duration:15s;animation-timing-function:linear}@keyframes part-spin{to{rotate:-360deg}}