.blog-section{padding-bottom:112px;padding-top:112px}@media (min-width:1024px){.blog-section{padding-bottom:144px;padding-top:144px}}.blog-overline{color:var(--bi-blue-light);font-size:14px;font-weight:500;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.blog-headline{color:var(--bi-white);font-size:clamp(32px,4vw,60px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.blog-grid{display:grid;gap:24px;margin-top:64px}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{border-radius:16px;cursor:pointer;display:block;height:416px;overflow:hidden;position:relative;text-decoration:none;transition:box-shadow .3s ease}.blog-card:hover{box-shadow:0 20px 60px rgba(0,0,255,.1)}.blog-card__image{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .5s ease;width:100%}.blog-card:hover .blog-card__image{transform:scale(1.05)}.blog-card__overlay{background:rgba(19,19,21,.5);inset:0;position:absolute;transition:background .3s ease}.blog-card:hover .blog-card__overlay{background:rgba(19,19,21,.7)}.blog-card__top{align-items:center;display:flex;gap:8px;left:24px;position:absolute;top:24px;z-index:1}.blog-card__category{backdrop-filter:blur(8px);background:rgba(0,0,255,.2);border:1px solid rgba(0,0,255,.3);border-radius:9999px;color:var(--bi-white);display:inline-flex;font-size:12px;font-weight:500;padding:4px 12px}.blog-card__read-time{color:hsla(0,0%,98%,.5);font-size:12px}.blog-card__bottom{bottom:24px;left:24px;position:absolute;right:24px;z-index:1}.blog-card__title{color:var(--bi-white);font-size:20px;font-weight:700;line-height:1.3}@media (min-width:768px){.blog-card__title{font-size:24px}}.blog-card__cta{align-items:center;color:var(--bi-blue-light);display:inline-flex;font-size:14px;font-weight:500;gap:4px;margin-top:12px;transition:color .3s ease}.blog-card:hover .blog-card__cta{color:var(--bi-white)}.blog-card__cta svg{transition:transform .3s ease}.blog-card:hover .blog-card__cta svg{transform:translateX(4px)}.blog-all-link{margin-top:48px;text-align:center}.blog-all-link__anchor{align-items:center;color:var(--bi-blue-light);display:inline-flex;font-size:16px;font-weight:500;gap:8px;text-decoration:none;transition:color .3s ease}.blog-all-link__anchor:hover{color:var(--bi-white)}.blog-all-link__anchor svg{transition:transform .3s ease}.blog-all-link__anchor:hover svg{transform:translateX(4px)}