.collage{aspect-ratio:1/1.02;--mx:0;--my:0;justify-self:center;width:100%;max-width:580px;margin:0 8px 0 0;position:relative}.collage .piece{transform:translate3d(calc(var(--mx) * var(--d) * -1px), calc(var(--my) * var(--d) * -1px), 0);animation:c-in .8s var(--ease-stamp) both;animation-delay:calc(var(--i) * 90ms + .12s);position:absolute}.collage .bob{animation:c-bob calc(6s + var(--i) * .7s) ease-in-out infinite alternate;animation-delay:calc(var(--i) * -1.3s)}.collage .sheet{rotate:var(--r);transition:rotate .45s var(--ease-out), translate .45s var(--ease-out);position:relative}.collage .sheet:after{content:"";z-index:-1;border-radius:inherit;background:var(--block,var(--mustard));transition:transform .45s var(--ease-out);position:absolute;inset:0;transform:translate(8px,8px)}@media (hover:hover){.collage .piece:hover{z-index:9}.collage .piece:hover .sheet{translate:-3px -5px;rotate:0deg}.collage .piece:hover .sheet:after{transform:translate(13px,14px)}}.collage .tile{--block:var(--signal);border-radius:18px}.collage .tile svg{width:100%;height:auto;display:block}.p-ice{z-index:2;width:38%;top:0;left:0}.p-explore{z-index:2;width:41%;top:0;right:0}.p-photo{z-index:4;width:45%;top:35%;left:13%}.p-fish{z-index:3;width:43%;bottom:0;right:1%}.p-fire{z-index:6;width:15%;top:44%;left:0}.p-ice .sheet{--block:var(--teal)}.p-explore .sheet{--block:var(--mustard)}.p-fish .sheet{--block:var(--signal)}.polaroid{border:var(--border) solid #2c3824;--block:var(--signal);background:#fbf6ec;border-radius:6px;padding:5% 5% 15%}.polaroid .snap{aspect-ratio:1;border:1.5px solid #2c3824;position:relative;overflow:hidden}.polaroid .snap svg{width:106%;height:106%;position:absolute;inset:-3%}.polaroid .pin{color:#2c3824;width:9%;position:absolute;bottom:3.5%;left:50%;translate:-50%}.polaroid .tape{z-index:2;background:color-mix(in srgb, var(--wood) 70%, transparent);border-left:2px dashed #ffffff59;border-right:2px dashed #ffffff59;width:34%;height:9%;position:absolute;top:-4%;left:50%;translate:-50%;rotate:3deg}.sticker{filter:drop-shadow(0 6px 10px #14190f2e);width:100%;height:auto;display:block;overflow:visible}.sticker path,.sticker rect,.sticker circle{stroke:#2c3824;stroke-width:2.5px;stroke-linejoin:round}.fire .disc{fill:#2c3824;stroke:#fbf6ec;stroke-width:6px}.fire .logs rect{fill:#c9a27a;stroke:#fbf6ec}.fire .f1{fill:#e2672f;stroke:none}.fire .f2{fill:#edb648;stroke:none}.fire .flame{transform-box:fill-box;transform-origin:50% 100%}.collage .kit-trail .m-b{animation:4s ease-in-out infinite c-needle}.collage .kit-trail .path{animation:2.4s linear infinite c-march}.collage .kit-fish .m-a{animation:7s ease-in-out infinite alternate c-drift}.collage .kit-fish .m-birds{animation:9s ease-in-out infinite alternate c-glide}.collage .kit-fish .m-bob{animation:2.2s ease-in-out infinite c-bobber}.collage .kit-fish .m-ring{transform-box:fill-box;transform-origin:50%;animation:2.2s ease-out infinite c-ring}.collage .kit-fish .m-late{animation-delay:-1.1s}.collage .kit-fish .m-jump{animation:6s ease-in-out infinite c-jump}.collage .kit-fish .m-splash{animation:6s ease-out infinite c-splash}.collage .kit-fish .m-mist{animation:11s ease-in-out infinite alternate c-mist}.collage .kit-fish .m-shimmer{animation:1.6s ease-in-out infinite alternate c-pulse}.collage .kit-explore .star{animation:3.2s ease-in-out infinite c-twinkle}.collage .kit-explore .star.m-b{animation-duration:4.4s}.collage .kit-explore .star.m-c{animation-duration:2.6s}.collage .kit-explore .m-sweep{animation:6s ease-in-out infinite alternate c-sweep}.collage .kit-explore .m-shoot{animation:7s ease-in infinite c-shoot}.collage .kit-explore .m-glow{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-in-out infinite alternate c-pulse}.collage .kit-ice .m-snow{animation:14s linear infinite c-snow}.collage .kit-ice .m-drift{animation:5s linear infinite c-drift-down}.collage .kit-ice .m-chips{animation:3s ease-out infinite c-chips}.collage .fire .f1{animation:.9s ease-in-out infinite alternate c-flick}.collage .fire .f2{animation:.7s ease-in-out infinite alternate-reverse c-flick}.collage:not(.is-live) .bob,.collage:not(.is-live) .bob *{animation-play-state:paused}@keyframes c-in{0%{opacity:0;translate:0 26px;scale:.86}to{opacity:1;translate:0;scale:1}}@keyframes c-bob{0%{translate:0 -4px}to{translate:0 5px}}@keyframes c-twinkle{0%,to{opacity:1}50%{opacity:.25}}@keyframes c-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes c-drift{0%{translate:-8px}to{translate:8px}}@keyframes c-needle{0%,to{rotate:-14deg}35%{rotate:18deg}60%{rotate:-6deg}80%{rotate:4deg}}@keyframes c-march{to{stroke-dashoffset:-28px}}@keyframes c-glide{0%{translate:-14px 2px}to{translate:12px -4px}}@keyframes c-bobber{0%,to{translate:0}50%{translate:0 3px}}@keyframes c-ring{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.3}}@keyframes c-jump{0%,62%{opacity:0;rotate:-75deg}64%{opacity:1}84%{opacity:1;rotate:75deg}86%,to{opacity:0;rotate:75deg}}@keyframes c-splash{0%,82%{opacity:0;scale:.4}86%{opacity:1;scale:1}96%,to{opacity:0;scale:1.3}}@keyframes c-sweep{0%{rotate:-7deg}to{rotate:6deg}}@keyframes c-mist{0%{translate:-18px}to{translate:22px}}@keyframes c-shoot{0%,70%{opacity:0;translate:0}72%{opacity:1}84%,to{opacity:0;translate:90px 36px}}@keyframes c-drift-down{0%{translate:0}to{translate:0 360px}}@keyframes c-snow{to{translate:0 300px}}@keyframes c-chips{0%,10%{opacity:1;translate:0;scale:.6}60%{opacity:1;translate:8px -6px;scale:1}75%,to{opacity:0;translate:12px 10px;scale:1}}@keyframes c-flick{0%{scale:1}to{scale:.9 1.1}}@media (width<=960px){.collage{max-width:520px;margin:0 auto}}@media (width<=640px){.collage{aspect-ratio:1/1.42}.p-ice{width:52%;top:0;left:0}.p-explore{width:50%;top:5%;right:0}.p-photo{width:54%;top:30%;left:3%}.p-fish{width:54%;bottom:2%;right:0}.p-fire{width:20%;top:auto;bottom:3%;left:8%}}@media (prefers-reduced-motion:reduce){.collage .piece{transform:none;animation:.3s both c-fade!important}.collage .bob,.collage .bob *{animation:none!important}.collage .kit-fish .m-splash{opacity:0}.collage .sheet,.collage .sheet:after{transition:none}}@keyframes c-fade{0%{opacity:0}}