.post-grid{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.post-card{border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);height:100%;color:inherit;transition:transform var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out), border-color var(--dur-short) linear;grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.post-card:hover{border-color:color-mix(in oklab, var(--ink) 25%, transparent);box-shadow:0 30px 60px -40px color-mix(in oklab, var(--light-2) 70%, transparent);transform:translateY(-3px)}.post-card__cover{aspect-ratio:12/5;object-fit:cover;border-bottom:1px solid var(--rule);background:var(--paper-2);width:100%;height:auto;display:block}.post-card__body{align-content:start;gap:var(--space-sm);padding:var(--space-lg);display:grid}.post-card h2,.post-card h3{font-size:var(--text-lg);letter-spacing:-.02em;font-weight:640;line-height:1.2}.post-card p:not(.label){color:var(--muted);font-size:var(--text-sm);line-height:1.55}.post-head{padding-bottom:var(--space-lg)}.post-head h1{max-width:22ch;font-size:clamp(2.25rem,3.2vw + 1rem,4rem);line-height:1.02}.post-head .lead{max-width:60ch}.crumbs ol{font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px;list-style:none;display:flex}.crumbs li+li:before{content:"/";color:var(--rule);margin-right:6px}.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--ink);text-decoration:underline}.post-meta{flex-wrap:wrap;justify-content:center;gap:4px 14px}.post-meta span+span:before{content:"·";margin-right:14px}.post-cover{max-width:56rem;margin:var(--space-md) auto 0}.post-cover img{aspect-ratio:3;object-fit:cover;border:1px solid var(--rule);border-radius:var(--radius-lg);width:100%;height:auto;box-shadow:0 40px 80px -60px color-mix(in oklab, var(--light-2) 70%, transparent);display:block}.post-body{padding-top:var(--space-2xl);font-size:var(--text-md);line-height:1.7}.post-body>:first-child{margin-top:0}.post-body h2{margin-top:var(--space-3xl);scroll-margin-top:calc(var(--nav-h) + 16px);line-height:1.12}.post-body h3{margin-top:var(--space-xl);scroll-margin-top:calc(var(--nav-h) + 16px)}.post-body p,.post-body ul,.post-body ol,.post-body pre,.post-body table,.post-body blockquote,.post-body figure{margin-top:var(--space-md)}.post-body ol{color:var(--ink-2);padding-left:1.4em}.post-body li::marker{color:var(--muted)}.post-body li>p{margin-top:var(--space-xs)}.post-body strong{color:var(--ink);font-weight:640}.post-body a{color:var(--ink);text-decoration-color:color-mix(in oklab, var(--light-2) 80%, var(--ink));text-decoration-thickness:2px}.post-body a:hover{text-decoration-color:var(--ink)}.post-body :not(pre)>code{border:1px solid var(--rule);background:var(--paper-2);font-family:var(--font-mono);overflow-wrap:anywhere;border-radius:6px;padding:.12em .4em;font-size:.86em}.post-body pre{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;overflow-x:auto}.post-body pre code{font-family:inherit}.post-body blockquote{padding:var(--space-lg);border:1px solid var(--rule);border-left:4px solid var(--light-2);border-radius:var(--radius-md);background:var(--surface)}.post-body blockquote>:first-child{margin-top:0}.post-body blockquote ul{margin-top:var(--space-sm)}.post-body table{border-collapse:collapse;width:100%;font-size:var(--text-sm);line-height:1.5;display:block;overflow-x:auto}.post-body th,.post-body td{border-bottom:1px solid var(--rule);text-align:left;vertical-align:top;padding:10px 14px}.post-body th{color:var(--ink);white-space:nowrap;font-weight:600}.post-body td{color:var(--ink-2)}.post-body hr{margin:var(--space-2xl) 0;border:0;border-top:1px solid var(--rule)}.post-body figure{gap:var(--space-sm);display:grid}.post-body figure svg{width:100%;height:auto}.post-body figure img{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--paper-2);width:100%;height:auto;display:block}.post-body>p>em:only-child{color:var(--muted);font-size:var(--text-sm)}.post-body figcaption{color:var(--muted);font-size:var(--text-sm);text-align:center}.post-cta{isolation:isolate;gap:var(--space-xl);max-width:68ch;margin:var(--space-3xl) auto 0;padding:var(--space-xl);border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid;position:relative;overflow:hidden}.post-cta:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in oklab, var(--light-2) 45%, transparent), transparent);border-radius:50%;position:absolute;inset:-40% 40% -40% -20%}.post-cta h2{margin-top:var(--space-xs);font-size:clamp(1.5rem,1vw + 1.1rem,2rem);line-height:1.1}.post-cta p:not(.label){margin-top:var(--space-sm);color:var(--muted);font-size:var(--text-sm)}.post-more__title{margin-bottom:var(--space-xl);font-size:clamp(1.75rem,1.6vw + 1rem,2.5rem)}@media (width<=64rem){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=40rem){.post-grid{grid-template-columns:minmax(0,1fr)}.post-cta{padding:var(--space-lg);grid-template-columns:minmax(0,1fr)}.post-body h2{margin-top:var(--space-2xl)}}
