@font-face{font-family:Beth Ellen;font-weight:400;font-display:swap;src:url(fonts/beth-ellen-latin-400-normal.9ccd073247.woff2) format("woff2")}@font-face{font-family:Manrope;font-weight:200 800;font-display:swap;src:url(fonts/manrope-latin-wght-normal.a30ddcd349.woff2) format("woff2")}:root{color-scheme:light;--paper: #FAFAFA;--ink: #252525;--body: #3C3C3C;--quiet: #696969;--faint: #979797;--whisper: #AEAEAE;--status-height: 52px}@view-transition{navigation:auto}:root[data-theme=dark]{color-scheme:dark;--paper: #252525;--ink: #FAFAFA;--body: #DEDEDE;--quiet: #C2C2C2;--faint: #A7A7A7;--whisper: #8B8B8B}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--paper: #252525;--ink: #FAFAFA;--body: #DEDEDE;--quiet: #C2C2C2;--faint: #A7A7A7;--whisper: #8B8B8B}}*{box-sizing:border-box}html{font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--paper);scroll-behavior:smooth;scroll-padding-top:calc(var(--status-height) + 24px)}body{margin:0;background:var(--paper);color:var(--body);font-size:17px;line-height:28px;transition:background-color .24s ease,color .24s ease}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{display:inline-block;flex:0 0 auto;width:1em;height:1em;color:inherit}.status-banner{view-transition-name:site-nav;position:sticky;top:0;z-index:10;height:var(--status-height);display:flex;align-items:center;justify-content:center;background:var(--paper);transition:background-color .24s ease}.site-nav{display:flex;align-items:center;width:100%;height:100%;padding:0 24px}.site-nav__links{display:flex;align-items:center;gap:24px;margin-left:auto}.site-nav__logo{height:32px;padding:0;opacity:0;visibility:hidden;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .4s cubic-bezier(.34,1.8,.64,1)}.site-nav__logo:before{content:"";flex:0 0 29px;width:29px;height:32px;background:currentColor;-webkit-mask:url(assets/hi-mark.6eb09cb58b.webp) no-repeat center / contain;mask:url(assets/hi-mark.6eb09cb58b.webp) no-repeat center / contain;transform:rotate(-3deg);transform-origin:55% 92%;transition:transform .4s cubic-bezier(.34,1.8,.64,1)}.site-nav__name{display:block;width:142px;height:auto;margin-left:8px;fill:currentColor}@media(max-width:540px){.site-nav__name{display:none}}.logo-scrolled .site-nav__logo{opacity:1;visibility:visible;transform:none;pointer-events:auto}.logo-scrolled .site-nav__logo:hover:before{transform:rotate(-10deg)}.status-banner:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:4px;background:var(--whisper);-webkit-mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px;mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px;pointer-events:none}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--quiet);cursor:pointer;margin-right:-8px;transition:color .2s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.theme-toggle[hidden]{display:none}.theme-toggle:hover{color:var(--ink)}.theme-toggle:active{transform:rotate(-3deg) scale(.94)}.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.theme-toggle__icon{grid-area:1 / 1;width:25px;height:25px;transition:opacity .2s ease,transform .28s cubic-bezier(.34,1.4,.64,1)}.theme-toggle__sun{opacity:1;transform:rotate(-5deg) scale(1)}.theme-toggle__moon{opacity:0;transform:rotate(-18deg) scale(.7)}:root[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(28deg) scale(.7)}:root[data-theme=dark] .theme-toggle__moon{opacity:1;transform:rotate(-5deg) scale(1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle__sun{opacity:0;transform:rotate(28deg) scale(.7)}:root:not([data-theme=light]) .theme-toggle__moon{opacity:1;transform:rotate(-5deg) scale(1)}}.status-banner a{display:inline-flex;position:relative;align-items:center;gap:4px;color:var(--ink);font-weight:500;text-decoration:none;padding-bottom:1px;white-space:nowrap}.site-nav__links a{font-family:Beth Ellen,cursive;min-width:44px;min-height:44px;justify-content:center;color:var(--quiet);font-size:16px;font-weight:400}.site-nav__links a[aria-current=page]{color:var(--ink)}a[aria-disabled=true]{cursor:default}.status-banner a:focus-visible,.links a:focus-visible,.more a:focus-visible{outline:2px solid currentColor;outline-offset:3px}main{display:flex;flex-direction:column;align-items:center;position:relative;margin:0 auto;padding:0 24px}.hero{min-height:calc(100svh - var(--status-height));display:flex;flex-direction:column;justify-content:center;position:relative}.lockup{width:fit-content;max-width:100%;margin-bottom:32px}.lockup__identity{--logo-hover-color: var(--body);display:grid;grid-template-columns:.2fr 1fr;align-items:center;column-gap:20px;width:min(412px,100%)}.lockup__wordmark{display:contents}.logo-hover--green{--logo-hover-color: #98a869}.logo-hover--blue{--logo-hover-color: #678dc6}.logo-hover--red{--logo-hover-color: #FF746C}.logo-hover--yellow{--logo-hover-color: #F1C338}.logo-hover--pink{--logo-hover-color: #F75394}.logo-hover--orange{--logo-hover-color: #FFC067}.logo-hover--purple{--logo-hover-color: #6A5ACD}#mark{width:100%;display:block;border-radius:20px;text-decoration:none;color:inherit}#mark:focus-visible{outline:3px solid #ff3eb5;outline-offset:8px}#mark svg{width:100%;height:auto;display:block}#mark-drawing{--mark-stroke-width: 12;--mark-dot-stroke-width: 15;stroke:var(--body);transition:stroke .24s ease;will-change:transform;display:block}#mark svg{transform-origin:55% 92%;overflow:visible}.mark-reveal{--draw-start: var(--path-length);--draw-easing: linear;fill:none;stroke:inherit;stroke-width:var(--mark-stroke-width);stroke-linecap:round;stroke-linejoin:round;visibility:visible}.anim .mark-reveal{stroke-dasharray:var(--path-length) var(--path-length);stroke-dashoffset:var(--draw-start);visibility:hidden}#mark-drawing.is-drawing .mark-reveal{animation:mark-reveal var(--draw-duration) var(--draw-easing) var(--draw-delay) forwards}#mark-drawing.is-drawn .mark-reveal{animation:none;stroke-dashoffset:0;visibility:visible}.anim.mark-fallback .mark-reveal{stroke-dashoffset:0;visibility:visible}@keyframes mark-reveal{0%{visibility:visible;stroke-dashoffset:var(--draw-start)}to{visibility:visible;stroke-dashoffset:0}}.mark-reveal--dot{--draw-easing: ease-out;stroke-width:var(--mark-dot-stroke-width)}.mark-reveal--main{--draw-easing: cubic-bezier(.42, 0, .23, 1)}#mark-drawing.rest{transform:rotate(-3deg);transition:transform .4s cubic-bezier(.34,1.8,.64,1),stroke .24s ease}#mark-drawing.rest.auto-wave,.lockup__identity:hover #mark-drawing.rest{transform:rotate(-10deg)}.lockup__identity:hover #mark-drawing,.lockup__identity:hover .name-wordmark{color:var(--logo-hover-color);stroke:var(--logo-hover-color)}h1{grid-column:2;margin:0;min-width:0;line-height:0}.name-wordmark{display:block;width:100%;height:auto;aspect-ratio:1475 / 305;color:var(--body);transition:color .24s ease}.name-wordmark use{fill:currentColor;stroke:none}.intro p{max-width:56ch;margin:0 0 20px}.links{display:flex;flex-wrap:wrap;gap:12px 16px;margin-top:36px;margin-bottom:0;padding:0;list-style:none;font-size:15px}.links a{display:inline-flex;align-items:center;gap:8px}.links .icon{width:20px;height:20px;transition:color .2s ease,filter .2s ease}.down{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px 0;position:relative;color:var(--quiet);text-decoration:none;font-size:28px}.hero-top{display:flex;flex-direction:column;justify-content:center;flex-grow:1;padding-top:24px}.section-scribble svg{stroke:var(--whisper);fill:none;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:88px}.anim .down{opacity:0;transform:translateY(8px)}.anim.ready .down{animation:rise .7s ease 1s forwards,bob 2.4s ease-in-out 3s infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.more{padding:24px 0;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:36px;position:relative}.more h2{display:flex;align-items:center;gap:4px;font-size:16px;font-weight:600;color:var(--quiet);margin:0 0 8px}.more h2 .icon{width:20px;height:20px}.more p{margin:0;max-width:56ch}.more .listen{margin-top:12px;color:var(--quiet)}.more a,.writing-prose a[href]:not(:has(img)){display:inline-block}.links a,.more a,.writing-prose a[href]:not(:has(img)){--link-accent: var(--ink);position:relative;color:var(--ink);text-decoration:none;padding-bottom:1px;transition:color .2s ease,text-shadow .2s ease}.links a:after,.more a:after,.writing-prose a[href]:not(:has(img)):after,.writing-index a:not([aria-current]):is(:hover,:focus-visible) .writing-index__title:after{content:"";position:absolute;right:0;bottom:-2px;left:0;height:4px;background:var(--faint);-webkit-mask:url(assets/underline-hand.410bdbd623.svg) repeat-x left top / 144px 36px;mask:url(assets/underline-hand.410bdbd623.svg) repeat-x left top / 144px 36px;pointer-events:none;transition:background-color .2s ease}.links a:hover:after,.links a:focus-visible:after,.more a:hover:after,.more a:focus-visible:after,.writing-prose a[href]:not(:has(img)):hover:after,.writing-prose a[href]:not(:has(img)):focus-visible:after{background:var(--link-accent)}@media(hover:hover)and (prefers-reduced-motion:no-preference){.links a:hover:after,.more a:hover:after,.writing-prose a[href]:not(:has(img)):hover:after,.writing-index a:not([aria-current]):hover .writing-index__title:after{animation:underline-page-flick 2.2s steps(8,end) infinite}}@keyframes underline-page-flick{0%{-webkit-mask-position:0 0;mask-position:0 0}to{-webkit-mask-position:0 -32px;mask-position:0 -32px}}.links a:hover,.links a:focus-visible,.more a:hover,.more a:focus-visible,.writing-prose a[href]:not(:has(img)):hover,.writing-prose a[href]:not(:has(img)):focus-visible{color:var(--link-accent);text-shadow:0 0 1px color-mix(in srgb,var(--link-accent) 18%,transparent)}footer{font-family:Beth Ellen,cursive;font-size:13px;color:var(--quiet)}.route-title{margin:0 0 8px;color:var(--ink);font-size:28px;line-height:1.2}.route .more{min-height:calc(100svh - var(--status-height))}.writing{display:grid;grid-template-columns:260px minmax(0,620px);align-items:start;gap:72px;max-width:1048px;padding-bottom:48px}.writing-index{position:sticky;top:calc(var(--status-height) + 36px);max-height:calc(100svh - var(--status-height) - 64px);overflow-y:auto;padding:0 8px 8px 24px;margin-left:-24px}.writing-index-toggle{display:none}@media(min-width:801px){html:active-view-transition-type(article) .writing-index{view-transition-name:writing-index}}.writing-search{position:relative;margin-bottom:8px}.writing-search:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--faint);mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px;pointer-events:none}.writing-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.writing-search input{width:100%;padding:10px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:16px}.writing-search input::placeholder{color:var(--quiet)}.writing-more,.writing-index-toggle{min-height:44px;padding:8px 0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.writing-more{margin-top:12px}.writing-results{margin:16px 0 0;font-size:14px;color:var(--quiet)}.writing-index :is(button,input):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.writing-index .route-title{font-family:Beth Ellen,cursive;font-size:26px;font-weight:400;line-height:1.8;margin-bottom:24px}.writing-index ul{list-style:none;margin:0;padding:0}.writing-index li{position:relative}.writing-index li:after{content:"";position:absolute;inset:auto 0 0;height:4px;background:var(--whisper);mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px}.writing-index a{display:block;position:relative;padding:20px 0;color:var(--quiet);text-decoration:none}.writing-index__date{display:block;margin-bottom:6px;color:var(--quiet);font-size:14px;line-height:1.6}.writing-index__title{display:block;position:relative;color:var(--ink);font-size:16px;font-weight:600;line-height:1.6}.writing-index__description{display:block;margin-top:8px;font-size:14px;line-height:1.7}.writing-index a[aria-current] .writing-index__title:before{content:"";position:absolute;left:-23px;top:4px;width:20px;height:18px;background:var(--ink);mask:url(assets/arrow-right-hand.203bb0c9ba.svg) no-repeat center / contain}.writing a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.writing-article{scroll-margin-top:12px;padding-top:56px}.writing-article h1{grid-column:auto;margin:16px 0 32px;color:var(--ink);font-size:clamp(26px,2.6vw,34px);font-weight:500;letter-spacing:-.035em;line-height:1.35;overflow-wrap:anywhere}.writing-meta{margin:0;color:var(--quiet);font-size:14px;line-height:1.8}.writing-meta span{margin:0 6px}.writing-prose{line-height:1.85}.writing-prose p{margin:0 0 24px}.writing-prose code{font-size:.9em;overflow-wrap:anywhere}.writing-prose h3,.writing-prose h4{margin:40px 0 20px;color:var(--ink);line-height:1.5;font-weight:600}.writing-prose h3{font-size:23px}.writing-prose h4{font-size:19px}.writing-prose ul,.writing-prose ol{padding-left:24px;margin:0 0 24px}.writing-prose li+li{margin-top:8px}.writing-prose blockquote{margin:28px 0;padding-left:24px;border-left:2px solid var(--faint)}.writing-prose hr{border:0;height:4px;margin:40px 0;background:var(--whisper);mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px}.writing-prose img{display:block;max-width:100%;height:auto}.writing-prose pre{margin:28px 0;padding:20px;overflow-x:auto;background:color-mix(in srgb,var(--ink) 5%,var(--paper));font-size:14px;line-height:1.7;tab-size:2}.writing-prose pre code{overflow-wrap:normal;font-size:inherit}.writing-reader footer{margin-top:64px}.writing-article+.writing-article{margin-top:48px}.writing-article[hidden]+.writing-article{margin-top:0}@media(max-width:800px){.writing{display:grid;grid-template-columns:minmax(0,1fr);max-width:668px;gap:24px}.writing-index .route-title{grid-column:1;margin-bottom:8px}.writing-index{position:static;max-height:none;overflow:visible}.writing-index--enhanced{position:sticky;top:var(--status-height);z-index:2;display:grid;grid-template-columns:1fr auto;align-items:center;padding-top:24px;background:var(--paper)}.writing-index-toggle:not([hidden]){display:block}.writing-index-toggle[aria-expanded=true]{min-width:44px;font-size:32px;text-decoration:none}body:has(.writing-index-toggle[aria-expanded=true]){overflow:hidden}.writing-index--enhanced:has(.writing-index-toggle[aria-expanded=true]){position:fixed;inset:var(--status-height) 0 0;margin:0;padding:8px 24px max(16px,env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);align-items:stretch}.writing-index--enhanced:has(.writing-index-toggle[aria-expanded=true]) nav{min-height:0;max-height:none;overscroll-behavior-y:contain}.writing-index--enhanced nav{grid-column:1 / -1;max-height:calc(100svh - var(--status-height) - 110px);overflow-y:auto;padding:4px 8px 8px 24px;margin-left:-24px}.writing-index--enhanced .writing-index-toggle[aria-expanded=false]+nav{display:none}.writing-index--enhanced~.writing-reader .writing-article{scroll-margin-top:84px}.writing-index--enhanced~.writing-reader .writing-prose [id]{scroll-margin-top:84px}.writing-index a{padding:16px 0}.writing-article{padding-top:0}.writing-article h1{margin-bottom:24px}}@media(max-width:540px){.lockup{width:100%}.lockup__identity{column-gap:16px;width:min(342px,100%)}.intro p{margin-bottom:16px}.links{flex-direction:column;gap:12px;margin-top:24px}main{display:block}.hero{display:grid;grid-template-rows:minmax(min-content,1fr) auto}.down{padding:16px 0 24px}.section-scribble{text-align:center}.more{display:grid;min-height:0;justify-content:normal;padding-bottom:max(24px,env(safe-area-inset-bottom))}}.anim .status-banner{opacity:0}.anim.ready .status-banner{animation:fade .7s ease forwards}.anim .rise{opacity:0;transform:translateY(8px)}.anim.ready .rise{animation:rise .7s ease forwards}.rise.d1{animation-delay:0s}.rise.d3{animation-delay:.35s}.rise.d4{animation-delay:.5s}.rise.d5{animation-delay:.65s}@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}::view-transition-group(root){background:var(--paper)}::view-transition-group(site-nav){animation-duration:.24s}::view-transition-group(writing-index),::view-transition-new(writing-index){animation:none}::view-transition-old(writing-index){display:none}html:active-view-transition body:after{content:"";position:fixed;z-index:10;right:0;bottom:0;left:0;height:4px;background:var(--whisper);-webkit-mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px;mask:url(assets/divider-hand.d9d2632b91.svg) repeat-x left bottom / 240px 4px;pointer-events:none}@media(min-width:801px){html:active-view-transition-type(article) body:after{left:var(--article-edge-left);right:var(--article-edge-right)}}::view-transition-old(root){z-index:0;animation:none}::view-transition-new(root){z-index:1;animation:board-lower .72s cubic-bezier(.22,.75,.18,1) both}html:active-view-transition-type(backwards)::view-transition-old(root){z-index:1;animation:board-lower .72s cubic-bezier(.22,.75,.18,1) reverse both}html:active-view-transition-type(backwards)::view-transition-new(root){z-index:0;animation:none}@keyframes board-lower{0%{transform:translateY(-100%)}to{transform:none}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}html{scroll-behavior:auto}.rise,.down{opacity:1;transform:none;animation:none}.status-banner{opacity:1;animation:none}body,.status-banner,.theme-toggle,.theme-toggle__icon,.site-nav__logo,.site-nav__logo:before,#mark-drawing,.name-wordmark{transition:none}}@media print{:root{--status-height: 0px}.status-banner,.down{display:none}}