.blog-section{background-color:var(--color-cold-dark-light);padding:4rem 1.5rem}.blog__list{max-width:1200px;margin:0 auto}.blog__title{font-size:2.5rem;font-weight:500;text-align:center;color:#120806;margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:var(--transition);display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}.blog-card__image-placeholder{position:relative;width:100%;height:250px;background-color:var(--grey-10);overflow:hidden}.blog__img{width:100%;height:100%;object-fit:cover}.blog-card__video-tag{position:absolute;bottom:10px;right:10px;background:var(--color-primary);color:white;font-size:var(--font-size-xs);font-weight:600;padding:4px 8px;border-radius:var(--radius-sm)}.blog-card__details{padding:var(--spacing-3);display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.blog-card__meta{font-size:var(--font-size-sm);color:var(--grey-50);font-weight:500;margin-bottom:.5rem}.blog-card__title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-shade);line-height:var(--line-height-sm);margin-bottom:var(--spacing-1)}.blog-card__title:hover{color:var(--color-secondary)}.blog-card__description{font-size:var(--font-size-md);color:var(--grey-75);line-height:var(--line-height-md);flex-grow:1}.blog-card__read-more{margin-top:var(--spacing-2);font-size:var(--font-size-md);font-weight:600;color:var(--color-secondary);display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;transition:color .3s ease}.blog-card__read-more:hover{color:var(--color-primary)}@media (max-width:768px){.blog-card__image-placeholder{height:200px}.blog-card__title{font-size:var(--font-size-md)}.blog-card__description{font-size:var(--font-size-sm)}}@media (max-width:1024px){.blog-grid{gap:1.5rem}.blog__title{font-size:2.5rem}}@media (max-width:768px){.blog-section{padding:2rem 1rem}.blog__title{font-size:2rem;margin-bottom:1.5rem}}@media (max-width:480px){.blog__title{font-size:1.75rem}}