.blog-preview{background:var(--white)}.blog-preview-header{text-align:center;margin-bottom:3rem}.blog-preview-header .section-subtitle{margin-inline:auto}.blog-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--slate-100);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-image-wrap{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--slate-100)}.blog-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.blog-card-image-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:var(--brand-cyan-50)}.blog-card-category{position:absolute;top:.75rem;left:.75rem;background:rgba(255,255,255,.95);color:var(--brand-navy-700);font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:999px}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem}.blog-card-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;font-size:.8125rem;color:var(--slate-400);margin-bottom:.625rem}.blog-card-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:600;color:var(--brand-navy-900);line-height:1.35;margin-bottom:.5rem}.blog-card-summary{font-size:.9rem;color:var(--slate-500);line-height:1.55;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-link{margin-top:auto;font-size:.875rem;font-weight:600;color:var(--brand-cyan-600)}.blog-card-skeleton{min-height:320px;background:linear-gradient(90deg,var(--slate-100) 25%,var(--slate-50) 50%,var(--slate-100) 75%);background-size:200% 100%;animation:blog-skeleton 1.2s ease-in-out infinite}@keyframes blog-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-preview-empty{text-align:center;color:var(--slate-500);padding:2rem 0}.blog-preview-empty a{color:var(--brand-cyan-600);font-weight:600}.blog-preview-footer{display:flex;justify-content:center;margin-top:2.5rem}@media (max-width:900px){.blog-preview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-preview-grid{grid-template-columns:1fr}}