.blog-page,.blog-post-page,.not-found-page{background:var(--color-paper);color:var(--color-ink)}.blog-index-hero,.blog-post-hero{background:var(--color-ink);color:var(--color-white);padding:clamp(110px,14vw,210px) 0 clamp(70px,9vw,135px)}.blog-index-hero h1,.blog-post-hero h1,.not-found h1{font:500 var(--text-display-sm)/.92 var(--font-heading);letter-spacing:-.055em;margin:var(--space-5) 0;max-width:1100px}.blog-index-hero h1 span,.blog-post-hero h1 span,.not-found h1 span{color:var(--color-accent)}.blog-index-hero p,.blog-post-hero>.ui-container>p,.not-found>p{font:400 var(--text-body)/1.55 var(--font-body);max-width:720px;color:var(--color-text-light)}.blog-index-content{padding-block:clamp(70px,8vw,130px)}.blog-featured{margin-bottom:clamp(70px,8vw,120px)}.blog-section-title,.blog-related>h2{border-bottom:1px solid var(--color-line-dark);font:500 clamp(28px,3vw,48px)/1 var(--font-heading);padding-bottom:var(--space-4);margin:0 0 var(--space-5)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,52px) var(--space-4)}.blog-card{min-width:0}.blog-card__image{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--color-ink)}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.blog-card__image:hover img{transform:scale(1.025)}.blog-card__body{padding-top:var(--space-4)}.blog-card__tags,.blog-post-hero__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-card h2{font:500 clamp(25px,2.2vw,38px)/1.04 var(--font-heading);letter-spacing:-.035em;margin:var(--space-3) 0}.blog-card h2 a{color:inherit;text-decoration:none}.blog-card__body>p{color:var(--color-text-subtle-on-light);line-height:1.55}.blog-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-subtle-on-light);font:400 var(--text-xs) var(--font-mono);letter-spacing:.05em;text-transform:uppercase}.blog-post-hero .blog-meta{color:var(--color-text-light)}.blog-meta span+span:before,.blog-meta time+span:before{content:"·";margin-right:var(--space-3)}.blog-card--featured{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:clamp(30px,5vw,80px);align-items:center}.blog-card--featured .blog-card__body{padding:0}.blog-empty{border:1px solid var(--color-line-dark);padding:clamp(35px,6vw,80px)}.blog-empty h2{font:500 clamp(30px,4vw,60px)/1 var(--font-heading);margin-top:0}.blog-post-hero h1{max-width:1000px}.blog-post-hero__updated{color:var(--color-text-muted)!important;font:400 var(--text-xs) var(--font-mono)!important}.blog-post-cover{margin-top:clamp(-55px,-4vw,-30px);position:relative}.blog-post-cover img{display:block;width:100%;max-height:720px;object-fit:cover;aspect-ratio:16/8}.blog-post-layout{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,720px);justify-content:center;gap:clamp(35px,7vw,110px);padding-block:clamp(70px,9vw,140px)}.blog-post-layout--without-toc{grid-template-columns:minmax(0,720px)}.blog-toc{align-self:start;position:sticky;top:calc(var(--header-height) + 24px)}.blog-toc>p{font:500 var(--text-xs) var(--font-mono);text-transform:uppercase}.blog-toc ol{list-style:none;padding:0}.blog-toc li{margin:var(--space-2) 0}.blog-toc__level-3{padding-left:var(--space-3)}.blog-toc a{color:var(--color-text-subtle-on-light);font-size:var(--text-sm);text-decoration:none}.ui-prose{min-width:0;font:400 var(--text-body)/1.75 var(--font-body)}.ui-prose>:first-child{margin-top:0}.ui-prose h2,.ui-prose h3{font-family:var(--font-heading);line-height:1.08;letter-spacing:-.03em;scroll-margin-top:calc(var(--header-height) + 24px)}.ui-prose h2{font-size:clamp(31px,3.1vw,48px);margin:2em 0 .7em}.ui-prose h3{font-size:clamp(24px,2.2vw,34px);margin:1.8em 0 .6em}.ui-prose a{color:inherit;text-decoration-color:var(--color-accent);text-decoration-thickness:3px;text-underline-offset:4px}.ui-prose img{display:block;max-width:100%;height:auto;margin:var(--space-6) 0}.ui-prose blockquote{border-left:5px solid var(--color-accent);margin:var(--space-6) 0;padding:var(--space-2) var(--space-4);font-family:var(--font-heading);font-size:1.15em}.ui-prose code{background:#0a0a0a14;font-family:var(--font-mono);font-size:.88em;padding:.1em .3em}.ui-prose pre{background:var(--color-ink);color:var(--color-white);overflow:auto;padding:var(--space-4)}.ui-prose pre code{background:none;padding:0}.ui-prose__table{overflow-x:auto}.ui-prose table{border-collapse:collapse;min-width:100%}.ui-prose th,.ui-prose td{border:1px solid var(--color-line-dark);padding:var(--space-2);text-align:left}.blog-post-footer{padding-bottom:clamp(80px,10vw,150px)}.blog-related{margin-top:clamp(70px,9vw,130px)}.not-found{min-height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:center;padding-block:120px}.not-found>p{color:var(--color-text-subtle-on-light)}.not-found .ui-arrow-link{align-self:flex-start;margin-top:var(--space-5)}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--featured,.blog-post-layout{grid-template-columns:1fr}.blog-toc{position:static;border-bottom:1px solid var(--color-line-dark)}}@media(max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-index-hero,.blog-post-hero{padding-top:110px}.blog-post-cover{padding-inline:0;margin-top:0}.blog-post-cover img{aspect-ratio:4/3}.blog-meta{gap:var(--space-2)}.blog-meta span+span:before,.blog-meta time+span:before{margin-right:var(--space-2)}}