.blog{--blog-max:1080px;max-width:var(--blog-max);margin:0 auto;padding:0 1.4rem 5rem;color:var(--ink)}.blog-top{display:flex;align-items:center;justify-content:space-between;padding:1.4rem 0;margin-bottom:1rem}.blog-brand{gap:.6rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.blog-brand,.blog-brand-mark{display:inline-flex;align-items:center}.blog-brand-mark{justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--black);font-size:.72rem;font-weight:800}.blog-cta-top{font-size:.85rem;font-weight:600;color:var(--ink-2)}.blog-cta-top:hover{color:var(--ink)}.blog-hero{padding:2rem 0 1.6rem;max-width:46ch}.blog-hero h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:400;letter-spacing:-.05em;line-height:1.05;margin:.6rem 0 .8rem}.blog-hero p{font-size:1.05rem;color:var(--ink-2);line-height:1.55}.blog-cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.4rem 0 2rem}.blog-cat{padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--card);color:var(--ink-2);font-size:.82rem;font-weight:600}.blog-cat:hover{color:var(--ink)}.blog-cat.is-active{background:var(--ink-fill,var(--black));color:var(--ink-fill-on,#fff)}.blog-feature{display:grid;grid-template-columns:200px 1fr;grid-gap:1.8rem;gap:1.8rem;align-items:center;padding:2rem;margin-bottom:2rem;background:var(--card);border-radius:var(--r-xl);transition:transform .25s var(--ease-out-expo),box-shadow .25s}.blog-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift,0 24px 48px -28px rgba(0,0,0,.3))}.blog-feature-emoji{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:var(--r-lg);background:var(--sunken);font-size:4rem}.blog-feature h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:400;letter-spacing:-.03em;line-height:1.1;margin:.5rem 0}.blog-feature p{color:var(--ink-2);line-height:1.55;margin-bottom:.7rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.2rem;gap:1.2rem}.blog-card{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--card);border-radius:var(--r-lg);transition:transform .25s var(--ease-out-expo),box-shadow .25s}.blog-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.blog-card-emoji{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;background:var(--sunken);font-size:1.8rem;margin-bottom:.3rem}.blog-card h3{font-size:1.1rem;font-weight:600;letter-spacing:-.02em;line-height:1.2}.blog-card p{font-size:.88rem;color:var(--ink-2);line-height:1.5;flex:1 1}.blog-tag{display:inline-block;align-self:flex-start;padding:.2rem .6rem;border-radius:var(--r-pill);background:var(--accent-tint,color-mix(in srgb,var(--lime) 20%,transparent));color:var(--ink);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.blog-meta{font-size:.76rem;color:var(--ink-3,var(--ink-2))}.blog-empty{padding:3rem 0;color:var(--ink-2)}.article{max-width:720px;margin:0 auto}.article-head{margin-bottom:2.2rem}.article-head h1{font-size:clamp(2rem,4.4vw,3rem);font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:.7rem 0 .8rem}.article-excerpt{font-size:1.15rem;color:var(--ink-2);line-height:1.5}.article-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.1rem;font-size:.82rem;color:var(--ink-2)}.article-body{font-size:1.08rem;line-height:1.75;color:var(--ink)}.article-body h2{font-size:1.6rem;font-weight:500;letter-spacing:-.03em;margin:2.2rem 0 .9rem}.article-body h3{font-size:1.25rem;font-weight:600;margin:1.6rem 0 .6rem}.article-body p{margin:0 0 1.1rem}.article-body ol,.article-body ul{margin:0 0 1.2rem;padding-left:1.3rem}.article-body li{margin-bottom:.5rem}.article-body a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--lime);text-decoration-color:var(--lime);text-underline-offset:3px}.article-body strong{font-weight:600}.article-body blockquote{margin:1.4rem 0;padding:.5rem 1.2rem;border-left:3px solid var(--lime);color:var(--ink-2);font-style:italic}.article-body code{background:var(--sunken);padding:.1rem .4rem;border-radius:6px;font-size:.9em}.article-body h2:first-child,.article-body h3:first-child{margin-top:0}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.4rem}.article-tag{font-size:.78rem;color:var(--ink-2)}.blog-cta{margin:3.5rem auto 0;max-width:720px;text-align:center;padding:2.6rem 2rem;background:var(--black);color:#fff;border-radius:var(--r-xl)}.blog-cta h2{font-size:clamp(1.4rem,3vw,2rem);font-weight:400;letter-spacing:-.03em;margin-bottom:.7rem}.blog-cta p{color:rgba(255,255,255,.75);margin-bottom:1.4rem;max-width:52ch;margin-inline:auto}.blog-footer{margin-top:3rem;padding-top:1.6rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--ink-2);text-align:center}@media (max-width:640px){.blog-feature{grid-template-columns:1fr}.blog-feature-emoji{aspect-ratio:auto;height:120px}}.article-crumbs{font-size:.8rem;margin-bottom:1rem}.article-crumbs,.article-crumbs a{color:var(--ink-2)}.article-crumbs a:hover{color:var(--ink)}.article-crumbs span{margin:0 .1rem}.article-crumb-current{color:var(--ink)}