:root{--cream:#fef4e7;--cream-2:#f9e8d6;--cream-3:#f2dbc3;--putty:#fffbf4;--cocoa:#3f271e;--cocoa-2:#6c5146;--blue:#6db3e4;--yellow:#fbc865;--coral:#ec7c6f;--lilac:#b39edc;--blue-t:#cee9fd;--yellow-t:#fee9be;--coral-t:#ffdad4;--lilac-t:#e8dffc;--mint:#b6edce;--brick:#b02b27;--shade:74 38 22;--color-bg:var(--cream);--color-surface:var(--putty);--color-well:var(--cream-2);--color-well-deep:var(--cream-3);--color-bg-inset:var(--cream-2);--color-text:var(--cocoa);--color-text-muted:var(--cocoa-2);--color-text-inverse:var(--putty);--color-rule:color-mix(in srgb, var(--cocoa) 14%, transparent);--color-focus:var(--cocoa);--color-focus-halo:var(--putty);--color-danger:var(--brick);--color-danger-bg:var(--coral-t);--color-done:var(--mint);--color-level-1:var(--blue);--color-level-2:var(--yellow);--color-level-3:var(--coral);--color-level-4:var(--lilac);--color-field-1:var(--blue-t);--color-field-2:var(--yellow-t);--color-field-3:var(--coral-t);--color-field-4:var(--lilac-t);--color-on-level-1:var(--cocoa);--color-on-level-2:var(--cocoa);--color-on-level-3:var(--cocoa);--color-on-level-4:var(--cocoa);--color-backdrop:rgb(var(--shade) / .38);--ring:0 0 0 1px rgb(var(--shade) / .06);--clay-sm:inset 1.5px 2px 1px #ffffffbf, inset -2px -3px 6px rgb(var(--shade) / .1), var(--ring), 0 1px 2px rgb(var(--shade) / .08), 0 6px 12px -6px rgb(var(--shade) / .18);--clay:inset 2px 3px 2px #fffc, inset -5px -7px 14px rgb(var(--shade) / .08), var(--ring), 0 2px 3px rgb(var(--shade) / .06), 0 12px 24px -10px rgb(var(--shade) / .18), 0 28px 48px -24px rgb(var(--shade) / .18);--clay-lg:inset 3px 4px 3px #ffffffbf, inset -10px -14px 28px rgb(var(--shade) / .09), var(--ring), 0 3px 4px rgb(var(--shade) / .06), 0 20px 36px -14px rgb(var(--shade) / .2), 0 48px 80px -40px rgb(var(--shade) / .24);--clay-lift:0 4px 6px rgb(var(--shade) / .06), 0 22px 36px -12px rgb(var(--shade) / .24), 0 44px 64px -28px rgb(var(--shade) / .2);--well:inset 2px 3px 6px rgb(var(--shade) / .13), inset -2px -2px 4px #ffffffb3, 0 1px 0 #ffffffb3;--well-deep:inset 3px 5px 10px rgb(var(--shade) / .18), inset -2px -3px 6px #ffffffa6, 0 1px 0 #fffc;--r-xs:10px;--r-s:14px;--r-m:20px;--r-l:28px;--r-xl:40px;--r-pill:999px;--font-display:var(--font-fredoka), "Nunito", "Arial Rounded MT Bold", sans-serif;--font-text:var(--font-figtree), "Helvetica Neue", Arial, sans-serif;--step-hero:clamp(2.75rem, 1.5rem + 5.2vw, 6.25rem);--step-5:clamp(2.25rem, 1.6rem + 2.8vw, 4rem);--step-4:clamp(1.75rem, 1.45rem + 1.3vw, 2.5rem);--step-3:1.5rem;--step-2:1.25rem;--step-1:1.0625rem;--step-0:.9375rem;--step--1:.8125rem;--s-1:.25rem;--s-2:.5rem;--s-3:.75rem;--s-4:1rem;--s-5:1.5rem;--s-6:2rem;--s-7:3rem;--s-8:4rem;--s-9:6rem;--s-10:8rem;--max:1320px;--margin:clamp(16px, 4vw, 48px);--gutter:16px;--bp-sm:480px;--bp-md:720px;--bp-lg:960px;--bp-xl:1040px;--bp-2xl:1280px;--tap:44px;--rule:1.5px solid var(--color-rule);--rule-2:1.5px solid var(--color-rule);--hair:1px solid var(--color-rule);--ease-out:cubic-bezier(.2, 0, 0, 1);--ease-arrive:cubic-bezier(.16, 1, .3, 1);--ease-settle:cubic-bezier(.34, 1.36, .64, 1);--ease-mech:cubic-bezier(.65, 0, .35, 1);--ease-leave:cubic-bezier(.3, 0, .1, 1);--t-fast:.12s;--t-mid:.18s;--t-move:.26s;--t-slow:.56s;--t-hero:.82s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (min-width:480px){:root{--gutter:24px}}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-text);font-size:var(--step-1);flex-direction:column;font-weight:400;line-height:1.55;display:flex;overflow-x:clip}main{flex:1}h1,h2,h3,h4{font-family:var(--font-display);text-wrap:balance;font-weight:600;line-height:1.1}p,li{text-wrap:pretty}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:.09em;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:var(--yellow-t);color:var(--cocoa)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.wrap{width:100%;max-width:calc(var(--max) + var(--margin) * 2);padding-inline:var(--margin);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:10;padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);background:var(--cocoa);color:var(--putty);font-weight:600;position:absolute;inset-block-start:-100px;inset-inline-start:var(--s-4)}.skip-link:focus{inset-block-start:var(--s-4)}.tnum{font-variant-numeric:tabular-nums}.clay-shape{--lift:3px;filter:drop-shadow(calc(var(--lift) * .4) var(--lift) calc(var(--lift) * 1.1) rgb(var(--shade) / .22));overflow:visible}.clay-shape[data-flat]{filter:none}.clay{border-radius:var(--r-l);background:var(--color-surface);box-shadow:var(--clay)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}html:has(dialog[open]){overflow:hidden}main:focus{outline:none}
@media screen{html.m [data-reveal=lines] [data-w]{overflow-wrap:anywhere;clip-path:inset(-.3em -.15em);max-width:100%;display:inline-block}html.m [data-reveal=lines] [data-w]>span{transition:transform var(--t-hero) var(--ease-settle);transition-delay:calc(var(--d0,0s) + var(--d,0s) + var(--l,0) * 90ms);display:inline-block}html.m [data-reveal=lines]:not([data-in]) [data-w]>span{transform:translateY(130%)}[data-l="1"]{--l:1}[data-l="2"]{--l:2}[data-l="3"]{--l:3}[data-l="4"]{--l:4}[data-l="5"]{--l:5}html.m [data-reveal=rise]{transition:transform var(--t-slow) var(--ease-settle) var(--d,0s), opacity var(--t-mid) var(--ease-out) var(--d,0s)}html.m [data-reveal=rise]:not([data-in]){opacity:0;transform:translateY(18px)}html.m [data-reveal=tile]:not([data-in]){opacity:0;transform:translateY(28px)scale(.94,.9)}html.m [data-reveal=tile][data-in]:not([data-now]){animation:m-pop .64s var(--ease-out) var(--d,0s) both}html.m :is([data-reveal=shapes],[data-intro=assemble]) [data-part]{transform-box:fill-box;transform-origin:50% 100%}html.m [data-reveal=shapes] svg{overflow:visible}html.m [data-reveal=shapes] [data-part]{animation:var(--shape-anim,none) var(--t-hero) var(--ease-out) both paused;animation-delay:calc(var(--d,0s) + var(--p,0) * .14s)}html.m [data-reveal=shapes][data-in] [data-part]{animation-play-state:running}html.m-intro [data-intro=assemble] [data-part]{animation:var(--shape-anim,none) .9s var(--ease-out) both;animation-delay:calc(var(--d0,0s) + var(--p,0) * .16s)}[data-part=circle]{--shape-anim:m-roll}[data-part=square]{--shape-anim:m-drop-squash}[data-part=triangle]{--shape-anim:m-pop-up}[data-part=base]{--shape-anim:m-drop-squash;--p:0}[data-part=middle]{--shape-anim:m-drop-squash;--p:1}[data-part=top]{--shape-anim:m-drop-squash;--p:2}html.m-intro [data-intro=slide]{animation:m-pop .56s var(--ease-out) both}html.m-intro [data-intro=rise]{animation:m-rise var(--t-slow) var(--ease-settle) both;animation-delay:calc(var(--d0,0s) + var(--i,0) * 90ms)}html.m [data-reveal][data-now],html.m [data-reveal][data-now]>*,html.m [data-reveal][data-now] [data-w]>span{transition:none}html.m [data-reveal][data-now],html.m [data-reveal][data-now] [data-part]{animation:none}html.m [data-reveal=bar]>*{transform-origin:0;transition:transform var(--t-hero) var(--ease-settle) calc(var(--d,0s) + .12s)}html.m [data-reveal=bar]:not([data-in])>*{transform:scaleX(0)}@supports (animation-timeline:scroll()){html.m [data-parallax]{animation:linear both m-drift;animation-timeline:scroll(root);animation-range:0 100vh}}}@keyframes m-pop{0%{opacity:0;transform:translateY(28px)scale(.94,.9)}30%{opacity:1}55%{transform:translateY(-4px)scale(1.01,1.025)}78%{transform:translateY(1px)scale(1.005,.99)}to{opacity:1;transform:none}}@keyframes m-rise{0%{opacity:0;transform:translateY(18px)}}@keyframes m-roll{0%{transform:translate(-80%)rotate(-200deg)}65%{transform:translate(4%)rotate(8deg)}to{transform:none}}@keyframes m-drop-squash{0%{animation-timing-function:cubic-bezier(.5,0,.9,.6);transform:translateY(-120%)}45%{animation-timing-function:var(--ease-out);transform:translateY(0)scale(1.14,.84)}70%{transform:translateY(-4%)scale(.96,1.05)}to{transform:none}}@keyframes m-pop-up{0%{transform:translateY(70%)scale(.8,.6)}55%{transform:translateY(-6%)scale(.96,1.08)}80%{transform:translateY(1%)scale(1.03,.97)}to{transform:none}}@keyframes m-drift{to{translate:0 var(--drift,18%);rotate:var(--spin,0deg)}}html.lenis,html.lenis body{height:auto}.lenis.lenis-stopped{overflow:clip}.lenis [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}::view-transition{pointer-events:none}::view-transition-old(.page-forward){animation:m-vt-out .16s var(--ease-leave) both}::view-transition-old(.page-back){animation:m-vt-out .16s var(--ease-leave) both}::view-transition-old(.page-fade){animation:m-vt-out .16s var(--ease-leave) both}::view-transition-new(.page-forward){--from:40px;animation:m-vt-in .42s var(--ease-settle) .1s both}::view-transition-new(.page-back){--from:-40px;animation:m-vt-in .42s var(--ease-settle) .1s both}::view-transition-old(.page-forward){--to:-24px}::view-transition-old(.page-back){--to:24px}::view-transition-new(.page-fade){--from:0px;animation:m-vt-in .22s var(--ease-out) 80ms both}::view-transition-group(.shape-carry){animation-duration:.52s;animation-timing-function:var(--ease-settle);z-index:5}::view-transition-old(.shape-carry){mix-blend-mode:normal;height:100%;animation-duration:.52s;animation-timing-function:linear;animation-fill-mode:both}::view-transition-new(.shape-carry){mix-blend-mode:normal;height:100%;animation-duration:.52s;animation-timing-function:linear;animation-fill-mode:both}::view-transition-old(.shape-carry){animation-name:m-fade-out}::view-transition-new(.shape-carry){animation-name:m-fade-in}::view-transition-old(root){display:none}::view-transition-new(root){animation:none}@keyframes m-fade-out{0%,30%{opacity:1}to{opacity:0}}@keyframes m-fade-in{0%,30%{opacity:0}to{opacity:1}}@keyframes m-vt-out{to{opacity:0;transform:translateX(var(--to,0px))}}@keyframes m-vt-in{0%{opacity:0;transform:translateX(var(--from,0px))}}