.blog-grid{padding-block:var(--section-pad)}.blog-grid__featured{margin-bottom:var(--sp-12)}.blog-card--featured{border-bottom-width:2px!important}.blog-card--featured .blog-card__title{font-size:clamp(1.5rem,3vw,2.25rem);max-width:24ch}.blog-card--featured .blog-card__excerpt{font-size:1rem;max-width:68ch}.blog-grid__list{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media (min-width:640px){.blog-grid__list{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid__list{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--surface-1);border:1px solid var(--paper-faint);border-radius:var(--r-md);transition:border-color var(--dur-base) var(--ease),transform var(--dur-base) var(--ease)}.blog-card:hover{border-color:var(--accent);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}.blog-card:hover{transform:none}}.blog-card__link{display:flex;flex-direction:column;gap:var(--sp-4);padding:var(--sp-8);text-decoration:none;color:inherit;height:100%}.blog-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.blog-card__cat{display:inline-block;font-family:var(--font-mono);font-size:var(--type-micro);letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-text);border:1px solid var(--accent);border-radius:var(--r-sm);padding:2px var(--sp-3)}.blog-card__read-time{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);letter-spacing:0.05em;flex-shrink:0}.blog-card__title{font-family:var(--font-display);font-size:var(--type-h3);font-weight:600;letter-spacing:-0.015em;color:var(--paper);line-height:1.3}.blog-card__excerpt{font-size:var(--type-small);line-height:1.65;color:var(--paper-dim);flex:1}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-4);border-top:1px solid var(--paper-faint);margin-top:auto}.blog-card__author{font-family:var(--font-body);font-size:var(--type-small);font-weight:500;color:var(--paper)}.blog-card__date{font-family:var(--font-mono);font-size:var(--type-micro);color:var(--paper-dim);letter-spacing:0.05em}@media (max-width:480px){.blog-card__link{padding:var(--sp-5)}}