.blog-main{padding-top:var(--nav-h);min-height:100svh}.blog-hero{padding:var(--sp-96) 0 var(--sp-64);border-bottom:.5px solid var(--border);position:relative;overflow:hidden}.blog-hero:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.28;pointer-events:none;background-size:80px 80px;position:absolute;inset:0}.blog-hero:after{content:"";background:radial-gradient(ellipse 70% 80% at 20% 60%, transparent 40%, var(--bg) 100%);pointer-events:none;position:absolute;inset:0}.blog-hero-inner{z-index:1;position:relative}.blog-hero-label{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-24);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:11px;font-weight:600;display:flex}.blog-hero-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);max-width:16ch;margin-bottom:var(--sp-24);font-size:clamp(40px,7vw,86px);font-weight:800;line-height:.97}.blog-hero-title em{color:var(--ink-mid);font-style:italic}.blog-hero-title-dim{color:var(--ink-mid)}.blog-hero-sub{color:var(--ink-mid);max-width:52ch;font-size:clamp(15px,1.4vw,17px);line-height:1.65}.blog-filter-wrap{top:var(--nav-h);z-index:50;-webkit-backdrop-filter:blur(10px);border-bottom:.5px solid var(--border);padding:var(--sp-16) 0;background:#f6f5f2eb;position:sticky}.blog-filter-bar{align-items:center;gap:var(--sp-8);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;display:flex;overflow-x:auto}.blog-filter-bar::-webkit-scrollbar{display:none}.filter-pill{font-family:var(--font-body);color:var(--ink-dim);border:.5px solid var(--border);cursor:pointer;white-space:nowrap;transition:color var(--ease-fast), background var(--ease-fast), border-color var(--ease-fast);background:0 0;border-radius:100px;flex-shrink:0;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.filter-pill:hover{color:var(--ink);border-color:#bcbab4}.filter-pill.active{background:var(--pill-accent,var(--accent));border-color:var(--pill-accent,var(--accent));color:#fff}.filter-pill-count{font-family:var(--font-mono);opacity:.6;font-size:10px}.blog-grid-section{padding:var(--sp-64) 0 var(--sp-128)}.blog-grid{gap:var(--sp-24);grid-template-columns:repeat(3,1fr);display:grid}.blog-grid .post-card-featured{grid-column:1/-1}@media (width<=900px){.blog-grid{grid-template-columns:1fr 1fr}.blog-grid .post-card-featured{grid-column:1/-1}}@media (width<=560px){.blog-grid{grid-template-columns:1fr}.blog-grid .post-card-featured{grid-column:1}}.post-card{border:.5px solid var(--border);background:var(--bg);transition:border-color var(--ease-fast), box-shadow var(--ease-base);opacity:1;transition:opacity .36s cubic-bezier(.16, 1, .3, 1), transform .36s cubic-bezier(.16, 1, .3, 1), border-color var(--ease-fast), box-shadow var(--ease-base);border-radius:12px;overflow:hidden;transform:translateY(16px)}.post-card:hover{border-color:#bcbab4;box-shadow:0 8px 32px #1412100f}.post-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-card-featured .post-card-link{flex-direction:row}@media (width<=700px){.post-card-featured .post-card-link{flex-direction:column}}.post-card-thumb{aspect-ratio:16/10;flex-shrink:0;position:relative;overflow:hidden}.post-card-featured .post-card-thumb{aspect-ratio:unset;width:48%;min-height:280px}@media (width<=700px){.post-card-featured .post-card-thumb{width:100%;min-height:unset;aspect-ratio:16/9}}.post-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.16,1,.3,1);display:block}.post-card:hover .post-card-img{transform:scale(1.03)}.post-card-cat{bottom:var(--sp-12);left:var(--sp-12);letter-spacing:.07em;text-transform:uppercase;background:var(--accent);color:#fff;pointer-events:none;border-radius:4px;padding:3px 9px;font-size:10px;font-weight:600;position:absolute}.post-thumb-placeholder{background:var(--surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.post-thumb-placeholder-lg{min-height:280px}.post-thumb-grid{background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.5;background-size:40px 40px;position:absolute;inset:0}.post-thumb-initial{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink);opacity:.08;z-index:1;font-size:clamp(48px,8vw,96px);font-weight:800;position:relative}.post-card-body{padding:var(--sp-24);flex-direction:column;flex:1;display:flex}.post-card-featured .post-card-body{padding:var(--sp-32) var(--sp-32);justify-content:center}.post-card-meta{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);display:flex}.post-card-date,.post-card-read{color:var(--ink-dim);font-size:11px}.post-card-sep{color:var(--border);font-size:11px}.post-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin-bottom:var(--sp-8);transition:color var(--ease-fast);font-size:clamp(16px,2vw,18px);font-weight:700;line-height:1.2}.post-card-title-lg{margin-bottom:var(--sp-12);font-size:clamp(22px,3vw,30px)}.post-card:hover .post-card-title{color:var(--accent)}.post-card-excerpt{color:var(--ink-mid);margin-bottom:var(--sp-16);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card-featured .post-card-excerpt{-webkit-line-clamp:4;line-clamp:4}.post-card-cta{color:var(--accent);transition:gap var(--ease-fast);align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:500;display:inline-flex}.post-card:hover .post-card-cta{gap:8px}.blog-empty{padding:var(--sp-96) 0;text-align:center;align-items:center;gap:var(--sp-12);flex-direction:column;display:flex}.blog-empty-mono{font-family:var(--font-mono);color:var(--accent);background:var(--accent-bg);border-radius:4px;padding:4px 12px;font-size:12px}.blog-empty-text{color:var(--ink-mid);font-size:15px}.bp-main{padding-top:var(--nav-h);padding-bottom:var(--sp-128)}.bp-breadcrumb{align-items:center;gap:var(--sp-8);padding-top:var(--sp-32);padding-bottom:var(--sp-32);display:flex}.bp-breadcrumb-link{color:var(--ink-dim);transition:color var(--ease-fast);font-size:12px;text-decoration:none}.bp-breadcrumb-link:hover{color:var(--ink)}.bp-breadcrumb-sep{color:var(--border);font-size:12px}.bp-breadcrumb-current{color:var(--ink-mid);white-space:nowrap;text-overflow:ellipsis;max-width:40ch;font-size:12px;overflow:hidden}.bp-header{padding-bottom:var(--sp-48)}.bp-meta{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-24);display:flex}.bp-cat-link{letter-spacing:.07em;text-transform:uppercase;color:var(--accent);transition:opacity var(--ease-fast);font-size:11px;font-weight:600;text-decoration:none}.bp-cat-link:hover{opacity:.7}.bp-meta-sep{color:var(--border);font-size:11px}.bp-date,.bp-read{color:var(--ink-dim);font-size:11px}.bp-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--ink);margin-bottom:var(--sp-16);font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1}.bp-excerpt{color:var(--ink-mid);margin-bottom:var(--sp-24);max-width:52ch;font-size:clamp(15px,1.4vw,18px);line-height:1.65}.bp-author-row{align-items:center;gap:var(--sp-10);display:flex}.bp-author-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.bp-author-name{color:var(--ink-mid);font-size:13px;font-weight:500}.bp-cover-wrap{margin-bottom:var(--sp-64)}.bp-cover{border:.5px solid var(--border);object-fit:cover;border-radius:12px;width:100%;height:auto;max-height:560px;display:block}.bp-body-wrap{grid-template-columns:1fr;display:grid}.bp-body{max-width:680px}.bp-tags{gap:var(--sp-8);padding-top:var(--sp-48);margin-top:var(--sp-48);border-top:.5px solid var(--border);flex-wrap:wrap;max-width:680px;display:flex}.bp-tag{font-family:var(--font-mono);color:var(--ink-dim);background:var(--surface);border:.5px solid var(--border);border-radius:4px;padding:3px 10px;font-size:11px}.bp-adjacent{padding-top:var(--sp-64);padding-bottom:var(--sp-48);border-top:.5px solid var(--border);margin-top:var(--sp-64)}.bp-adjacent-grid{gap:var(--sp-24);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.bp-adjacent-grid{grid-template-columns:1fr}}.bp-adjacent-link{padding:var(--sp-24);border:.5px solid var(--border);gap:var(--sp-8);transition:border-color var(--ease-fast), box-shadow var(--ease-base);border-radius:10px;flex-direction:column;text-decoration:none;display:flex}.bp-adjacent-link:hover{border-color:#bcbab4;box-shadow:0 4px 16px #1412100d}.bp-adjacent-next{text-align:right}.bp-adjacent-dir{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:600}.bp-adjacent-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;transition:color var(--ease-fast);font-size:15px;font-weight:600;line-height:1.3}.bp-adjacent-link:hover .bp-adjacent-title{color:var(--accent)}.bp-back-wrap{padding-top:var(--sp-16)}.bp-back-link{align-items:center;gap:var(--sp-8);color:var(--ink-dim);transition:color var(--ease-fast), gap var(--ease-fast);font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.bp-back-link:hover{color:var(--ink);gap:var(--sp-12)}.portable-text{color:var(--ink)}.pt-p{color:var(--ink-mid);margin-bottom:var(--sp-24);font-size:clamp(15px,1.3vw,17px);line-height:1.8}.pt-h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);margin-top:var(--sp-64);margin-bottom:var(--sp-16);font-size:clamp(22px,2.5vw,28px);font-weight:700;line-height:1.15}.pt-h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin-top:var(--sp-48);margin-bottom:var(--sp-12);font-size:clamp(18px,1.8vw,21px);font-weight:600;line-height:1.2}.pt-blockquote{border-left:3px solid var(--accent);padding:var(--sp-16) var(--sp-24);margin:var(--sp-32) 0;background:var(--accent-bg);color:var(--ink-mid);border-radius:0 8px 8px 0;font-size:clamp(15px,1.3vw,17px);font-style:italic;line-height:1.7}.pt-ul,.pt-ol{padding-left:var(--sp-24);margin-bottom:var(--sp-24);gap:var(--sp-8);flex-direction:column;display:flex}.pt-li{color:var(--ink-mid);font-size:clamp(15px,1.3vw,17px);line-height:1.7}.pt-strong{color:var(--ink);font-weight:600}.pt-em{font-style:italic}.pt-inline-code{font-family:var(--font-mono);background:var(--surface);border:.5px solid var(--border);color:var(--accent);border-radius:4px;padding:1px 6px;font-size:.875em}.pt-link{color:var(--accent);text-underline-offset:3px;transition:text-decoration-color var(--ease-fast);-webkit-text-decoration:underline #1a56ff59;text-decoration:underline #1a56ff59}.pt-link:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.pt-code-wrap{margin:var(--sp-32) 0;border:.5px solid var(--border);background:#0f1117;border-radius:10px;overflow:hidden}.pt-code-header{padding:10px var(--sp-16);background:#f6f5f20d;border-bottom:.5px solid #f6f5f214;justify-content:space-between;align-items:center;display:flex}.pt-code-lang{font-family:var(--font-mono);color:#f6f5f259;letter-spacing:.06em;text-transform:uppercase;font-size:10px}.pt-code-filename{font-family:var(--font-mono);color:#f6f5f280;font-size:11px}.pt-pre{padding:var(--sp-24);scrollbar-width:thin;scrollbar-color:#f6f5f226 transparent;margin:0;overflow-x:auto}.pt-pre code{font-family:var(--font-mono);color:#f6f5f2d9;white-space:pre;font-size:13px;line-height:1.75}.pt-callout{align-items:flex-start;gap:var(--sp-12);padding:var(--sp-16) var(--sp-20);margin:var(--sp-24) 0;border:.5px solid #0000;border-radius:8px;display:flex}.pt-callout-info{background:var(--accent-bg);border-color:#1a56ff33}.pt-callout-warning{background:#ffb40014;border-color:#ffb40040}.pt-callout-tip{background:#1aff820f;border-color:#1ac86433}.pt-callout-icon{flex-shrink:0;margin-top:1px;font-size:14px}.pt-callout-info .pt-callout-icon{color:var(--accent)}.pt-callout-warning .pt-callout-icon{color:#c8860a}.pt-callout-tip .pt-callout-icon{color:#1aaa64}.pt-callout-text{color:var(--ink-mid);margin:0;font-size:14px;line-height:1.65}.pt-figure{margin:var(--sp-32) 0}.pt-img{border:.5px solid var(--border);border-radius:8px;width:100%;height:auto;display:block}.pt-caption{color:var(--ink-dim);text-align:center;margin-top:var(--sp-8);font-size:12px}.blog-notfound-hero{min-height:calc(100svh - var(--nav-h));border-bottom:none;align-items:center;display:flex}.blog-notfound-eyebrow{font-family:var(--font-display);letter-spacing:-.06em;color:var(--ink);opacity:.035;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;white-space:nowrap;font-size:clamp(280px,45vw,520px);font-weight:800;line-height:.85;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-notfound-actions{align-items:center;gap:var(--sp-12);margin-top:var(--sp-40);flex-wrap:wrap;display:flex}