:root{--paper:#fbf6ec;--paper-shade:#f1e8d7;--ink:#23272f;--coral:#ff6b6b;--marigold:#ffc145;--sky:#45c4f0;--leaf:#6fc94e;--grape:#9b5de5;--radius-wobble:255px 18px 225px 18px / 18px 225px 18px 255px;--coral-deep:#c93b36;--grape-deep:#7b3fd0;--ink-soft:#565d6b;--line:2.5px;--max:1060px;--shadow-stuck:0 5px 0 #23272f12, 0 12px 20px #23272f0f;--shadow-stuck-hi:0 8px 0 #23272f17, 0 18px 30px #23272f17;--font-display:"Baloo 2", "Chalkboard SE", "Trebuchet MS", system-ui, sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{min-height:100svh;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-color:var(--paper);background-image:radial-gradient(#23272f0d 1.1px,#0000 1.2px);background-size:24px 24px;flex-direction:column;margin:0;font-size:1rem;line-height:1.7;display:flex}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;margin:0 0 .5em;font-weight:800;line-height:1.18}h1{font-size:clamp(2.1rem,7vw,3.6rem)}h2{font-size:clamp(1.6rem,4.6vw,2.35rem)}h3{font-size:clamp(1.15rem,2.6vw,1.35rem)}p,li,dd{text-wrap:pretty}p{margin:0 0 1em}img,svg{max-width:100%}img{height:auto;display:block}ul,ol{padding-inline-start:1.2em}a{color:var(--ink);text-decoration-color:var(--coral);text-underline-offset:3px;text-decoration-thickness:2px}a:hover{text-decoration-thickness:3px}::selection{background:#ffc14573}:focus-visible{outline:3px solid var(--grape-deep);outline-offset:3px}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:20px}main{flex:1 0 auto}section{padding-block:clamp(44px,7vw,80px)}.shade{background:var(--paper-shade)}.lead{color:var(--ink-soft);max-width:60ch;font-size:clamp(1.05rem,2.4vw,1.2rem)}.eyebrow{font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 .6em;font-size:.8rem;font-weight:700}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:20;border:var(--line) solid var(--ink);background:#fff;border-radius:8px;padding:10px 16px;font-weight:700;text-decoration:none;transition:top .15s ease-out;position:absolute;top:-100px;left:12px}.skip:focus{top:12px}mark{color:inherit;box-decoration-break:clone;background-color:#0000;background-image:linear-gradient(100deg,#ffc14500 .4%,#ffc145d9 2.4%,#ffc145c7 96%,#ffc14500 99.6%);background-position:0 92%;background-repeat:no-repeat;background-size:100% 56%;padding-inline:.12em}mark.thin{background-position:0 59%;background-size:100% 44%}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(26px,3.4vw,34px);margin:0;padding:0;list-style:none;display:grid}.card{border:var(--line) solid var(--ink);border-radius:var(--radius-wobble);box-shadow:var(--shadow-stuck);color:var(--ink);transform:rotate(calc(var(--tilt,0deg) * var(--straight,1))) translateY(var(--lift,0px));background:#fff;flex-direction:column;gap:6px;padding:26px 22px 22px;text-decoration:none;transition:transform .18s ease-out,box-shadow .18s ease-out;display:flex;position:relative}.card:before{content:"";top:-13px;left:var(--tape-x,50%);width:var(--tape-w,92px);clip-path:polygon(2% 12%,100% 0%,97% 88%,0% 100%);height:26px;transform:translateX(-50%) rotate(var(--tape-rot,-3.5deg));pointer-events:none;background:#ffc14573;position:absolute}.cards>:nth-child(5n+1){--tilt:-1.4deg}.cards>:nth-child(5n+2){--tilt:1.1deg}.cards>:nth-child(5n+3){--tilt:-.7deg}.cards>:nth-child(5n+4){--tilt:1.5deg}.cards>:nth-child(5n+5){--tilt:-1.1deg}.cards>:nth-child(3n+2){--tape-x:38%;--tape-w:78px;--tape-rot:4deg}.cards>:nth-child(3n+3){--tape-x:63%;--tape-w:84px;--tape-rot:-6deg}@media (hover:hover){a.card:hover{--straight:0;--lift:-4px;box-shadow:var(--shadow-stuck-hi)}}a.card:focus-visible{--straight:0;--lift:-4px;box-shadow:var(--shadow-stuck-hi)}a.card:active{--straight:0;--lift:1px;box-shadow:var(--shadow-stuck)}.card h3{margin:0}.card p{color:var(--ink-soft);margin:0;font-size:.95rem}.card .kicker{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:7px;font-size:.72rem;font-weight:700;display:inline-flex}.card .kicker:before{content:"";background:var(--accent,var(--coral));border:2px solid var(--ink);border-radius:50%;width:14px;height:14px}.card .doodle{color:var(--accent,var(--coral));margin-bottom:4px}.card.is-soon{box-shadow:none;background:#ffffff8c;border-style:dashed}.card.is-soon h3{color:var(--ink-soft)}.card .arrow{font-family:var(--font-display);color:var(--coral-deep);margin-top:auto;padding-top:12px;font-weight:700}.btn{font-family:var(--font-display);border:var(--line) solid var(--ink);border-radius:var(--radius-wobble);color:var(--ink);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:#fff;justify-content:center;align-items:center;gap:.5em;padding:.78em 1.5em;font-size:clamp(1rem,2.4vw,1.12rem);font-weight:700;line-height:1.2;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out,filter .15s ease-out;display:inline-flex}.btn-primary{background:var(--coral-deep);color:#fff}.btn-secondary{background:var(--paper);color:var(--ink)}@media (hover:hover){.btn:hover{filter:brightness(1.06)}.btn-secondary:hover{filter:none;background:#fff}}.btn:active{box-shadow:0 0 0 var(--ink);transform:translateY(4px)}.btn-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.badge{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink);background:var(--marigold);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:.74rem;font-weight:700;display:inline-block;transform:rotate(-2deg)}.squiggle-edge{width:100%;height:14px;color:var(--ink);display:block}.band-edge{color:var(--ink);opacity:.4;z-index:1;margin-bottom:-7px;position:relative}.band-edge-flip{margin:-7px 0 0;transform:scaleX(-1)}.logo-smile{color:var(--ink);flex:none}@media (hover:hover){.logo:hover .logo-smile{animation:.6s ease-in-out logo-spin}}@keyframes logo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}a.card:hover,a.card:focus-visible,a.card:active{--straight:1;--lift:0px}.btn:active{transform:none!important}.logo:hover .logo-smile{animation:none!important}}
