.blog-section{background:transparent;padding:2rem 1.5rem}@media (min-width: 768px){.blog-section{padding:3rem 2rem}}@media (min-width: 1024px){.blog-section{padding:4rem 3rem}}.blog-header{text-align:center;margin-bottom:2.5rem}@media (min-width: 768px){.blog-header{margin-bottom:4rem}}.blog-headline{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.blog-subtext{color:#ffffffb3;font-size:1.125rem}.blog-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1.5rem}@media (min-width: 640px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.75rem}}@media (min-width: 1024px){.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.blog-card{background:#082140;border-radius:1rem;overflow:hidden;transition:transform .3s ease;border:1px solid hsl(0 0% 100% / .05)}.blog-card:hover{transform:translateY(-5px)}.blog-image{aspect-ratio:16/10;background:#0a2a52;display:flex;align-items:center;justify-content:center;border-bottom:1px solid hsl(0 0% 100% / .05);overflow:hidden;transition:transform .5s ease}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-placeholder{color:#ffffff4d;font-size:.875rem}.blog-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.blog-content{padding:1.25rem}@media (min-width: 768px){.blog-content{padding:1.5rem}}.blog-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem}.blog-category{color:#fd6a49;font-weight:500}.blog-divider{color:#ffffff4d}.blog-time{color:#ffffff80}.blog-title{font-size:1.125rem;font-weight:600;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-excerpt{color:#ffffffb3;font-size:.9375rem;line-height:1.6;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-link{display:inline-flex;align-items:center;gap:.5rem;color:#fd6a49;font-size:.875rem;font-weight:500;background:none;border:none;cursor:pointer;transition:gap .3s ease}.blog-link:hover{gap:.75rem}