.top-headlines-section{flex-direction:column;gap:1.5rem;display:flex}.top-headlines-section .hero-main.article-card{border-radius:var(--radius-md);width:100%;min-height:450px;position:relative;overflow:hidden}.top-headlines-section .hero-main img{object-fit:cover;width:100%;height:100%}.top-headlines-section .hero-main .article-content{color:#fff;background:linear-gradient(#0000,#090d16f2);padding:3rem 2rem 2rem;position:absolute;bottom:0;left:0;right:0}.top-headlines-section .hero-main h2{color:#fff;text-shadow:0 2px 4px #00000080;margin-top:.5rem;font-size:2.5rem;font-weight:800;line-height:1.3}.top-headlines-section .hero-side-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.top-headlines-section .article-card.small{background-color:var(--primary);border-radius:var(--radius-md);border:1px solid var(--primary-light);flex-direction:column;display:flex;overflow:hidden}.top-headlines-section .article-card.small .image-wrapper{height:140px;overflow:hidden}.top-headlines-section .article-card.small img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.top-headlines-section .article-card.small:hover img{transform:scale(1.05)}.top-headlines-section .article-card.small .article-content{padding:1rem}.top-headlines-section .article-card.small h3{font-size:1rem;font-weight:600;line-height:1.4}@media (max-width:1024px){.top-headlines-section .hero-side-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.top-headlines-section .hero-side-grid{grid-template-columns:1fr}}