.blog-page{min-height:100vh;background:var(--color-bg);color:var(--color-text);padding-bottom:2rem}.blog-page__header{max-width:1100px;margin:0 auto 2.5rem;padding:3rem 1.5rem 0}.blog-page__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text);margin-bottom:.5rem}.blog-page__subtitle{font-size:1.125rem;color:var(--color-text-muted)}.blog-page__grid{max-width:1100px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;justify-items:center}@media screen and (min-width:640px){.blog-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));justify-items:stretch}}.blog-page__grid>*{min-width:0;width:100%;max-width:22rem}@media screen and (min-width:640px){.blog-page__grid>*{max-width:none}}.blog-page__empty{max-width:1100px;margin:0 auto;padding:0 1.5rem;color:var(--color-text-muted)}.blog-card{display:flex;flex-direction:column;gap:.75rem;height:100%;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.blog-card:hover .blog-card__link{color:var(--color-accent-strong)}.blog-card:hover .blog-card__image{transform:scale(1.04)}.blog-card__image-wrap{position:relative;flex-shrink:0;aspect-ratio:16/9;overflow:hidden;background:var(--color-accent-tint);border-radius:.625rem}.blog-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.blog-card__pin{position:absolute;top:.625rem;left:.625rem;z-index:1;padding:.2rem .5rem;border-radius:.375rem;background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text)}.blog-card__pin-inline{font-weight:600;color:var(--color-accent)}.blog-card__meta{font-size:.85rem;color:var(--color-text-muted)}.blog-card__title{font-size:1.15rem;line-height:1.4;color:var(--color-text)}@media screen and (min-width:640px){.blog-card__title{min-height:2.8em}}.blog-card__excerpt{flex:1 1;font-size:.95rem;line-height:1.6;color:var(--color-text-muted)}.blog-card__link{font-size:.9rem;font-weight:600;color:var(--color-accent);transition:color .2s ease}