.news-card{position:relative;width:clamp(300px,100%,400px);border-radius:1em;padding:1rem;aspect-ratio:1 / .625;background:#222;color:#fff;overflow:hidden;box-shadow:0 4px 12px #0005;opacity:0;transform:scale(.9);transition:opacity .6s ease-out,transform .6s ease-out}.news-card.in-view{opacity:1;transform:scale(1)}.news-card .image{position:absolute;z-index:0;inset:0;width:100%;height:100%}.news-card .image ._image{background-size:cover}.news-card footer{position:absolute;z-index:1;left:0;bottom:0;background:#0008;padding:1em;width:100%;display:grid;grid-template-columns:auto 3em;grid-template-areas:"title icon";gap:.4rem}.news-card footer h3{grid-area:title;font-size:clamp(.8rem,2cqw,1em)!important;font-weight:700;color:#fff!important}.news-card footer .icon{grid-area:icon;place-self:center;align-self:center;font-size:1.4em}.news-cards{width:100%;max-width:var(--width-inner);padding-inline:var(--pad-lr)}.news-cards .cards-container{display:flex;flex-flow:row wrap;flex:1 1 auto;gap:2rem;place-content:center}