.skip{position:absolute;left:var(--sp-2);top:-5rem;background:var(--color-ink);color:var(--color-on-ink);padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-s);z-index:10}.skip:focus{top:var(--sp-2)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.logo{display:inline-grid;place-items:center;flex:none}.logo--tile{background:var(--color-ink);border-radius:50%}.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-1) var(--gutter);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:var(--border)}.brand{display:inline-flex;align-items:center;gap:.75rem;text-decoration:none}.wordmark{font-family:var(--font-brand);font-weight:600;letter-spacing:.05em;font-size:1.25rem}.wordmark span{color:var(--color-teal)}.wordmark--small{font-size:1rem}.nav{display:flex;align-items:center;gap:var(--sp-4);font-weight:600}.nav a:not(.btn){text-decoration:none}.nav a:not(.btn):hover{text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--color-sun);text-underline-offset:6px}.btn{display:inline-flex;align-items:center;gap:var(--sp-1);background:var(--color-sun);color:var(--color-ink);font-weight:800;text-decoration:none;padding:.9rem 1.5rem;border:var(--border);border-radius:999px;box-shadow:var(--shadow-pop-s);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-ink)}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--color-ink)}.btn--small{padding:.5rem 1.1rem;box-shadow:3px 3px 0 var(--color-ink)}.btn--dark{background:var(--color-ink);color:var(--color-on-ink);box-shadow:4px 4px 0 var(--color-violet)}.btn--dark:hover{box-shadow:6px 6px 0 var(--color-violet)}.link{font-weight:800;color:var(--color-teal)}.tag{display:inline-block;font-weight:800;font-size:var(--fs-small);color:var(--color-teal);letter-spacing:.04em}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--sp-6);align-items:center;max-width:var(--max-width);margin:0 auto;padding:var(--sp-8) var(--gutter) var(--sp-12)}.hero__text{display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.hero__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h1);line-height:1.02;letter-spacing:-.02em}.squiggle{background:linear-gradient(transparent 62%,var(--color-sun) 62%,var(--color-sun) 92%,transparent 92%);padding:0 .1em}.lead{font-size:var(--fs-lead);max-width:34rem}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:var(--sp-1)}.hero__art{position:relative;display:grid;place-items:center}.badge{width:min(100%,24rem);aspect-ratio:1;display:grid;place-items:center;background:var(--color-ink);border:var(--border);border-radius:46% 54% 52% 48%/52% 46% 54% 48%;box-shadow:10px 10px 0 var(--color-violet-soft),10px 10px 0 2px var(--color-ink);transform:rotate(-3deg)}.badge img{width:70%;transform:rotate(3deg)}.dot{position:absolute;border:var(--border);border-radius:50%}.dot--sun{width:3.5rem;height:3.5rem;background:var(--color-sun);top:4%;right:2%}.dot--peach{width:2rem;height:2rem;background:var(--color-peach);bottom:10%;left:0}.dot--teal{width:1.25rem;height:1.25rem;background:var(--color-teal-soft);bottom:2%;right:22%}.section{max-width:var(--max-width);margin:0 auto;padding:var(--sp-8) var(--gutter);display:flex;flex-direction:column;gap:var(--sp-3);align-items:flex-start}.section--narrow{max-width:48rem}.h2{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h2);line-height:1.1;letter-spacing:-.01em;max-width:22ch}.featured{width:100%;display:grid;grid-template-columns:1.2fr .8fr;gap:var(--sp-4);align-items:center;margin-top:var(--sp-3);padding:var(--sp-6);background:var(--color-peach);border:var(--border);border-radius:var(--radius-l);box-shadow:10px 10px 0 var(--color-ink)}.featured__text{display:flex;flex-direction:column;gap:var(--sp-2);align-items:flex-start}.featured__title{font-family:var(--font-display);font-weight:800;font-size:clamp(2.25rem,5vw,3.75rem);line-height:1}.sticker{background:var(--color-paper);border:var(--border);border-radius:999px;padding:.2rem .9rem;font-size:var(--fs-small);font-weight:800;transform:rotate(-2deg)}.featured .btn{margin-top:var(--sp-1)}.featured__art{display:grid;place-items:center}.jar{width:min(100%,15rem);transform:rotate(4deg);transition:transform .4s var(--ease)}.featured:hover .jar{transform:rotate(-3deg) translateY(-6px)}.cards{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--sp-4);margin-top:var(--sp-3)}.card{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);transition:transform .3s var(--ease)}.card:nth-child(odd){transform:rotate(-1deg)}.card:nth-child(2n){transform:rotate(1deg)}.card:hover{transform:rotate(0) translateY(-4px)}.card--teal{background:var(--color-teal-soft)}.card--violet{background:var(--color-violet-soft)}.card--sun{background:var(--color-sun)}.card--peach{background:var(--color-peach)}.card__emoji{font-size:2rem;line-height:1}.card__title{font-family:var(--font-display);font-weight:800;font-size:var(--fs-h3);line-height:1.15}.steps{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--sp-4);margin-top:var(--sp-3);counter-reset:s}.step{display:flex;flex-direction:column;gap:var(--sp-1)}.step__num{display:grid;place-items:center;width:3rem;height:3rem;border:var(--border);border-radius:50%;font-family:var(--font-display);font-weight:800;font-size:1.4rem;background:var(--gradient-phoenix);color:#fff;text-shadow:0 1px 0 rgb(43 35 64 / .5)}.step__title{font-family:var(--font-display);font-weight:800;font-size:1.35rem}.cta{max-width:var(--max-width);margin:0 auto;padding:var(--sp-12) var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8);align-items:center}.cta__text{display:flex;flex-direction:column;gap:var(--sp-3)}.cta__title{font-family:var(--font-display);font-weight:800;font-size:clamp(3rem,8vw,6rem);line-height:.98;letter-spacing:-.02em}.note{position:relative;display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-6) var(--sp-4) var(--sp-4);background-color:var(--color-paper);background-image:repeating-linear-gradient(transparent 0 31px,var(--color-teal-soft) 31px 33px);border:1px solid rgb(43 35 64 / .25);border-radius:4px 4px 22px;box-shadow:0 14px 24px -12px #2b234059;line-height:33px;transform:rotate(2.5deg);transition:transform .4s var(--ease)}.note:hover{transform:rotate(.5deg) translateY(-4px)}.note:before{content:"";position:absolute;top:-14px;left:50%;width:7rem;height:28px;margin-left:-3.5rem;background:var(--color-sun);opacity:.85;transform:rotate(-4deg)}.note__hi{font-family:var(--font-display);font-weight:800;font-size:1.75rem}.note__mail{font-family:var(--font-display);font-weight:800;font-size:clamp(1.25rem,2.6vw,1.75rem);color:var(--color-violet);text-decoration:underline wavy var(--color-sun);text-decoration-thickness:3px;text-underline-offset:6px;overflow-wrap:anywhere}.note__mail:hover{color:var(--color-teal)}.note__sign{margin-top:var(--sp-1);color:var(--color-text-muted);font-style:italic}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-2);max-width:var(--max-width);margin:0 auto;padding:var(--sp-4) var(--gutter) var(--sp-6);color:var(--color-text-muted);font-size:var(--fs-small)}@media (max-width: 860px){.cta{grid-template-columns:1fr;gap:var(--sp-6)}.hero{grid-template-columns:1fr;padding-top:var(--sp-6)}.hero__art{order:-1;max-width:16rem;margin:0 auto}.featured{grid-template-columns:1fr;padding:var(--sp-4)}.featured__art{order:-1}.jar{width:9rem}}@media (max-width: 640px){.nav a:not(.btn){display:none}.cta{padding:var(--sp-8) var(--gutter)}}:root{--color-bg: #fff6e9;--color-paper: #fffdf8;--color-ink: #2b2340;--color-text: #2b2340;--color-text-muted: #5f5675;--color-teal: #0b7c8a;--color-teal-soft: #bff0f2;--color-violet: #6d3fd6;--color-violet-soft: #e2d6ff;--color-peach: #ffd3b6;--color-sun: #ffdf86;--color-on-ink: #fff6e9;--gradient-phoenix: linear-gradient(90deg, #17b8c9, #8b5cf6);--font-display: "Fraunces", Georgia, serif;--font-body: "Nunito", system-ui, sans-serif;--font-brand: "Montserrat", system-ui, sans-serif;--fs-small: .875rem;--fs-body: 1.0625rem;--fs-lead: clamp(1.125rem, 1.6vw, 1.375rem);--fs-h3: 1.5rem;--fs-h2: clamp(2rem, 4.6vw, 3.25rem);--fs-h1: clamp(2.6rem, 7vw, 5.5rem);--sp-1: .5rem;--sp-2: 1rem;--sp-3: 1.5rem;--sp-4: 2rem;--sp-6: 3rem;--sp-8: 4rem;--sp-12: 6rem;--radius-s: 14px;--radius: 24px;--radius-l: 36px;--border: 2px solid var(--color-ink);--shadow-pop: 6px 6px 0 var(--color-ink);--shadow-pop-s: 4px 4px 0 var(--color-ink);--gutter: clamp(1rem, 4vw, 3rem);--max-width: 72rem;--ease: cubic-bezier(.3, 1.4, .5, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-body);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:3px solid var(--color-violet);outline-offset:3px;border-radius:6px}::selection{background:var(--color-sun);color:var(--color-ink)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}