@property --size{syntax:"<length>";inherits:true;initial-value:1.5em}.category-link{--size:1.5em;--pop:0em;--spring:cubic-bezier(.34, 1.56, .64, 1);color:inherit;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none;display:inline-block;position:relative}.category-link:is([data-hovered],[data-focus-visible]),[data-tapped]>.category-link{--size:3em;--pop:.14em}.category-link[data-focus-visible]{outline-color:#0000}.category-link .frame{width:var(--size);height:var(--size);margin:calc((1em - var(--size)) / 2) .3em calc((1em - var(--size)) / 2) 0;vertical-align:middle;transition:--size .42s var(--spring);display:inline-block;position:relative}.category-link .box{transition:background-color .2s var(--ease-out);background:0 0;position:absolute;inset:0}.category-link:is([data-hovered],[data-focus-visible]) .box,[data-tapped]>.category-link .box{background:var(--color-page)}.category-link .corners{inset:calc(-1 * var(--pop));opacity:0;transition:inset .42s var(--spring), opacity .2s var(--ease-out);position:absolute}.category-link:is([data-hovered],[data-focus-visible]) .corners,[data-tapped]>.category-link .corners{opacity:1}.category-link .corners span{border-top:.045em solid var(--color-ink);border-left:.045em solid var(--color-ink);width:.18em;height:.18em;position:absolute}.category-link .corners span:first-child{top:0;left:0}.category-link .corners span:nth-child(2){top:0;right:0;rotate:90deg}.category-link .corners span:nth-child(3){bottom:0;right:0;rotate:180deg}.category-link .corners span:nth-child(4){bottom:0;left:0;rotate:-90deg}.category-link .icon{fill:none;width:84%;height:84%;stroke:var(--color-ink);stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;position:absolute;inset:8%;overflow:visible}.category-link .icon *{transform-box:fill-box;transform-origin:50%}.category-link .tile.lifted{transition:translate .36s var(--spring);translate:.6px -.6px}.category-link:is([data-hovered],[data-focus-visible]) .tile,[data-tapped]>.category-link .tile{animation:tile-in .36s var(--spring) calc(var(--i) * 35ms) backwards}.category-link:is([data-hovered],[data-focus-visible]) .tile.lifted,[data-tapped]>.category-link .tile.lifted{translate:1.4px -1.4px}@keyframes tile-in{0%{opacity:0;scale:.4}}.category-link .sparkle{transition:rotate .42s var(--spring)}.category-link:is([data-hovered],[data-focus-visible]) .sparkle,[data-tapped]>.category-link .sparkle{animation:sparkle-pulse .52s var(--ease-out);rotate:90deg}.category-link:is([data-hovered],[data-focus-visible]) .cursor,[data-tapped]>.category-link .cursor{animation:.9s step-end 2 cursor-blink}@keyframes sparkle-pulse{50%{scale:1.6}}@keyframes cursor-blink{50%{opacity:0}}.category-link .card{transition:translate .42s var(--spring), scale .42s var(--spring)}.category-link:is([data-hovered],[data-focus-visible]) .card-a,[data-tapped]>.category-link .card-a{translate:8px}.category-link:is([data-hovered],[data-focus-visible]) .card-b,[data-tapped]>.category-link .card-b{translate:-8px 3.5px}.category-link .label{--bar:.1em;margin:0 calc(-1 * var(--bar));padding:0 var(--bar);line-height:1.3;display:inline-block;position:relative}.category-link .bar{padding:inherit;color:var(--color-page);background:var(--color-ink);clip-path:inset(0 100% 0 0);transition:clip-path .36s var(--ease-out);position:absolute;inset:0}.category-link .bar:before{content:attr(data-label)}.category-link:is([data-hovered],[data-focus-visible]) .bar,[data-tapped]>.category-link .bar{clip-path:inset(0)}@media (prefers-reduced-motion:reduce){.category-link .frame,.category-link .corners,.category-link .bar,.category-link .icon *{transition:none!important;animation:none!important}}.a11y-stamp{color:var(--color-ink-muted);flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;margin-top:4rem;display:flex}.a11y-tour-button,.a11y-colophon{color:var(--color-ink);font:inherit;letter-spacing:inherit;text-transform:inherit;text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.a11y-tour{z-index:1000;pointer-events:none;color:var(--color-ink);position:fixed;inset:0}.a11y-tour svg{position:absolute;inset:0}.a11y-tour .dim{fill:var(--color-page);opacity:.6}.a11y-tour .hole{transition:x .36s var(--ease-out), y .36s var(--ease-out), width .36s var(--ease-out), height .36s var(--ease-out)}.a11y-tour .label{background:var(--color-ink);color:var(--color-page);white-space:nowrap;transition:left .36s var(--ease-out), top .36s var(--ease-out);border-radius:4px;padding:.125rem .375rem;position:absolute}@media (prefers-reduced-motion:reduce){.a11y-tour .hole,.a11y-tour .label{transition:none}}html[data-intro] .a11y-stamp{opacity:0;pointer-events:none}.avatar{z-index:1;aspect-ratio:1;width:4em;color:var(--color-ink);font:inherit;vertical-align:.15em;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:inline-block;position:relative}.avatar:active{cursor:grabbing}.avatar[data-focus-visible]{outline:2px solid var(--color-ink);outline-offset:2px;border-radius:18%}html:is([data-intro=hold],[data-intro=drawing]) .avatar{pointer-events:none}html:is([data-intro=hold],[data-intro=drawing]) .avatar>:is(img,.poses,.sweat,.startle,.wonder,.glasses){visibility:hidden}.avatar img,.avatar canvas,.avatar>svg,.avatar .glasses,.avatar .glasses svg{pointer-events:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}:root[data-theme=dark] .avatar :is(img,canvas,.picture,.intro-glasses){filter:drop-shadow(0 0 .6px var(--color-ink)) drop-shadow(0 0 .6px var(--color-ink))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .avatar :is(img,canvas,.picture,.intro-glasses){filter:drop-shadow(0 0 .6px var(--color-ink)) drop-shadow(0 0 .6px var(--color-ink))}}.avatar .poses{visibility:hidden}.avatar .poses[data-ready]{visibility:visible}.avatar:has(.poses[data-ready])>img,.avatar .glasses[data-on-face] img{visibility:hidden}.avatar .glasses{will-change:transform}.avatar .glasses img{opacity:calc(1 - var(--off,0) * 5)}.avatar .glasses svg{opacity:calc(var(--off,0) * 5);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.avatar .sweat{opacity:calc(var(--up,0) * 1.4 - .4);transform:translateY(calc((var(--up,0) - 1) * 1.5%));fill:none;stroke:currentColor;stroke-width:1.55px;stroke-linecap:round}.avatar .startle{opacity:calc((var(--off,0) * 2 - 1) * (1 - var(--up,0)));fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;overflow:visible}.startle .stem,.startle .dot{transform-box:fill-box;transform-origin:50%;transition:transform .3s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * 60ms), opacity .12s var(--ease-out) calc(var(--i) * 60ms), stroke-width .3s var(--ease-out) calc(var(--i) * 60ms)}.startle .stem{transform:translate(var(--dx), var(--dy)) rotate(var(--turn)) scale(1, var(--length))}.startle .dot{opacity:0;stroke-width:2.2px;transform:scale(0)}.startle[data-alarmed] .stem{stroke-width:1.8px;transform:none}.startle[data-alarmed] .dot{opacity:1;transition-delay:calc(var(--i) * 60ms + .16s);transform:none}.avatar .wonder{fill:none;stroke:currentColor;stroke-width:1.15px;stroke-linecap:round;overflow:visible}.wonder .q{opacity:0;transform-box:fill-box;transform-origin:bottom;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);transform:translateY(3px)scale(.8)}.wonder .point{stroke-width:1.7px}.wonder[data-on] .q{opacity:1;transition:opacity .12s var(--ease-out) calc(var(--i) * .11s), transform .32s cubic-bezier(.34, 1.56, .64, 1) calc(var(--i) * .11s);transform:scale(1.3)}@media (prefers-reduced-motion:reduce){.startle .stem,.startle .dot,.wonder .q{transition:none}}.avatar svg.intro{fill:none;stroke-linecap:round;stroke-linejoin:round;overflow:visible}svg.intro .lines path,svg.intro .colour path{stroke-dasharray:1 2;stroke-dashoffset:1px}svg.intro .lines{stroke:currentColor;stroke-width:1.7px}svg.intro .rim{stroke-width:1.1px}svg.intro .dot{stroke-width:0}svg.intro .colour path{stroke:url(#intro-paint);stroke-width:12px}svg.intro :is(.picture,.blink,.intro-glasses,.pen-tool,.brush-tool){opacity:0}svg.intro :is(.pen-tool,.brush-tool){fill:var(--color-page);stroke:currentColor;stroke-width:.8px}svg.intro .tuft{fill:#2a1d1b}.landing[data-astro-cid-houjjtai]{min-height:100svh;padding:max(4em,12vh) 1em 4em;font-size:1.25rem;overflow:clip}.intro[data-astro-cid-houjjtai]{max-width:30em;margin:0 auto}a[data-astro-cid-houjjtai],.intro[data-astro-cid-houjjtai] a:not(.ask-link,.a11y-colophon){color:inherit;transition:color .16s var(--ease-out);text-decoration:none}.intro[data-astro-cid-houjjtai] a:active{opacity:.55}h1[data-astro-cid-houjjtai]{color:var(--color-ink);line-height:2}@media (width<=30em){h1[data-astro-cid-houjjtai]{line-height:2.4}}.avatar-slot[data-astro-cid-houjjtai]{aspect-ratio:1;vertical-align:.15em;width:4em;display:inline-block}.avatar-slot[data-astro-cid-houjjtai] .avatar{display:block}html:is([data-intro=hold],[data-intro=drawing]) [data-astro-cid-houjjtai]:is(h1>[data-reveal],.socials,hr,.panel),html[data-intro=name] [data-astro-cid-houjjtai]:is(h1>[data-reveal]:not([data-reveal=name]),.socials,hr,.panel),html:is([data-intro=hold],[data-intro=drawing],[data-intro=name]) .intro[data-astro-cid-houjjtai] .tabs{opacity:0;pointer-events:none}html:is([data-intro=name],[data-intro=reveal]) [data-astro-cid-houjjtai]:is(h1>[data-reveal],.socials,hr,.panel),html:is([data-intro=name],[data-intro=reveal]) .intro[data-astro-cid-houjjtai] .tabs{transition:opacity .3s var(--ease-out)}.landing[data-astro-cid-houjjtai] .scrambled{color:var(--color-ash)}.word[data-astro-cid-houjjtai]{display:inline-block}.socials[data-astro-cid-houjjtai]{margin:1.6em 0 0 -.32em;padding:0;list-style:none;display:flex}.socials[data-astro-cid-houjjtai] a[data-astro-cid-houjjtai],.socials[data-astro-cid-houjjtai] .theme-toggle{width:1.5em;height:1.5em;color:var(--color-ink-muted);cursor:pointer;transition:color .16s var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (pointer:coarse){.socials[data-astro-cid-houjjtai]{margin-left:-.68em}.socials[data-astro-cid-houjjtai] a[data-astro-cid-houjjtai],.socials[data-astro-cid-houjjtai] .theme-toggle{width:2.2em;height:2.2em}}hr[data-astro-cid-houjjtai]{border:0;border-top:1px solid var(--color-rule);margin:1.2em 0 0}.intro[data-astro-cid-houjjtai] .tabs{color:var(--color-ink-muted);gap:1.33rem;margin-top:2.6rem;display:flex;position:relative}.intro[data-astro-cid-houjjtai] .tabs a{text-underline-offset:.3em;margin:-.75rem 0;padding:.75rem 0;text-decoration-thickness:1px}.intro[data-astro-cid-houjjtai] .tabs a[aria-current=page]{color:var(--color-ink)}.intro[data-astro-cid-houjjtai] .tabs:not(.placed) a[aria-current=page]{text-decoration-line:underline}.intro[data-astro-cid-houjjtai] .tabs .underline{background:var(--color-ink);pointer-events:none;height:1px;position:absolute;top:calc(100% - 1px);left:0}.intro[data-astro-cid-houjjtai] .tabs:not(.placed) .underline{visibility:hidden}.intro[data-astro-cid-houjjtai] .tabs.placed .underline{transition:translate .36s var(--ease-out), width .36s var(--ease-out)}@media (prefers-reduced-motion:reduce){.intro[data-astro-cid-houjjtai] .tabs.placed .underline{transition:none}}.socials[data-astro-cid-houjjtai] a[data-astro-cid-houjjtai]:hover,.socials[data-astro-cid-houjjtai] .theme-toggle[data-hovered],.intro[data-astro-cid-houjjtai] .tabs a[data-hovered]{color:var(--color-ink)}.panel[data-astro-cid-houjjtai]{color:var(--color-ink-muted);margin-top:1.9em}@media (width<=30em){.landing[data-astro-cid-houjjtai]{padding-top:1.5em}.socials[data-astro-cid-houjjtai]{margin-top:.2em}hr[data-astro-cid-houjjtai]{display:none}.intro[data-astro-cid-houjjtai] .tabs{margin-top:.625rem}}
