.blog-layout,.blog-article{background-color:var(--color-page)}.blog-shell,.blog-article-shell{width:min(100% - 48px,1120px);margin-inline:auto}.blog-header{padding-block:clamp(72px,8vw,112px) clamp(56px,6vw,80px)}.blog-header h1{color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(3rem,6vw,5rem);font-weight:800;line-height:1}.blog-header p{max-width:680px;color:var(--color-text-secondary);text-wrap:pretty;margin:24px 0 0;font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.7}.blog-main{padding-bottom:clamp(88px,10vw,144px)}.blog-empty{justify-items:start;gap:18px;max-width:640px;padding-block:48px;display:grid}.blog-empty h2,.blog-empty p{margin:0}.blog-empty h2{color:var(--color-text);font-size:2rem}.blog-empty p{color:var(--color-text-secondary)}.blog-featured-link{color:inherit;background-color:var(--color-surface);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-ghost);text-decoration:none;transition:background-color .16s,box-shadow .16s;display:block;overflow:hidden}.blog-featured-link:hover{background-color:var(--color-container);box-shadow:0 0 0 1px color-mix(in oklab, var(--color-link) 45%, transparent);text-decoration:none}.blog-featured-link:focus-visible{outline:2px solid var(--color-link);outline-offset:4px}.blog-featured-content{padding:clamp(36px,6vw,72px)}.blog-post-meta,.blog-article-meta{color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 20px;font-size:.6875rem;line-height:1.5;display:flex}.blog-post-category{color:var(--color-link);font-weight:700}.blog-featured h2{max-width:820px;color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.045em;text-wrap:balance;margin:28px 0 20px;font-size:clamp(2.25rem,4.5vw,4rem);font-weight:750;line-height:1.05}.blog-featured-content>p{max-width:720px;color:var(--color-text-secondary);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.7}.blog-featured-footer{border-top:1px solid var(--color-ghost);min-height:64px;color:var(--color-text-muted);justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(36px,6vw,72px);font-size:.8125rem;display:flex}.blog-featured-footer strong{color:var(--color-text);font-weight:700}.blog-featured-footer strong span{color:var(--color-link);margin-left:8px}.blog-archive{margin-top:clamp(80px,9vw,128px)}.blog-archive-header{border-bottom:1px solid var(--color-text-faint);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.blog-archive-header h2{color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:750;line-height:1.1}.blog-archive-header p{color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:.6875rem}.blog-post-list{margin:0;padding:0;list-style:none}.blog-post{border-bottom:1px solid var(--color-ghost)}.blog-post-link{min-height:168px;color:inherit;grid-template-columns:160px minmax(0,1fr) 40px;align-items:start;gap:clamp(24px,4vw,56px);padding:28px 16px;text-decoration:none;transition:background-color .15s;display:grid}.blog-post-link:hover{background-color:var(--color-surface);text-decoration:none}.blog-post-link:focus-visible{background-color:var(--color-surface);outline:2px solid var(--color-link);outline-offset:-2px}.blog-post-list-meta{color:var(--color-text-muted);font-family:var(--font-family-mono);flex-direction:column;gap:7px;font-size:.6875rem;line-height:1.45;display:flex}.blog-post-copy h3{max-width:780px;color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.025em;text-wrap:balance;margin:0;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:700;line-height:1.25}.blog-post-copy p{max-width:740px;color:var(--color-text-muted);text-wrap:pretty;margin:12px 0 0;font-size:.875rem;line-height:1.65}.blog-post-action{width:40px;height:40px;color:var(--color-text-dim);place-items:center;font-size:1rem;transition:color .15s;display:grid}.blog-post-link:hover .blog-post-action{color:var(--color-link)}.blog-subscribe{background-color:var(--color-surface);border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--color-ghost);grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);align-items:center;gap:clamp(40px,7vw,88px);margin-top:clamp(80px,9vw,128px);padding:clamp(36px,5vw,64px);display:grid}.blog-subscribe-copy h2{color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:750;line-height:1.12}.blog-subscribe-copy p{max-width:560px;color:var(--color-text-secondary);text-wrap:pretty;margin:16px 0 0;font-size:.9375rem;line-height:1.7}.blog-subscribe .email-capture.panel{background-color:#0000;border:0;padding:0}.blog-subscribe .email-capture.panel:hover{background-color:#0000}.blog-article{border-top:1px solid var(--color-ghost)}.blog-article-shell{max-width:960px;padding-block:40px clamp(88px,10vw,144px)}.blog-article-byline a:focus-visible,.blog-article-nav-link:focus-visible{outline:2px solid var(--color-link);outline-offset:3px}.blog-article-header{border-bottom:1px solid var(--color-text-faint);padding-block:clamp(48px,7vw,88px) clamp(48px,6vw,72px)}.blog-article-meta{margin-bottom:24px}.blog-article-header h1{max-width:920px;color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.055em;text-wrap:balance;margin:0;font-size:clamp(2.75rem,6vw,5rem);font-weight:800;line-height:1.02}.blog-article-deck{max-width:760px;color:var(--color-text-secondary);text-wrap:pretty;margin:28px 0 0;font-size:clamp(1rem,1.6vw,1.1875rem);line-height:1.7}.blog-article-byline{flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-top:32px;font-size:.8125rem;display:flex}.blog-article-byline p,.blog-article-byline span{margin:0}.blog-article-byline p{color:var(--color-text-muted)}.blog-article-byline a{color:var(--color-text);font-weight:700}.blog-article-byline a:hover{background-color:var(--color-surface);text-decoration:none}.blog-article-byline span{color:var(--color-text-dim)}.blog-prose{max-width:760px;color:var(--color-text-secondary);text-wrap:pretty;margin-inline:auto;padding-block:clamp(56px,7vw,88px) clamp(72px,9vw,112px);font-size:clamp(1rem,1.2vw,1.0625rem);line-height:1.85}.blog-prose>:first-child{margin-top:0}.blog-prose h2{color:var(--color-text);font-family:var(--font-family-headline);letter-spacing:-.03em;text-wrap:balance;margin-top:2.2em;margin-bottom:.65em;font-size:clamp(1.65rem,3vw,2.1rem);font-weight:750;line-height:1.25}.blog-prose h3{color:var(--color-text);font-family:var(--font-family-headline);margin-top:2.1em;margin-bottom:.6em;font-size:1.25rem;font-weight:700;line-height:1.35}.blog-prose p,.blog-prose ul,.blog-prose ol{margin-bottom:1.4em}.blog-prose li{margin-bottom:.6em;padding-left:.25em}.blog-prose li::marker{color:var(--color-link)}.blog-prose a{color:var(--color-link);text-underline-offset:3px;padding-inline:2px;text-decoration-thickness:1px;transition:background-color .15s,color .15s}.blog-prose a:hover{background-color:color-mix(in oklab, var(--color-brand) 30%, transparent);color:var(--color-text)}.blog-prose blockquote{border-left-color:var(--color-link);color:var(--color-text-secondary);margin:2em 0;padding:4px 0 4px 24px;font-style:normal}.blog-prose pre{border-color:var(--color-ghost);background-color:var(--color-floor);margin-block:2em}.blog-prose img{outline:1px solid var(--color-ghost);outline-offset:-1px;max-width:100%;height:auto;margin-block:2.5em;display:block}.blog-prose hr{background-color:var(--color-ghost);border:0;height:1px;margin-block:3em}.blog-prose table{border-collapse:collapse;width:100%;margin-block:2em;font-size:.875rem}.blog-prose th,.blog-prose td{border-bottom:1px solid var(--color-ghost);text-align:left;padding:12px}.blog-prose th{color:var(--color-text)}.blog-article-nav{border-block:1px solid var(--color-ghost);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.blog-article-nav-link{min-height:136px;color:inherit;flex-direction:column;justify-content:center;gap:10px;padding:24px 28px;transition:background-color .15s;display:flex}.blog-article-nav-link+.blog-article-nav-link{border-left:1px solid var(--color-ghost)}.blog-article-nav-link:hover{background-color:var(--color-surface);text-decoration:none}.blog-article-nav-link span{color:var(--color-text-muted);font-family:var(--font-family-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6875rem}.blog-article-nav-link strong{max-width:420px;color:var(--color-text);text-wrap:balance;font-size:clamp(1rem,2vw,1.25rem);font-weight:700;line-height:1.35}.blog-article-nav-link--next{text-align:right;align-items:end}@media (width<=760px){.blog-shell,.blog-article-shell{width:min(100% - 32px,1120px)}.blog-header{padding-block:56px 44px}.blog-header h1{font-size:clamp(2.75rem,14vw,4rem)}.blog-featured-content{padding:32px 24px}.blog-featured h2{margin-top:22px;font-size:clamp(2rem,9vw,3rem)}.blog-featured-footer{padding-inline:24px}.blog-archive-header{align-items:start}.blog-post-link{grid-template-columns:minmax(0,1fr) 36px;gap:16px;min-height:0;padding:24px 8px}.blog-post-list-meta{flex-flow:wrap;grid-column:1/-1;gap:7px 16px}.blog-post-copy{grid-column:1}.blog-post-action{grid-area:2/2}.blog-subscribe{grid-template-columns:1fr;gap:32px;padding:36px 28px}.blog-article-header{padding-block:40px 48px}.blog-article-header h1{font-size:clamp(2.5rem,12vw,4rem)}.blog-prose table{max-width:100%;display:block;overflow-x:auto}.blog-prose th,.blog-prose td{vertical-align:top;min-width:160px}.blog-prose th:first-child,.blog-prose td:first-child{min-width:132px}.blog-article-nav{grid-template-columns:1fr}.blog-article-nav>span[aria-hidden=true]{display:none}.blog-article-nav-link+.blog-article-nav-link{border-top:1px solid var(--color-ghost);border-left:0}}@media (width<=520px){.blog-archive-header{flex-direction:column;gap:10px}.blog-archive-header p{margin:0}.blog-post-copy h3{font-size:1.25rem}.blog-subscribe{border-radius:0;margin-inline:-16px;padding-inline:24px}.blog-subscribe .email-capture-form{flex-direction:column}.blog-subscribe .email-capture-form .btn{width:100%}.blog-article-shell{padding-top:24px}.blog-prose{padding-top:48px}.blog-article-nav-link{min-height:120px;padding-inline:20px}}