:root{--paper:oklch(96.5% .018 85);--paper-deep:oklch(92.5% .028 82);--ink:oklch(24% .03 250);--soft:oklch(46% .02 250);--c1:oklch(85% .16 90);--c2:oklch(75% .11 235);--c3:oklch(70% .15 135);--c4:oklch(66% .19 35);--c5:oklch(78% .12 350);--fill:var(--c1);--tape:oklch(90% .05 85/.85);--ease:cubic-bezier(.23, 1, .32, 1);--wob:255px 15px 225px 15px / 15px 225px 15px 255px;--wob2:15px 225px 15px 255px / 255px 15px 225px 15px;--max:1240px}html{color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);background-image:radial-gradient(oklch(0% 0 0/.035) 1px,#0000 1px);background-size:6px 6px;font-family:Andika,system-ui,sans-serif;font-size:18px;line-height:1.5;overflow-x:clip}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3,.display{font-family:Titan One,sans-serif;font-weight:400;line-height:.95}h2{margin:14px 0 26px;font-size:clamp(40px,4.8vw,66px)}h2 u{background:linear-gradient(var(--fill), var(--fill)) no-repeat 0 82% / 100% 40%;text-decoration:none;transition:background-color .3s}h3{font-size:clamp(26px,3vw,36px)}p{max-width:65ch}.wrap{max-width:var(--max);margin:0 auto;padding:0 clamp(16px,4vw,48px)}section{padding:clamp(56px,8vw,84px) 0}.line{border:3px solid var(--ink);border-radius:var(--wob);color:oklch(24% .03 250);background:oklch(99.2% .004 90)}.line.alt{border-radius:var(--wob2)}.outline{color:#0000;-webkit-text-stroke:2px var(--ink)}.kicker{letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--ink);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.soft{color:var(--soft)}.btn{white-space:nowrap;color:oklch(24% .03 250);border:3px solid var(--ink);border-radius:var(--wob);transition:transform .16s var(--ease), background .15s;cursor:pointer;font-weight:700;font:inherit;background:oklch(99.2% .004 90);padding:14px 24px;font-weight:700;text-decoration:none;display:inline-block}.btn:active{transform:scale(.97)}.btn.fill{background:var(--fill)}.btn.ink{background:var(--ink);color:var(--paper)}@media (hover:hover){.btn:hover{transform:translateY(-1px)}}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--c2);outline-offset:3px}nav.top{justify-content:space-between;align-items:center;gap:16px;padding:22px 0;display:flex}.wordmark{color:#0000;-webkit-text-stroke:2px var(--ink);letter-spacing:.01em;transition:color .25s var(--ease);font-family:Titan One,sans-serif;font-size:34px;text-decoration:none}.wordmark:hover{color:var(--fill)}nav.top ul{gap:28px;padding:0;font-weight:700;list-style:none;display:flex}nav.top ul a{color:var(--ink);z-index:0;text-decoration:none;position:relative}nav.top ul a:after{content:"";background:var(--fill);z-index:-1;height:9px;transition:right .2s var(--ease);border-radius:4px;position:absolute;bottom:0;left:-2px;right:calc(100% + 2px)}nav.top ul a:hover:after,nav.top ul a[aria-current=page]:after{right:-2px}.swatches{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.swatches span{margin-right:6px;font-size:15px;font-weight:700}.sw{border:3px solid var(--ink);cursor:pointer;width:38px;height:38px;transition:transform .16s var(--ease);border-radius:50%;padding:0}@media (hover:hover){.sw:hover{transform:scale(1.1)}}.sw:active{transform:scale(.95)}.sw[aria-pressed=true]{box-shadow:0 0 0 3px var(--paper), 0 0 0 6px var(--ink)}.facts{border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.facts div{border-right:3px solid var(--ink);padding:22px 18px}.facts div:last-child{border-right:0}.facts b{color:#0000;-webkit-text-stroke:1.6px var(--ink);font-family:Titan One,sans-serif;font-size:36px;line-height:1;display:block}.facts span{color:var(--soft);font-size:16px}.tape{background:var(--tape);z-index:2;pointer-events:none;width:120px;height:30px;position:absolute;box-shadow:0 1px 2px oklch(0% 0 0/.12)}.pg{transform:rotate(var(--r,0deg));transition:transform .3s var(--ease);padding:0;text-decoration:none;position:relative;overflow:hidden}.pg:nth-child(3n+1){--r:-1.5deg}.pg:nth-child(3n){--r:1.2deg}.pg .paint{background:radial-gradient(circle at 30% 70%, var(--fill) 0 30%, transparent 31%), radial-gradient(circle at 75% 25%, var(--c2) 0 28%, transparent 29%);clip-path:inset(0 0 100%);transition:clip-path .55s var(--ease);position:absolute;inset:0}@media (hover:hover){.pg:hover{transform:rotate(0)translateY(-6px)}.pg:hover .paint{clip-path:inset(0)}}.pg img{mix-blend-mode:multiply;width:100%;display:block;position:relative}.pg .wax{width:100%;height:auto;display:block;position:absolute;top:0;left:0}.pg.live .paint{display:none}.pg.live img{cursor:crosshair;touch-action:pan-y;user-select:none;-webkit-user-drag:none}.pg.live figcaption{align-items:center;gap:10px}.pg .wipe{font:inherit;border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:999px;margin-left:auto;padding:3px 9px;font-size:12px;font-weight:700;display:none}.pg.colored .wipe{display:inline-block}.pg figcaption{border-top:3px solid var(--ink);background:oklch(99.2% .004 90);justify-content:space-between;padding:10px 14px;font-size:15px;font-weight:700;display:flex;position:relative}form.inline{flex-wrap:wrap;gap:10px;display:flex}input[type=email],input[type=text]{min-width:220px;font:inherit;border:3px solid var(--ink);border-radius:var(--wob);color:oklch(24% .03 250);background:#fff;flex:1;padding:13px 16px}footer.site{border-top:3px solid var(--ink);color:var(--soft);padding:40px 0 60px;font-size:15px}footer.site .row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}footer.site .wordmark{-webkit-text-stroke-width:1.4px;font-size:22px}footer.site ul{flex-wrap:wrap;gap:18px;padding:0;list-style:none;display:flex}footer.site a{text-decoration:none}@media (width<=900px){nav.top ul{display:none}nav.top .btn{padding:10px 14px;font-size:15px}.wordmark{font-size:28px}.facts{grid-template-columns:1fr 1fr}.facts div:nth-child(2){border-right:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.skip[data-astro-cid-hkbrpulz]{background:var(--ink);color:var(--paper);border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip[data-astro-cid-hkbrpulz]:focus{z-index:100;left:8px}
