:root{--font-body:"Helvetica Neue",Helvetica,Arial;--font-hand:"Helvetica Neue",Helvetica,Arial;--lemon:#ffd338;--lemon-deep:#e3ae0f;--cobalt:#2337b8;--cobalt-deep:#16247e;--melon:#e8404e;--magenta:#f600bc;--felt:#2f9e44;--felt-deep:#23803a;--orange:#ff7426;--lilac:#d9b8ec;--sky:#afc9ee;--cream:#faf6f0;--paper:#ffffff;--ink:#17171b;--ink-60:rgba(23,23,27,0.6);--step--1:clamp(0.78rem,0.74rem + 0.2vw,0.89rem);--step-0:clamp(0.95rem,0.9rem + 0.25vw,1.06rem);--step-1:clamp(1.14rem,1.06rem + 0.4vw,1.33rem);--step-2:clamp(1.42rem,1.28rem + 0.7vw,1.78rem);--step-3:clamp(1.86rem,1.6rem + 1.3vw,2.55rem);--step-4:clamp(2.4rem,1.95rem + 2.2vw,3.6rem);--step-5:clamp(3.1rem,2.3rem + 4vw,5.2rem);--step-6:clamp(3.8rem,2.6rem + 6vw,7rem);--sp-1:clamp(0.25rem,0.3vw,0.4rem);--sp-2:clamp(0.5rem,0.7vw,0.75rem);--sp-3:clamp(1rem,1.4vw,1.5rem);--sp-4:clamp(1.5rem,2.2vw,2.5rem);--sp-5:clamp(2.5rem,3.6vw,4rem);--sp-6:clamp(4rem,6vw,6.5rem);--blob-1:58% 42% 55% 45%/48% 60% 40% 52%;--blob-2:44% 56% 48% 52%/58% 44% 56% 42%;--blob-3:52% 48% 58% 42%/44% 54% 46% 56%;--blob-btn:24px 10px 22px 12px;--blob-btn-2:12px 24px 10px 26px;--shadow-card:0 14px 34px rgba(23,23,27,0.28);--shadow-pop:0 5px 0 rgba(23,23,27,0.22);--shadow-soft:0 10px 40px rgba(23,23,27,0.14);--container:76rem;--gutter:clamp(1.1rem,4vw,2.5rem);--nav-h:4.25rem;--z-nav:100;--z-menu:200;--z-cursor:400;--z-intro:500}*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:linear-gradient(var(--lemon) 0 50%,var(--ink) 50% 100%) fixed}body{font-family:var(--font-body),sans-serif;font-size:var(--step-0);line-height:1.55;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;overflow-x:clip}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4{line-height:1.05;font-weight:800}h1,h2,h3,h4,p{overflow-wrap:break-word}a{text-decoration:none}a,button{color:inherit}button{border:0;background:none;cursor:pointer}ol,ul{padding:0;list-style:none}::selection{background:var(--magenta);color:#fff}:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px;border-radius:4px}.hand{font-family:var(--font-hand),sans-serif;font-weight:800;line-height:.96;letter-spacing:-.022em}.chunk{font-family:var(--font-body),sans-serif;font-weight:900;letter-spacing:-.03em;line-height:.92;text-transform:uppercase}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.mat{background:var(--paper);padding:clamp(.6rem,1.6vw,1rem);box-shadow:var(--shadow-card)}.puddle{display:inline-flex;align-items:center;gap:.5em;padding:.72em 1.5em;border-radius:var(--blob-btn);font-weight:800;font-size:var(--step-0);box-shadow:var(--shadow-pop);transform:rotate(-1.2deg);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease;will-change:transform}.puddle:nth-child(2n){transform:rotate(1deg);border-radius:var(--blob-btn-2)}.puddle:hover{transform:rotate(.5deg) translateY(-2px) scale(1.03)}.puddle:active{transform:translateY(2px) scale(.98);box-shadow:0 1px 0 rgba(23,23,27,.22)}@keyframes blobBreathe{0%,to{border-radius:58% 42% 55% 45%/48% 60% 40% 52%}33%{border-radius:46% 54% 44% 56%/58% 44% 56% 42%}66%{border-radius:52% 48% 60% 40%/42% 54% 46% 58%}}.blob-breathe{animation:blobBreathe 9s ease-in-out infinite}@keyframes pageIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.pageIn{animation:pageIn .55s cubic-bezier(.22,1,.36,1) both}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.divider-check{height:clamp(2.4rem,6vw,3.4rem);background:repeating-conic-gradient(var(--cobalt) 0 25%,var(--paper) 0 50%) 0 0 /clamp(2.4rem,6vw,3.4rem) clamp(2.4rem,6vw,3.4rem)}.divider-stripes{height:clamp(1.6rem,4.5vw,2.4rem);background:repeating-linear-gradient(90deg,var(--melon) 0 2.2rem,var(--paper) 2.2rem 4.4rem)}@media (pointer:fine){.cursor-dot{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;width:14px;height:14px;border-radius:50%;background:var(--ink);border:2px solid var(--cream);transform:translate(-50%,-50%);transition:width .22s ease,height .22s ease,background .22s ease}.cursor-dot[data-mode=drag],.cursor-dot[data-mode=view]{width:58px;height:58px;background:var(--magenta);display:grid;place-items:center}.cursor-dot span{display:none;font-size:.62rem;font-weight:800;color:#fff;letter-spacing:.04em}.cursor-dot[data-mode=drag] span,.cursor-dot[data-mode=view] span{display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}