:root{--paper: #f4eee1;--paper-2: #fbf7ee;--paper-3: #efe7d4;--ink: #16201a;--ink-soft: #4a554e;--ink-faint: #8b9389;--grass: #0ba37a;--grass-deep: #076a50;--grass-bright: #1fd49b;--grass-wash: #d9f2e6;--coral: #ff6a45;--coral-deep: #e84e2c;--butter: #ffc24b;--line: #16201a;--surface-dark: #16201a;--on-dark: #eef2ee;--shadow-ink: var(--ink);--shadow-hard: 4px 4px 0 0 var(--shadow-ink);--shadow-hard-lg: 7px 7px 0 0 var(--shadow-ink);--grain-opacity: .5;--grain-blend: multiply;--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--r-md: 16px;--r-lg: 24px;--maxw: 760px;--maxw-wide: 1080px;--ease: cubic-bezier(.16, 1, .3, 1)}@media(prefers-color-scheme:dark){:root{--paper: #13110b;--paper-2: #1e1a12;--paper-3: #2a2419;--ink: #f2ebda;--ink-soft: #b4ab97;--ink-faint: #837a69;--grass: #15b487;--grass-deep: #6fe7c1;--grass-bright: #2be0a6;--grass-wash: rgba(43, 224, 166, .13);--line: #574f3d;--surface-dark: #0c0a06;--shadow-ink: rgba(242, 235, 218, .14);--shadow-hard: 4px 4px 0 0 rgba(242, 235, 218, .12);--shadow-hard-lg: 7px 7px 0 0 rgba(242, 235, 218, .12);--grain-opacity: .32;--grain-blend: overlay}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);background:var(--paper);color:var(--ink);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.18'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.06;letter-spacing:-.02em;color:inherit;font-optical-sizing:auto}a{color:inherit}::selection{background:var(--grass-bright);color:#16201a}.wrap{width:100%;max-width:var(--maxw-wide);margin-inline:auto;padding-inline:24px}.wrap--post{max-width:var(--maxw)}.mono{font-family:var(--font-mono)}.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in srgb,var(--paper) 84%,transparent);border-bottom:2px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-block:14px}.logo{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:1.25rem;text-decoration:none}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--grass);border:2px solid var(--line);box-shadow:2px 2px 0 0 var(--shadow-ink);display:inline-flex;align-items:center;justify-content:center;gap:2.5px}.logo-mark i{width:4px;height:4px;border-radius:50%;background:#fff}.logo em{font-style:normal}.logo .blog-tag{font-family:var(--font-mono);font-size:11.5px;font-weight:500;letter-spacing:.06em;color:var(--coral-deep);border:1.5px solid var(--coral-deep);border-radius:999px;padding:2px 9px;transform:rotate(-2deg)}.nav-links{display:flex;align-items:center;gap:20px;font-weight:600;font-size:.95rem}.nav-links a{text-decoration:none;opacity:.85}.nav-links a:hover{opacity:1;color:var(--grass-deep)}.nav-cta{border:2px solid var(--line);border-radius:999px;padding:8px 16px;background:var(--grass);color:#fff!important;box-shadow:2.5px 2.5px 0 0 var(--shadow-ink);opacity:1!important;transition:transform .2s var(--ease)}.nav-cta:hover{transform:translateY(-2px);color:#fff!important}.bloghero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:56px;padding-block:84px 26px}.bloghero-copy h1{font-size:clamp(2.6rem,5.5vw,4.2rem);margin:18px 0 0}.scribbled{position:relative;white-space:nowrap;font-style:italic;font-weight:500}.scribbled svg{position:absolute;left:-3%;bottom:-.28em;width:106%;height:.42em;overflow:visible}.scribbled svg path{fill:none;stroke:var(--coral);stroke-width:7;stroke-linecap:round}.bloghero-sub{font-size:1.15rem;color:var(--ink-soft);max-width:50ch;margin-top:18px}.bloghero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}.hero-btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:999px;background:var(--grass);color:#fff;font-weight:700;text-decoration:none;padding:12px 22px;box-shadow:3px 3px 0 0 var(--shadow-ink);transition:transform .2s var(--ease)}.hero-btn:hover{transform:translateY(-2px)}.hero-count{font-size:13px;color:var(--ink-faint);border:1.5px dashed var(--ink-faint);border-radius:999px;padding:5px 12px;transform:rotate(-1.5deg)}.bloghero-chat{position:relative;display:flex;flex-direction:column;gap:14px;padding-top:26px}.hbubble{border:2.5px solid var(--line);border-radius:var(--r-lg);background:var(--paper-2);box-shadow:var(--shadow-hard);padding:14px 18px;font-size:.98rem;max-width:92%}.hbubble .who{display:block;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:5px}.hbubble.them{align-self:flex-start;transform:rotate(-1deg);border-bottom-left-radius:6px}.hbubble.me{align-self:flex-end;transform:rotate(1.1deg);background:var(--grass-wash);border-bottom-right-radius:6px}.hbubble.me .who{color:var(--grass-deep)}.hbubble.done{border-color:var(--grass-deep)}.hbubble.done .who{color:var(--grass-deep)}.tag-float{position:absolute;z-index:2;font-family:var(--font-display);font-style:italic;font-size:15px;background:var(--butter);color:#16201a;border:2px solid var(--line);border-radius:999px;padding:5px 14px;box-shadow:2.5px 2.5px 0 0 var(--shadow-ink);animation:bob 5s ease-in-out infinite}.tag-float.t1{top:-6px;right:8%;transform:rotate(4deg)}.tag-float.t2{bottom:-30px;left:-3%;background:var(--coral);color:#fff;transform:rotate(-4deg);animation-delay:1.4s}@keyframes bob{0%,to{translate:0 0}50%{translate:0 -7px}}@media(max-width:860px){.bloghero{grid-template-columns:1fr;gap:40px;padding-block:60px 20px}.bloghero-chat{max-width:480px}}.bloghead{padding-block:72px 30px}.kicker{font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--grass-deep);display:inline-flex;align-items:center;gap:10px}.kicker:before{content:"";width:22px;height:2px;background:var(--grass)}.bloghead h1{font-size:clamp(2.5rem,5.5vw,4rem);margin:16px 0 0}.bloghead h1 em{font-style:italic;font-weight:500}.bloghead p{font-size:1.15rem;color:var(--ink-soft);max-width:56ch;margin-top:14px}.postgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding-block:30px 80px}.postcard{display:flex;flex-direction:column;gap:12px;background:var(--paper-2);border:2.5px solid var(--line);border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-hard);text-decoration:none;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.postgrid .postcard:nth-child(odd){transform:rotate(-.7deg)}.postgrid .postcard:nth-child(2n){transform:rotate(.6deg) translateY(5px)}.postcard:hover{transform:rotate(0) translateY(-5px);box-shadow:var(--shadow-hard-lg)}.postcard .sticker{width:52px;height:52px;border-radius:15px;border:2px solid var(--line);box-shadow:2px 2px 0 0 var(--shadow-ink);background:var(--paper-3);display:inline-flex;align-items:center;justify-content:center;font-size:26px}.postcard h2{font-size:1.55rem;margin:4px 0 0}.postcard p{color:var(--ink-soft);margin:0;font-size:.98rem}.postmeta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-faint);margin-top:auto;padding-top:6px}.postmeta .tag{border:1.5px solid currentColor;border-radius:999px;padding:2px 9px}.posthead{padding-block:64px 8px}.postbanner{width:100%;height:auto;border:2.5px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-hard-lg);margin-bottom:40px;transform:rotate(-.4deg)}.posthead .sticker{width:64px;height:64px;border-radius:18px;border:2.5px solid var(--line);box-shadow:3px 3px 0 0 var(--shadow-ink);background:var(--paper-2);display:inline-flex;align-items:center;justify-content:center;font-size:32px;transform:rotate(-3deg);margin-bottom:22px}.posthead h1{font-size:clamp(2.2rem,4.6vw,3.4rem);margin:0}.posthead .sub{font-size:1.18rem;color:var(--ink-soft);margin-top:16px;max-width:58ch}.prose{padding-block:26px 40px}.prose>*+*{margin-top:1.15em}.prose h2{font-size:1.85rem;margin-top:2em}.prose h3{font-size:1.35rem;margin-top:1.6em}.prose a{color:var(--grass-deep);text-decoration-thickness:2px;text-underline-offset:3px}.prose strong{font-weight:700}.prose ul,.prose ol{padding-left:1.35em}.prose li+li{margin-top:.45em}.prose blockquote{margin:1.4em 0;padding:14px 20px;border:2px solid var(--line);border-radius:var(--r-md);background:var(--paper-2);box-shadow:3px 3px 0 0 var(--shadow-ink);font-family:var(--font-display);font-style:italic;font-size:1.06rem}.prose blockquote p{margin:0}.prose code{font-family:var(--font-mono);font-size:.86em;background:var(--paper-3);border:1px solid var(--line);border-radius:6px;padding:.12em .4em}.prose pre{border:2px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-hard);padding:18px 20px;overflow-x:auto;font-size:.88rem;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose img{max-width:100%;border-radius:var(--r-md);border:2px solid var(--line)}.prose hr{border:none;border-top:2px dashed var(--ink-faint);margin:2.2em 0}.prose table{width:100%;border-collapse:collapse;font-size:.95rem}.prose th,.prose td{border:2px solid var(--line);padding:9px 12px;text-align:left}.prose th{background:var(--paper-3);font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.prose>p:first-child{font-size:1.08rem}.postcta{margin-block:20px 70px;border:2.5px solid var(--line);border-radius:var(--r-lg);background:var(--grass-wash);box-shadow:var(--shadow-hard-lg);padding:30px;transform:rotate(-.5deg)}.postcta h3{font-size:1.6rem;margin:0}.postcta p{color:var(--ink-soft);margin:10px 0 18px}.postcta .btn{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:999px;background:var(--grass);color:#fff;font-weight:700;text-decoration:none;padding:11px 22px;box-shadow:3px 3px 0 0 var(--shadow-ink);transition:transform .2s var(--ease)}.postcta .btn:hover{transform:translateY(-2px)}.backlink{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;color:var(--grass-deep);margin-top:34px}.footer{border-top:2px solid var(--line);background:var(--surface-dark);color:var(--on-dark);padding-block:40px}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;font-size:.92rem}.footer a{color:inherit;text-decoration:none;opacity:.85}.footer a:hover{opacity:1}.footer .links{display:flex;gap:18px;flex-wrap:wrap}.footer .blab{font-family:var(--font-display);font-style:italic;opacity:.7}@media(max-width:760px){.postgrid{grid-template-columns:1fr}.postgrid .postcard:nth-child(n){transform:rotate(0)}.nav-links{gap:14px;font-size:.9rem}.nav-links .hide-sm{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
