.puzzle-navigation{margin-top:32px}.puzzle-canvas-wrap{height:clamp(360px,36vw,440px);position:relative}.puzzle-canvas{touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block}.puzzle-fallback{pointer-events:none;grid-template-columns:repeat(3,1fr);align-items:center;gap:8%;display:grid;position:absolute;inset:0}.puzzle-navigation .project-links{gap:24px;margin-top:20px}.puzzle-navigation .project-link{border:1.5px solid #14130f9c;border-radius:12px;transition:background-color .18s,transform .18s,border-color .18s;display:block}.puzzle-navigation .project-link:hover,.puzzle-navigation .project-link[data-highlighted=true],.puzzle-navigation .project-link:focus-visible{border-color:var(--ink);background:#ffffff32;transform:translateY(-3px)}.puzzle-navigation .project-label{height:100%;padding:22px 42px 24px 22px}.project-index{border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:12px;font-size:11px;display:inline-flex}.puzzle-navigation .project-open{opacity:1;width:20px;height:20px;margin-top:0;position:absolute;top:24px;right:18px}.puzzle-navigation .project-label p{margin-top:7px}@media (max-width:700px){.puzzle-canvas-wrap{height:430px}.puzzle-navigation .project-links{grid-template-columns:1fr;gap:14px;display:grid}.puzzle-navigation .project-link{display:block}.puzzle-navigation .project-label{padding:22px 46px 22px 60px}.project-index{position:absolute;top:22px;left:16px}.puzzle-navigation .project-open{top:26px}}@media (prefers-reduced-motion:reduce){.puzzle-navigation .project-link{transition:none;transform:none}}
.paper-drawings{pointer-events:none;position:absolute;inset:0}.paper-drawings .doodle{transform-origin:50% 80%;animation:2.4s step-end infinite paused paper-frame}.paper-drawings[data-playing=true] .doodle{animation-play-state:running}.paper-drawings .duck{animation-duration:1.8s;animation-delay:-.7s}.paper-drawings .flower{animation-duration:2.8s;animation-delay:-1.2s}.paper-drawings .caterpillar{animation-duration:2s;animation-delay:-.3s}.paper-drawings .butterfly{animation-name:butterfly-frame;animation-duration:2.2s;animation-delay:-.8s}.paper-drawings .tulip{animation-duration:3.1s;animation-delay:-1.7s}@keyframes paper-frame{0%,to{translate:0;rotate:-1deg}16%{translate:2px -2px;rotate:1.5deg}32%{translate:-1px -3px;rotate:-2deg}48%{translate:1px 1px;rotate:1deg}64%{translate:-2px -1px;rotate:2.5deg}80%{translate:1px 2px;rotate:-1.5deg}}@keyframes butterfly-frame{0%,to{translate:0;rotate:-3deg}16%{translate:3px -4px;rotate:4deg}32%{translate:7px -8px;rotate:-5deg}48%{translate:4px -5px;rotate:6deg}64%{translate:-2px -6px;rotate:-4deg}80%{translate:-4px -2px;rotate:2deg}}@media (prefers-reduced-motion:reduce){.paper-drawings .doodle{animation:none}}