@property --open{syntax:"<number>";inherits:true;initial-value:0}@property --frame{syntax:"<integer>";inherits:true;initial-value:0}.kh{--paper:#fbf7ee;--paper-2:#f3ecdd;--ink:#16201a;--teal:#4aa99f;--teal-ink:#1d7a6e;--coral:#ff6b4a;--sun:#ffc83d;--sky:#8ccbf5;--lilac:#b7a4f7;--pink:#ff9dc4;background:var(--paper);color:var(--ink);font-family:var(--kh-display),ui-sans-serif,system-ui,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-x:clip}.kh ::selection{background:var(--sun);color:var(--ink)}.kh :focus-visible{outline:3px solid var(--coral);outline-offset:3px}.kh-hand{font-family:var(--kh-hand),"Comic Sans MS",cursive}.kh-display{font-family:var(--kh-display),ui-sans-serif,system-ui,sans-serif}.kh-dots{background-image:radial-gradient(rgba(22,32,26,.14) 1.2px,transparent 1.4px);background-size:24px 24px}.kh-dots-light{background-image:radial-gradient(rgba(251,247,238,.12) 1.2px,transparent 1.4px);background-size:24px 24px}.kh-ink{stroke-dasharray:1;stroke-dashoffset:1px}[data-in] .kh-ink,.kh-ink-now{animation:kh-ink .9s var(--delay,0s)cubic-bezier(.6,0,.2,1)forwards}@keyframes kh-ink{to{stroke-dashoffset:0}}.kh-piece{transform-box:view-box;transform-origin:16px 16px;animation:kh-assemble 1.1s var(--d,0s)cubic-bezier(.34,1.56,.64,1)both}@keyframes kh-assemble{0%{transform:translate(var(--fx),var(--fy))rotate(var(--fr))scale(.2);opacity:0}35%{opacity:1}to{opacity:1;transform:none}}.kh-k{transform-box:view-box;transform-origin:16px 16px;animation:5s ease-in-out 1.8s infinite kh-breathe}@keyframes kh-breathe{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-.8px)rotate(-1.5deg)}}.kh-arm-up,.kh-arm-down{transform-box:view-box;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.kh-arm-up{transform-origin:10.25px 14px;transform:rotate(calc(var(--open,0)*-18deg))}.kh-arm-down{transform-origin:10.25px 18px;transform:rotate(calc(var(--open,0)*18deg))}.kh-mark:hover{--open:.4}.kh-hero .kh-mark{--open:var(--e,0)}.kh-hero .kh-mark:hover{--open:max(var(--e,0),.4)}.kh-chomp .kh-mark{animation:3.2s ease-in-out infinite kh-chomp}@keyframes kh-chomp{0%,to{--open:.15}18%{--open:1}30%{--open:.45}42%{--open:1}62%{--open:.1}}.kh-pupil{transition:transform .15s ease-out}.kh-blink{transform-box:fill-box;transform-origin:50%;animation:4.6s 2.4s infinite kh-blink}@keyframes kh-blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}.kh-rise{animation:kh-rise .9s var(--delay,0s)cubic-bezier(.2,.9,.25,1.25)both;display:inline-block}@keyframes kh-rise{0%{opacity:0;transform:translateY(70%)rotate(7deg)}to{opacity:1;transform:none}}.kh-fade-up{animation:kh-fade-up .8s var(--delay,0s)cubic-bezier(.2,.8,.2,1)both}@keyframes kh-fade-up{0%{opacity:0;transform:translateY(18px)}}.kh-chip{transform:translate(calc((var(--tx)*var(--ck,1) + var(--cx,0vmin))*var(--e,0)),calc((var(--ty)*var(--cky,1) + var(--cy,0vmin))*var(--e,0)))rotate(calc(var(--rot)*var(--e,0)))scale(calc(.2 + .8*var(--e,0)));opacity:calc(var(--e,0)*4 - .2)}.kh-parallax{transform:translateY(calc(var(--p,0)*var(--depth,0)*-1px))}.kh-hero-copy{transform:translateY(calc(var(--e,0)*-6vh));opacity:calc(1 - var(--e,0)*.3)}.kh-float{animation:kh-float var(--dur,7s)var(--delay,0s)ease-in-out infinite alternate}@keyframes kh-float{0%{transform:translateY(-8px)rotate(-7deg)}to{transform:translateY(9px)rotate(7deg)}}.kh-spin{animation:16s linear infinite kh-spin}@keyframes kh-spin{to{transform:rotate(360deg)}}.kh-wiggle:hover{animation:.5s ease-in-out kh-wiggle}@keyframes kh-wiggle{25%{transform:rotate(-4deg)scale(1.04)}60%{transform:rotate(3deg)scale(1.04)}}@layer components{.kh-btn{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:999px;align-items:center;gap:.5rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s cubic-bezier(.34,1.56,.64,1),background-color .2s;display:inline-flex}.kh-btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)rotate(-1deg)}.kh-btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.kh-btn .kh-arrow{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.kh-btn:hover .kh-arrow{transform:translate(4px)rotate(-8deg)}}.kh-magnet{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.kh-confetti{z-index:5;pointer-events:none;font-size:18px;font-weight:800;line-height:1;position:absolute}.kh-in{opacity:0;transform:translateY(28px)rotate(calc(var(--r,0deg)*3))scale(.94);transition:opacity .6s var(--delay,0s),transform .9s var(--delay,0s)cubic-bezier(.34,1.56,.64,1)}[data-in] .kh-in,.kh-in[data-in]{opacity:1;transform:rotate(var(--r,0deg))}[data-in] .kh-note:hover{transition-delay:0s;transform:rotate(0)translateY(-6px)scale(1.03)}.kh-marquee{width:max-content;animation:kh-marquee var(--speed,36s)linear infinite;display:flex}.kh-marquee[data-reverse]{animation-direction:reverse}@keyframes kh-marquee{to{transform:translate(-50%)}}.kh-band-shift{transform:translateX(calc(var(--p,0)*var(--shift,-12)*1%))}.kh-reel{--n:8;--card:84vw;--gap:5vw;--intro:88vw;height:calc(var(--n)*70vh + 100vh)}@media (min-width:768px){.kh-reel{--card:48vw;--gap:3.5vw;--intro:38vw}}@media (min-width:1280px){.kh-reel{--card:40vw}}.kh-reel-track{transform:translateX(calc(var(--p,0)*(100vw - (var(--intro) + var(--n)*(var(--card) + var(--gap)) + 8vw))));will-change:transform}.kh-reel-intro{width:var(--intro)}.kh-reel-card{width:var(--card);margin-left:var(--gap)}.kh-sprockets{background-image:radial-gradient(circle,rgba(251,247,238,.85) 0,rgba(251,247,238,.85) 30%,transparent 32%);background-size:34px 100%;border-radius:999px}.kh-tc{--frame:calc(var(--p,0)*1440);counter-reset:frame var(--frame)}.kh-tc:after{content:counter(frame)}.kh-progress{transform-origin:0;transform:scaleX(var(--p,0))}.kh-route{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--p,0))}.kh-step{--on:clamp(0,(var(--p,0) - var(--t,0))*14,1);opacity:var(--on);transform:translateY(calc((1 - var(--on))*24px))rotate(calc(var(--r,0deg)*var(--on)))scale(calc(.85 + .15*var(--on)))}.kh-odo-col{transition:transform 2s var(--delay,0s)cubic-bezier(.2,.9,.2,1);transform:translateY(0)}[data-in] .kh-odo-col{transform:translateY(calc((10 + var(--v))*-5%))}.kh-write{clip-path:inset(0 100% 0 0)}[data-in] .kh-write{animation:kh-write 1.4s var(--delay,0s)steps(18,end)forwards}@keyframes kh-write{to{clip-path:inset(0)}}.kh-vig [class*=kh-a-]{animation-duration:calc(var(--loop,7s) - var(--delay,0s));animation-iteration-count:1;animation-fill-mode:both;animation-delay:var(--delay,0s);animation-timing-function:cubic-bezier(.34,1.4,.64,1);animation-play-state:paused}.kh-vig[data-play] [class*=kh-a-]{animation-play-state:running}.kh-a-pop{animation-name:kh-a-pop}@keyframes kh-a-pop{0%{opacity:0;transform:rotate(var(--r,0deg))scale(0)}7%{opacity:1;transform:rotate(var(--r,0deg))scale(1.15)}11%,80%{opacity:1;transform:rotate(var(--r,0deg))scale(1)}86%,to{opacity:0;transform:rotate(var(--r,0deg))scale(.85)}}.kh-a-drop{animation-name:kh-a-drop}@keyframes kh-a-drop{0%{opacity:0;transform:translateY(-14cqw)rotate(calc(var(--r,0deg) - 10deg))}9%{opacity:1;transform:translateY(1cqw)rotate(var(--r,0deg))}12%,80%{opacity:1;transform:translateY(0)rotate(var(--r,0deg))}86%,to{opacity:0;transform:translateY(2cqw)rotate(var(--r,0deg))}}.kh-a-fly{animation-name:kh-a-fly}@keyframes kh-a-fly{0%{opacity:0;transform:translate(0)scale(.3)}10%{opacity:1;transform:translate(var(--tx),var(--ty))scale(1.08)}13%,80%{opacity:1;transform:translate(var(--tx),var(--ty))scale(1)}86%,to{opacity:0;transform:translate(var(--tx),var(--ty))scale(.9)}}.kh-vig .kh-a-bob{animation-name:kh-a-bob;animation-duration:2.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes kh-a-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-8%)rotate(3deg)}}.kh-a-wander{animation-name:kh-a-wander}.kh-vig .kh-a-wander{animation-timing-function:ease-in-out}@keyframes kh-a-wander{0%{opacity:0;transform:translate(0)}8%{opacity:1}30%{transform:translate(14cqw,-10cqw)}55%{transform:translate(30cqw,-4cqw)}80%{opacity:1;transform:translate(10cqw,2cqw)}88%,to{opacity:0;transform:translate(10cqw,2cqw)}}.kh-a-quarter{animation-name:kh-a-quarter}.kh-vig .kh-a-quarter{animation-duration:var(--loop,7s);animation-timing-function:ease}@keyframes kh-a-quarter{0%{opacity:0;transform:translateY(1.5cqw)}3%,22%{opacity:1;transform:none}25%,to{opacity:0;transform:none}}.kh-a-aspect{width:64cqw;height:36cqw;animation-name:kh-a-aspect}.kh-vig .kh-a-aspect{animation-timing-function:cubic-bezier(.7,0,.3,1)}@keyframes kh-a-aspect{0%,22%,to{width:64cqw;height:36cqw}25%,47%{width:20cqw;height:35.6cqw}50%,72%{width:36cqw;height:36cqw}75%,97%{width:30cqw;height:37.5cqw}}.kh-vig .kh-a-bounce{animation-name:kh-a-bounce;animation-duration:.9s;animation-timing-function:cubic-bezier(.5,0,.75,0);animation-iteration-count:infinite;animation-direction:alternate}@keyframes kh-a-bounce{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%,140%)scale(1.1,.9)}}.kh-vig .kh-a-play{animation-name:kh-a-play;animation-timing-function:linear}@keyframes kh-a-play{0%{left:0}to{left:100%}}.kh-a-draw{stroke-dasharray:1;animation-name:kh-a-draw}.kh-vig .kh-a-draw{animation-timing-function:cubic-bezier(.6,0,.2,1)}@keyframes kh-a-draw{0%{stroke-dashoffset:1px;opacity:1}12%,80%{stroke-dashoffset:0;opacity:1}86%,to{stroke-dashoffset:0;opacity:0}}.kh-vig .kh-a-blink{animation-name:kh-a-blink;animation-duration:1.2s;animation-timing-function:step-end;animation-iteration-count:infinite}@keyframes kh-a-blink{50%{opacity:.15}}.kh-a-blip{animation-name:kh-a-blip}@keyframes kh-a-blip{0%{opacity:0;transform:scale(.6)}4%,18%{opacity:1;transform:scale(1)}22%,to{opacity:0;transform:scale(.9)}}.kh-a-out{animation-name:kh-a-out}.kh-vig .kh-a-out{animation-timing-function:cubic-bezier(.5,0,.75,0)}@keyframes kh-a-out{0%,36%{opacity:1;transform:none}44%,to{opacity:0;transform:translate(26cqw)rotate(14deg)}}.kh-a-gone{animation-name:kh-a-gone}.kh-vig .kh-a-gone{animation-timing-function:ease-in}@keyframes kh-a-gone{0%{opacity:1}6%,to{opacity:0}}.kh-a-in{animation-name:kh-a-in}.kh-vig .kh-a-in{animation-timing-function:ease-out}@keyframes kh-a-in{0%{opacity:0}8%,80%{opacity:1}86%,to{opacity:0}}.kh-a-swap{animation-name:kh-a-swap}.kh-vig .kh-a-swap{animation-timing-function:cubic-bezier(.25,1,.5,1)}@keyframes kh-a-swap{0%,36%{opacity:0;transform:translate(-26cqw)rotate(-10deg)}46%,to{opacity:1;transform:none}}.kh-a-hand{animation-name:kh-a-hand}@keyframes kh-a-hand{0%{opacity:1;transform:none}12%,80%{opacity:1;transform:translate(var(--tx),var(--ty))}86%,to{opacity:0;transform:translate(var(--tx),var(--ty))}}.kh-a-shake{animation-name:kh-a-shake}.kh-vig .kh-a-shake{animation-timing-function:ease-in-out}@keyframes kh-a-shake{0%,14%,36%,to{transform:rotate(var(--r,0deg))}17%,23%,29%{transform:rotate(calc(var(--r,0deg) - 2.5deg))translateX(-.6cqw)}20%,26%,32%{transform:rotate(calc(var(--r,0deg) + 2.5deg))translateX(.6cqw)}}.kh-vig .kh-a-wobble{animation-name:kh-a-wobble;animation-duration:1.1s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes kh-a-wobble{0%,to{transform:rotate(calc(var(--r,0deg) - 2deg))skewX(-1deg)}50%{transform:rotate(calc(var(--r,0deg) + 2deg))skewX(1deg)}}.kh-vig .kh-a-spin{animation-name:kh-a-spin;animation-iteration-count:infinite;animation-duration:var(--spin,1s);animation-timing-function:linear}@keyframes kh-a-spin{to{transform:rotate(360deg)}}.kh-fall{--on:clamp(0,(var(--p,0) - var(--t,0))*9,1);opacity:clamp(0,var(--on)*4,1);transform:translateY(calc((1 - var(--on))*-60vh))rotate(calc(var(--r,0deg) + (1 - var(--on))*28deg))}@media (prefers-reduced-motion:reduce){.kh *,.kh :before,.kh :after{transition:none!important;animation:none!important}.kh-ink,.kh-a-draw,.kh-route{stroke-dashoffset:0}.kh-in,.kh-step,.kh-fall,.kh-hero-copy{opacity:1;transform:rotate(var(--r,0deg))}.kh-write{clip-path:none}.kh-a-fly,.kh-a-hand{transform:translate(var(--tx),var(--ty))}.kh-a-out,.kh-a-gone,.kh-a-blip,.kh-a-quarter:not(:first-child),.kh-chip{opacity:0}.kh-reel{height:auto}.kh-reel-sticky{height:auto;position:static;overflow-x:auto}.kh-reel-track{transform:none}.kh-odo-col{transform:translateY(calc((10 + var(--v))*-5%))}}