:root{--ink: #1f1a17;--muted: #5d544c;--bg: #fffaf0;--card: #fff;--brand: #ffcf33;--accent: #e4572e;--accent-ink: #fff;--line: #eadfcc;--radius: 18px;--shadow: 0 2px 0 #1f1a17;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--display: "Arial Rounded MT Bold", "Trebuchet MS", var(--font)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:17px}img{max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--display);line-height:1.15;letter-spacing:-.01em}.wrap{width:min(1200px,100% - 2rem);margin-inline:auto}.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:10}.skip:focus{left:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{background:var(--brand);border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 0;flex-wrap:wrap}.logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--display);font-size:1.45rem}.logo b{color:var(--accent)}.logo.small{font-size:1.2rem;margin:0 0 .3rem}.site-header nav ul{display:flex;gap:.25rem .9rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}.site-header nav a{text-decoration:none;font-weight:700;font-size:.95rem;padding:.3rem .1rem}.site-header nav a[aria-current=page]{text-decoration:underline}.hero{padding:2.5rem 0 1.5rem;background:radial-gradient(circle at 90% 10%,#ffe7a3 0 18%,transparent 19%),radial-gradient(circle at 8% 90%,#ffd0c2 0 12%,transparent 13%)}.hero h1{font-size:clamp(2.1rem,6vw,4rem);margin:.2rem 0 .8rem;max-width:16ch}.hl{background:linear-gradient(transparent 60%,var(--brand) 60%)}.kicker{text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.78rem;color:var(--accent);margin:0}.lede{font-size:1.15rem;color:var(--muted);max-width:60ch}.section-title{font-size:1.7rem;margin:2rem 0 1rem}.section-sub{color:var(--muted);margin-top:-.5rem}.page-head{padding:2rem 0 .5rem}.page-head h1{font-size:clamp(2rem,5vw,3rem);margin:0 0 .3rem}.btn{display:inline-block;background:var(--accent);color:var(--accent-ink);font-weight:800;text-decoration:none;padding:.7rem 1.1rem;border-radius:999px;border:2px solid var(--ink);box-shadow:var(--shadow);transition:transform .1s;text-align:center}.btn:hover{color:#fff;transform:translateY(-2px)}.btn.big{font-size:1.1rem;padding:.85rem 1.4rem}.pin-btn{display:inline-block;margin-top:.8rem;font-weight:700;text-decoration:none;border:2px solid var(--ink);border-radius:999px;padding:.45rem .9rem;background:#fff}.filters{display:flex;gap:.5rem;overflow-x:auto;padding:.2rem .1rem .8rem;scrollbar-width:thin}.chip{flex:0 0 auto;text-decoration:none;font-weight:700;padding:.45rem .95rem;border-radius:999px;border:2px solid var(--ink);background:#fff;font-size:.95rem}.chip[aria-pressed=true]{background:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:1.2rem;margin-bottom:2rem}.card{background:var(--card);border:2px solid var(--ink);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:4px 4px 0 var(--ink)}.card[hidden]{display:none}.card-link{display:block}.card-body{padding:.9rem 1rem 1rem;display:flex;flex-direction:column;gap:.45rem;flex:1}.card h3{font-size:1.12rem;margin:0}.card h3 a{text-decoration:none}.one-liner{margin:0;color:var(--muted)}.one-liner.big{font-size:1.25rem;color:var(--ink);font-weight:600}.card .btn{margin-top:auto}.tags{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;padding:0;margin:0}.tags li{font-size:.75rem;font-weight:700;background:#f4ecdd;border-radius:999px;padding:.15rem .55rem}.tags a{text-decoration:none}.badge{align-self:flex-start;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .5rem;border-radius:6px}.badge.draft{background:#ffe1e1;color:#8a1c1c;border:1px dashed #8a1c1c}.badge.soon{background:var(--brand);border:1px solid var(--ink)}.disclosure{font-size:.78rem;color:var(--muted);margin:.2rem 0 0}.disclosure.compact{text-align:center}.empty{text-align:center;color:var(--muted)}.art{position:relative;background:var(--c);aspect-ratio:4 / 5;display:grid;place-items:center;overflow:hidden;border-bottom:2px solid var(--ink)}.art.tall{aspect-ratio:2 / 3}.card .art.tall{aspect-ratio:4 / 5}.art-emoji{font-size:clamp(4rem,12vw,6.5rem);filter:drop-shadow(3px 4px 0 rgba(0,0,0,.18));z-index:1}.art-paws{position:absolute;inset:0;opacity:.14;background-image:radial-gradient(circle,var(--ink) 0 7px,transparent 8px),radial-gradient(circle,var(--ink) 0 4px,transparent 5px);background-size:70px 70px,70px 70px;background-position:0 0,20px -14px}.crumbs{font-size:.9rem;margin:1.2rem 0;color:var(--muted)}.product-grid{display:grid;gap:1.5rem}.product-art .art{border:2px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);max-width:460px}.product-info h1{font-size:clamp(1.8rem,4.5vw,2.6rem);margin:.2rem 0 .5rem}.product-info .tags{margin:1rem 0 1.2rem}@media(min-width:820px){.product-grid{grid-template-columns:minmax(280px,440px) 1fr;align-items:start;gap:3rem}}.guide-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem;margin-bottom:2rem}.guide-card{display:flex;flex-direction:column;gap:.4rem;padding:1.2rem;border:2px solid var(--ink);border-radius:var(--radius);background:var(--c);text-decoration:none;box-shadow:4px 4px 0 var(--ink)}.guide-card span:first-child{font-size:2.5rem}.guide-card strong{font-family:var(--display);font-size:1.25rem}.prose{max-width:72ch;padding:1.5rem 0 3rem}.prose h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:.3rem}.prose h2{margin-top:2rem}.originals{background:#1f1a17;color:#fffaf0;padding:2.5rem 0;margin-top:1rem}.originals .section-sub{color:#d9cfbf}.orig-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:1rem}.orig-card{border:2px dashed #fffaf0;border-radius:var(--radius);padding:1.2rem;display:flex;flex-direction:column;gap:.4rem}.orig-card h3{margin:0}.orig-card p{margin:0;color:#d9cfbf}.orig-emoji{font-size:2.2rem}.originals .badge.soon{color:var(--ink)}#originals h2{margin-top:0;font-size:1.8rem}.newsletter{background:var(--brand);border-block:3px solid var(--ink);padding:2.2rem 0}.nl-inner{display:grid;gap:1rem;align-items:center}.newsletter h2{margin:0 0 .3rem;font-size:1.7rem}.kit-placeholder{border:3px dashed var(--ink);border-radius:var(--radius);padding:1.2rem;background:#fff7d6;display:flex;flex-direction:column;gap:.2rem;text-align:center}@media(min-width:820px){.nl-inner{grid-template-columns:1.2fr 1fr}}.site-footer{padding:2rem 0 2.5rem;font-size:.95rem}.footer-disclosure{background:#fff;border:2px solid var(--ink);border-radius:12px;padding:.8rem 1rem}.footer-cols{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:1.2rem 0}.footer-cols ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.tiny{font-size:.8rem;color:var(--muted)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}.card-link{text-decoration:none}@media(max-width:560px){.card .art.tall{aspect-ratio:1 / 1}.art-emoji{font-size:5rem}}
