.blog-head{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:1.5rem 4rem}.site .blog-head .page-title{font-size:clamp(4rem,11vw,8.5rem);line-height:.92}.blog-head .page-lead{margin:0 0 .6rem;justify-self:end;max-width:44ch}.topics{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:clamp(2rem,4vw,3rem)}.topic{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;border-radius:var(--r-pill);border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--muted);font-weight:500;font-size:.875rem;transition:color .3s,background-color .3s,border-color .3s,box-shadow .3s}.topic .icon{font-size:1rem}.topic:hover{color:var(--text);background:var(--surface-2)}.topic[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 12px 28px -10px #7c3aed99}.posts{padding-bottom:clamp(4rem,8vw,6.5rem)}.post-featured{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(to bottom right,var(--card-a),var(--card-b));transition:border-color .5s,transform .3s ease}.post-featured:hover{border-color:#8b5cf680;transform:translateY(-6px)}.post-featured .cover{min-height:340px}.post-featured .cover .icon{font-size:5rem}.post-featured:hover .cover .icon{transform:scale(1.08) rotate(-4deg)}.post-featured .post-body{padding:clamp(1.75rem,3.5vw,3rem);display:grid;align-content:center;gap:1.1rem}.site .post-featured h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.08}.post-featured .post-body>p{color:var(--muted);font-size:1.05rem}.read-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--accent-ink);font-weight:600;margin-top:.4rem;transition:gap .3s var(--ease)}.post-featured:hover .read-more{gap:.8rem}.posts-label{display:flex;align-items:center;gap:1rem;margin:clamp(3.5rem,6vw,5rem) 0 1.75rem;color:var(--muted);font-size:.95rem}.posts-label:after{content:"";flex:1;height:1px;background:var(--line)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.post-card{position:relative;display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line-strong);background:linear-gradient(to bottom right,var(--card-a),var(--card-b));transition:transform .3s ease,border-color .5s}.post-card:hover{transform:translateY(-8px);border-color:#8b5cf680}.post-card .cover{height:192px}.post-card:hover .cover .icon{transform:scale(1.12) rotate(-4deg)}.post-arrow{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(to top,rgba(76,29,149,.8),rgba(49,46,129,.4),transparent);opacity:0;transition:opacity .3s}.post-arrow span{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:1.5rem;transform:scale(.75);transition:transform .3s}.post-card:hover .post-arrow{opacity:1}.post-card:hover .post-arrow span{transform:scale(1)}.post-card .post-body{flex:1;display:flex;flex-direction:column;gap:.6rem;padding:1.25rem}.site .post-card h3{font-size:1.25rem;transition:color .3s}.post-card:hover h3{color:#a78bfa}.post-card .post-body>p{color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .badges{margin-top:auto;padding-top:.5rem}.post-link:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}.pager{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:3rem}.pager a,.pager span{min-width:44px;height:44px;padding:0 .9rem;display:inline-grid;place-items:center;border-radius:var(--r-pill);border:1px solid var(--line-strong);color:var(--muted);font-weight:500;transition:color .2s,border-color .2s,background-color .2s}.pager a:hover{color:var(--text);border-color:var(--accent-ink);background:var(--accent-soft)}.pager [aria-current]{background:var(--accent);border-color:var(--accent);color:#fff}.pager .is-disabled{opacity:.4}.blog-cta{margin-top:clamp(4rem,8vw,6rem)}@media(max-width:960px){.blog-head{grid-template-columns:1fr}.blog-head .page-lead{justify-self:start;margin:0}.post-featured{grid-template-columns:1fr}.post-featured .cover{min-height:220px}.post-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:639px){.post-grid{grid-template-columns:1fr}.topics{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:0 var(--gutter) .25rem;scrollbar-width:none}.topics::-webkit-scrollbar{display:none}.topic{flex:none}}.post-featured[hidden],.post-card[hidden],.posts-label[hidden]{display:none}.posts-empty{color:var(--muted);text-align:center;padding:3rem 0}