.blog.svelte-u4k2t{padding-top:2.5rem}.intro.svelte-u4k2t{max-width:42rem;margin-bottom:2rem}h1.svelte-u4k2t{font-family:var(--font-display);margin:0 0 .65rem;font-size:clamp(1.9rem,3.2vw,2.6rem);line-height:1.15}.lede.svelte-u4k2t{color:var(--color-muted);margin:0;font-size:1.05rem}.grid.svelte-u4k2t{grid-template-columns:1fr;gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=720px){.grid.svelte-u4k2t{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem}}@media (width>=1024px){.grid.svelte-u4k2t{grid-template-columns:repeat(3,minmax(0,1fr))}}.card.svelte-u4k2t{background:var(--color-surface,#fff);border:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);border-radius:.85rem;flex-direction:column;height:100%;transition:border-color .18s,transform .18s;display:flex;overflow:hidden}.card.svelte-u4k2t:hover{border-color:color-mix(in srgb, var(--color-primary) 35%, transparent);transform:translateY(-2px)}.media.svelte-u4k2t{aspect-ratio:4/3;background:var(--color-primary-light);display:block;overflow:hidden}.media.svelte-u4k2t img:where(.svelte-u4k2t),.media-fallback.svelte-u4k2t{object-fit:cover;width:100%;height:100%;transition:transform .32s;display:block}.card.svelte-u4k2t:hover .media:where(.svelte-u4k2t) img:where(.svelte-u4k2t){transform:scale(1.03)}.media-fallback.svelte-u4k2t{background:linear-gradient(145deg, var(--color-primary-light), color-mix(in srgb, var(--color-primary) 18%, #fff))}.body.svelte-u4k2t{flex-direction:column;flex:1;gap:.65rem;padding:1.1rem 1.15rem 1.25rem;display:flex}h2.svelte-u4k2t{font-family:var(--font-display);margin:0;font-size:1.15rem;line-height:1.3}h2.svelte-u4k2t a:where(.svelte-u4k2t){color:var(--color-ink);text-decoration:none}h2.svelte-u4k2t a:where(.svelte-u4k2t):hover{color:var(--color-primary)}.excerpt.svelte-u4k2t{color:var(--color-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.95rem;line-height:1.55;display:-webkit-box;overflow:hidden}.more.svelte-u4k2t{color:var(--color-primary);align-self:flex-start;align-items:center;min-height:44px;margin-top:.25rem;font-weight:650;text-decoration:none;display:inline-flex}.more.svelte-u4k2t:hover{color:var(--color-primary-dark);text-decoration:underline}.sr-only.svelte-u4k2t{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
