.blog-archive{min-height:60vh;padding-top:80px}.blog-archive__inner{max-width:1100px;padding:var(--sp-8) var(--sp-5) var(--sp-9);margin:0 auto}.blog-archive__inner h1{margin-bottom:var(--sp-3);font-size:clamp(1.75rem,5vw,2.5rem)}.blog-archive__intro{color:var(--text-body);max-width:640px;margin-bottom:var(--sp-7)}.blog-archive__grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.blog-card{border-radius:var(--radius-xl);background:var(--white);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover,.blog-card:focus-visible{box-shadow:var(--shadow-md);transform:translateY(-4px)}.blog-card__image{aspect-ratio:16/9;object-fit:cover;background:var(--off-white);width:100%;display:block}.blog-card__body{padding:var(--sp-5);gap:var(--sp-2);flex-direction:column;flex:1;display:flex}.blog-card__title{color:var(--text-dark);margin:0;font-size:1.1rem}.blog-card__excerpt{color:var(--text-body);flex:1;margin:0;font-size:.9rem;line-height:1.6}.blog-card__meta{gap:var(--sp-3);color:var(--brand-teal-text);margin:0;font-size:.8rem;display:flex}.blog-card--skeleton{box-shadow:var(--shadow-sm);padding:0}.blog-card__skeleton-image{aspect-ratio:16/9;background:var(--off-white);width:100%}.blog-card__skeleton-line{height:14px;margin:var(--sp-2) var(--sp-5);border-radius:var(--radius-xs);background:var(--off-white)}.blog-card__skeleton-line--title{height:20px;margin-top:var(--sp-5);width:70%}.blog-card__skeleton-line--short{width:40%;margin-bottom:var(--sp-5)}.blog-archive__state{align-items:flex-start;gap:var(--sp-4);color:var(--text-body);padding:var(--sp-7) 0;flex-direction:column;display:flex}.blog-archive__retry-btn{border:1px solid var(--brand-blue);color:var(--brand-blue);border-radius:var(--radius-pill);padding:var(--sp-2) var(--sp-5);background:0 0;font-weight:600}.blog-archive__home-link{color:var(--brand-blue);font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:reduce){.blog-card{transition:none}}