:root{color:#292929;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:sans-serif}*{box-sizing:border-box}body{min-width:280px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline-offset:8px;outline:1px dashed #696969}::selection{background:#e9e9e9}.handwritten{vertical-align:middle;line-height:0;display:inline-block}.handwritten>svg{height:var(--ink-height,34px);width:auto;max-width:100%;display:block;overflow:visible}.name-easter-egg{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.name-letter-ink{pointer-events:none;transition:opacity .13s}.name-eye{opacity:0;transform-origin:9px 23px;pointer-events:none;transition:opacity .14s,transform .18s ease-out;transform:scaleY(.25)}.name-eye-brow{stroke-width:.85px}.name-eye-pupil{transition:transform 90ms ease-out}.is-eyes-awake .name-letter-ink{opacity:0}.is-eyes-awake .name-eye{opacity:1;transform:scaleY(1)}.name-eye-blink{transform-origin:9px 23px}.is-eyes-awake .name-eye-blink{animation:4.6s infinite name-eye-blink}.page{place-items:center;min-height:100svh;padding:65px 36px 85px;display:grid;position:relative}.composition{grid-template-columns:1fr;align-items:start;width:330px;max-width:100%;display:grid;position:relative}.portrait{min-width:0}.creature-wrap{width:100%;position:relative}.creature{width:220px;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;margin:0 auto;padding:0;display:block;position:relative}.creature-artwork,.artwork-breath,.artwork-hop,.artwork-image{display:block}.creature-artwork{transform-origin:50% 98%;animation:6.5s ease-in-out infinite creature-sway}.artwork-breath{transform-origin:50% 98%;animation:3.7s ease-in-out infinite creature-breathe}.artwork-hop{transform-origin:50% 98%}.artwork-image{filter:contrast(1.12);position:relative;overflow:hidden}.artwork-image canvas{opacity:0;width:100%;height:100%;display:block;position:relative}.has-webgl canvas{opacity:1}.artwork-fallback{pointer-events:none;max-width:none;position:absolute}.has-webgl .artwork-fallback{visibility:hidden}.is-barking .artwork-hop{animation:.85s ease-out creature-greet}.woof{--bark-gap:44px;right:calc(-1 * var(--bark-gap));--ink-height:40px;opacity:0;pointer-events:none;position:absolute;top:38%;transform:rotate(-12deg)}.woof-left{right:auto;left:calc(-1 * var(--bark-gap));transform:rotate(11deg)}.woof-top{top:-28px;left:50%;right:auto;transform:translate(-50%)rotate(-7deg)}.is-barking .woof{animation:.29s ease-in-out 2 bark-marks}.identity{text-align:center;margin-top:29px}h1{--ink-height:68px;margin:0;font-weight:400;line-height:0}.identity p{--ink-height:34px;color:#7b7b7b;margin:0}.role{width:max-content;min-height:44px;color:inherit;text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;padding:0;display:flex;position:absolute;top:241px;right:calc(100% + 42px)}.role-title{--ink-height:34px;display:block}.role-reveal{color:#a47b00;--ink-height:24px;--note-shift:0%;--note-angle:-8deg;visibility:hidden;opacity:0;transform-origin:0 100%;width:max-content;transform:translate(var(--note-shift), 3px) rotate(calc(var(--note-angle) - 4deg)) scale(.9);pointer-events:none;transition:opacity .16s,transform .22s,visibility .22s;position:absolute;top:6px;left:calc(100% + 10px)}.role-electric-text{filter:drop-shadow(0 0 .6px #ffe45c)drop-shadow(0 0 3px #ffd53499)}.role-electric-sparks{color:#d3a900;filter:drop-shadow(0 0 1px #ffec70)drop-shadow(0 0 3px #ffd534aa);width:calc(100% + 18px);height:calc(100% + 16px);position:absolute;inset:-8px -9px;overflow:visible}.electric-spark{opacity:0;stroke-dasharray:30;stroke-dashoffset:30px}.role.is-revealed .role-electric-text{animation:.54s linear electric-flicker,2.8s ease-in-out .54s infinite electric-glow}.role.is-revealed .electric-spark{animation:2s ease-out infinite electric-snap}.role.is-revealed .electric-spark-top{animation-delay:80ms}.role.is-revealed .electric-spark-right{animation-delay:.18s}.role.is-revealed .electric-spark-bottom{animation-delay:.28s}.role-position-left .role-reveal{--note-angle:6deg;transform-origin:100% 100%;left:auto;right:calc(100% + 10px)}.role-position-top .role-reveal{--note-shift:-50%;--note-angle:-3deg;transform-origin:bottom;top:-24px;left:50%}.role.is-revealed .role-reveal{visibility:visible;opacity:1;transform:translate(var(--note-shift), 0) rotate(var(--note-angle)) scale(1);animation:.35s ease-out role-tada}.work{white-space:nowrap;width:max-content;margin:0;position:absolute;top:241px;left:calc(100% + 42px)}.work>.handwritten{--ink-height:31px;color:#888}.work a{width:fit-content;color:inherit;--ink-height:44px;align-items:center;gap:12px;margin-top:0;line-height:0;text-decoration:none;display:flex}.work a:after{content:"";background:#292929;width:0;height:1px;transition:width .2s;position:absolute;bottom:-2px;left:0}.work a{position:relative}.work a:hover:after{width:100%}.macaly-link:before{content:"";width:54px;height:100%;position:absolute;top:0;left:100%}.macaly-icon{opacity:0;transform-origin:50% 70%;pointer-events:none;width:32px;height:32px;margin-top:-16px;transition:opacity .14s,transform .22s;position:absolute;top:50%;left:calc(100% + 14px);transform:translate(-10px,4px)rotate(-24deg)scale(.55)}.macaly-icon svg{width:100%;height:100%;display:block;overflow:visible}.macaly-logo-mark{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0}.macaly-ink-rays{opacity:0;transform-origin:11px 13px}.macaly-link:is(:hover,:focus-visible) .macaly-icon{opacity:1;animation:.52s cubic-bezier(.2,.75,.25,1) macaly-stamp;transform:translate(0)rotate(-5deg)scale(1)}.macaly-link:is(:hover,:focus-visible) .macaly-logo-mark{stroke-dashoffset:0;fill-opacity:1;animation:.5s ease-out both macaly-draw}.macaly-link:is(:hover,:focus-visible) .macaly-ink-rays{animation:.65s ease-out both macaly-rays}.social-footer{justify-content:center;display:flex;position:absolute;bottom:22px;left:0;right:0}.social-links{align-items:center;gap:13px;display:flex}.social-link{color:#777;place-items:center;width:44px;height:44px;text-decoration:none;display:grid}.social-link svg{width:27px;height:27px;transition:transform .18s,color .18s;display:block}a.social-link:hover{color:#292929}a.social-link:hover svg{transform:translateY(-2px)rotate(-4deg)}.social-link:nth-child(2):hover svg{transform:translateY(-2px)rotate(3deg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@keyframes creature-sway{0%,to{transform:rotate(-.65deg)}50%{transform:rotate(.65deg)}}@keyframes creature-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.009,.992)}}@keyframes creature-greet{0%,31%,66%,to{transform:translateY(0)scale(1)}9%,43%{transform:translateY(1px)scale(1.025,.97)}20%,55%{transform:translateY(-9px)scale(.985,1.025)rotate(-.5deg)}}@keyframes bark-marks{0%,to{opacity:0}20%,65%{opacity:1}}@keyframes name-eye-blink{0%,91%,97%,to{transform:scaleY(1)}94%{transform:scaleY(.08)}}@keyframes role-tada{0%{opacity:0;transform:translate(var(--note-shift), 3px) rotate(calc(var(--note-angle) - 4deg)) scale(.8)}65%{opacity:1;transform:translate(var(--note-shift), -1px) rotate(calc(var(--note-angle) + 2deg)) scale(1.04)}to{transform:translate(var(--note-shift), 0) rotate(var(--note-angle)) scale(1)}}@keyframes electric-flicker{0%,18%{opacity:.3}8%,28%,to{opacity:1}42%{opacity:.65}56%{opacity:1}}@keyframes electric-glow{0%,to{filter:drop-shadow(0 0 .6px #ffe45c)drop-shadow(0 0 3px #ffd53499)}50%{filter:drop-shadow(0 0 1px #ffed80)drop-shadow(0 0 5px #ffd534cc)}}@keyframes electric-snap{0%{opacity:0;stroke-dashoffset:30px}6%{opacity:.9;stroke-dashoffset:0}17%{opacity:.5;stroke-dashoffset:-8px}25%,to{opacity:0;stroke-dashoffset:-30px}}@keyframes macaly-stamp{0%{opacity:0;transform:translate(-10px,4px)rotate(-24deg)scale(.55)}65%{opacity:1;transform:translate(1px,-3px)rotate(7deg)scale(1.12)}83%{transform:translateY(1px)rotate(-8deg)scale(.98)}to{opacity:1;transform:translate(0)rotate(-5deg)scale(1)}}@keyframes macaly-draw{0%{stroke-dashoffset:1px;fill-opacity:0}60%{stroke-dashoffset:0;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes macaly-rays{0%,28%{opacity:0;transform:scale(.8)}55%{opacity:.7;transform:scale(1.05)}to{opacity:0;transform:scale(1.15)}}@media (width>=801px) and (width<=980px),(width<=420px){.role-position-left .role-reveal{top:-16px;left:0;right:auto}}@media (width<=420px){.role-position-right .role-reveal{top:-16px;left:auto;right:0}}@media (width<=800px){.composition{justify-items:center;gap:24px}.role{position:relative;top:auto;right:auto}.work{text-align:center;position:static}.work a{margin:0 auto}}@media (width<=650px){.page{padding:48px 24px 80px}.composition{justify-items:center;width:100%}.portrait{width:270px}.creature{width:185px}.identity{margin-top:17px}h1{--ink-height:60px}.identity p{--ink-height:32px}.work a{--ink-height:41px;gap:8px;margin:0 auto}.work>.handwritten{--ink-height:30px}.social-footer{bottom:18px}.woof{--bark-gap:36px;--ink-height:36px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.is-barking .woof{opacity:1}}