@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Syne:wght@600;700;800&display=swap";
.blog-article{--blog-display:"Syne", ui-sans-serif, sans-serif;--blog-body:"IBM Plex Sans", ui-sans-serif, sans-serif;background:var(--background);color:var(--foreground);font-family:var(--blog-body);min-height:100vh}.blog-article__hero{isolation:isolate;align-items:flex-end;min-height:min(56vh,520px);display:flex;position:relative;overflow:hidden}.blog-article__hero-media{z-index:0;background-position:50%;background-size:cover;animation:16s ease-in-out infinite alternate blog-hero-drift;position:absolute;inset:0;transform:scale(1.03)}.blog-article__hero-shade{z-index:1;background:linear-gradient(#0a192f59 0%,#0a192fb8 48%,#0a192ff5 100%);position:absolute;inset:0}.blog-article__hero-inner{z-index:2;width:100%;max-width:48rem;margin:0 auto;padding:4.5rem 1.25rem 2.4rem;position:relative}.blog-article__back{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.blog-article__back:hover{text-decoration:underline}.blog-article__meta{color:var(--muted-foreground);flex-wrap:wrap;gap:.65rem 1rem;margin-bottom:.85rem;font-size:.88rem;display:flex}.blog-article__topic{color:var(--secondary);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.blog-article__title{font-family:var(--blog-display);letter-spacing:-.03em;max-width:18ch;margin:0;font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;line-height:1.12;animation:.85s both blog-rise}.blog-article__body-wrap{max-width:48rem;margin:0 auto;padding:2rem 1.25rem 4.5rem}.blog-article__prose{color:color-mix(in oklab, var(--foreground) 92%, var(--muted-foreground));font-size:1.05rem;line-height:1.75}.blog-article__prose h1,.blog-article__prose h2,.blog-article__prose h3{font-family:var(--blog-display);letter-spacing:-.02em;color:var(--foreground);margin:1.8rem 0 .7rem}.blog-article__prose a{color:var(--primary)}.blog-article__prose img{border:1px solid color-mix(in oklab, var(--border) 80%, transparent);max-width:100%;height:auto;margin:1.25rem 0}.blog-article__state{text-align:center;place-items:center;min-height:60vh;padding:2rem 1rem;display:grid}.blog-article__state h1{font-family:var(--blog-display);margin-bottom:.75rem;font-size:2rem}@keyframes blog-hero-drift{0%{transform:scale(1.03)translate(0,0)}to{transform:scale(1.08)translate(-1.2%,-.8%)}}@keyframes blog-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}