.news-section{height:100%;max-width:1500px;margin:15vh auto 0;display:grid;grid-gap:var(--space-small)}h1{grid-column:1/5}.rows{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;padding-left:20px;padding-right:20px}.news-grid{display:flex;flex-direction:column;grid-column:1/5;grid-gap:var(--space-small)}.news-card{overflow:hidden;position:relative;display:flex;flex-direction:column}.news-image,.news-video{width:100%;aspect-ratio:16 / 9;overflow:hidden}.news-image img,.news-video video{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.news-info{position:absolute;z-index:1;top:50%;left:30px;transform:translateY(-30px);opacity:0;color:var(--light-color);transition:all .3s ease-in-out}.news-info h2{text-transform:uppercase;letter-spacing:2px}.news-image:before,.news-video:before{content:"";opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;transition:all .5s}@media (hover: hover) and (pointer: fine){.news-card:hover .news-image img,.news-card:hover .news-image video{transform:scale(1.05)}.news-card:hover .news-image:before,.news-card:hover .news-video:before{content:"";opacity:1;background-color:#000000a6;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}.news-card:hover .news-info{transform:translateY(0);opacity:1}}@media all and (orientation: portrait){.news-info{padding:5px 0}.news-video,.news-image{aspect-ratio:1 / 1}}@media all and (orientation: portrait) and (max-width: 760px){.news-info h2{letter-spacing:1px}}@media (hover: none){.news-info{position:static;z-index:1;top:auto;left:auto;transform:none;opacity:1;color:var(--text-color)}}