.blog-index,.blog-post{padding-top:64px;padding-bottom:128px}.blog-index-heading{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:56px;display:flex}.blog-index-heading h1{font-size:var(--type-page-hero)}.blog-index-heading p{font-size:var(--text-lead);margin-top:22px}.blog-index-heading>a{flex-shrink:0;margin-bottom:4px}.post-card{min-width:0}.post-card-image{background:var(--hero-bg);display:block;overflow:hidden}.post-card-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;transition:transform .4s}.post-card-image:hover img{transform:scale(1.025)}.post-card-copy{padding-top:28px}.post-card h2 a{color:inherit;text-decoration:none}.post-card h2 a:hover{color:var(--accent)}.post-meta{font-size:var(--text-small);color:var(--text-muted);flex-wrap:wrap;gap:4px 12px;line-height:1.7;display:flex}.post-meta>span{align-items:center;gap:12px;display:inline-flex}.post-card .post-meta{margin-top:20px}.post-card-copy>p:not(.post-meta){max-width:58ch;margin-top:20px}.post-card-copy>.text-link{margin-top:24px}.post-featured{background:var(--hero-bg);color:var(--hero-heading);grid-template-columns:.9fr 1.1fr;display:grid}.post-featured .post-card-image{grid-area:1/2;height:100%}.post-featured .post-card-image img{object-fit:cover;height:100%;min-height:450px}.post-featured .post-card-copy{grid-area:1/1;align-self:center;padding:clamp(28px,3.6vw,56px)}.post-featured .post-card-copy>p{color:var(--hero-text)}.post-featured .post-meta{color:var(--stack-muted)}.post-featured .text-link,.post-featured h2 a:hover{color:var(--industry-apricot)}.post-featured .pixel-icon{background-image:var(--icon-light)}.blog-feed{margin-top:48px}.blog-related{margin-top:96px}.blog-related>h2{margin-bottom:40px}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 48px;display:grid}.blog-post{--blog-reading-width:760px;--blog-artwork-width:1120px}.blog-back{max-width:var(--blog-reading-width);margin:0 auto 32px}.back-arrow{transform:rotate(180deg)}.post-heading{max-width:var(--blog-reading-width);margin:0 auto 48px}.post-heading h1{font-size:var(--type-page-hero);text-wrap:balance}.post-heading .post-meta{margin-top:28px}.post-cover{width:100%;max-width:var(--blog-artwork-width);aspect-ratio:16/9;object-fit:cover;background:var(--hero-bg);height:auto;margin-inline:auto}.post-reading-layout{grid-template-columns:minmax(0, 1fr) minmax(0, var(--blog-reading-width)) minmax(0, 1fr);align-items:start;gap:40px;margin-top:64px;display:grid}.post-body{overflow-wrap:break-word;grid-column:2;min-width:0}.post-body .post-intro{font-family:var(--serif);font-size:var(--text-title);color:var(--text-primary);margin-bottom:40px;line-height:1.6}.post-body>:is(p,ul,ol){color:var(--text-primary);line-height:1.85}.post-body>:is(h2,h3){margin-top:48px}.post-body img{height:auto}.post-body :not(pre)>code{overflow-wrap:anywhere;background:var(--surface-inset);padding:2px 4px;font-size:.9em}.post-body pre{max-width:100%}.post-sidebar{grid-area:1/1;position:sticky;top:40px}.post-sidebar nav>p{font-size:var(--text-small);color:var(--text-primary);margin-bottom:18px}.post-sidebar ul{font-size:var(--text-small);margin:0}.post-sidebar li+li{margin-top:16px}.post-sidebar a{color:var(--text-muted);text-decoration:none}.post-sidebar a:hover{color:var(--accent)}.post-end{border-top:1px solid var(--border);font-size:var(--text-small);color:var(--text-muted);justify-content:space-between;align-items:center;gap:24px;margin-top:56px;padding-top:24px;display:flex}@media (width<=1100px){.post-reading-layout{grid-template-columns:minmax(0, var(--blog-reading-width));justify-content:center}.post-body{grid-column:1}.post-sidebar{display:none}.post-featured{grid-template-columns:1fr 1fr}.post-featured .post-card-image img{min-height:420px}}@media (width<=760px){.blog-index,.blog-post{padding-top:32px;padding-bottom:80px}.blog-index-heading{margin-bottom:32px;display:block}.blog-index-heading>a{margin-top:24px}.post-featured{flex-direction:column;display:flex}.post-featured .post-card-image img{height:auto;min-height:0}.post-featured .post-card-copy{padding:28px}.post-grid{grid-template-columns:1fr;gap:48px}.blog-related{margin-top:64px}.post-heading h1{font-size:var(--type-page-hero)}.blog-back,.post-heading{margin-bottom:32px}.post-reading-layout{gap:0;margin-top:40px}}