.topic-grid{gap:var(--spacing-normal);flex-flow:wrap;list-style:none;display:flex;& .topic-grid__item{flex:1;min-width:min(24rem,100%)}}.topic-card{background:var(--deep);min-height:24rem;color:var(--paper);flex-direction:column;flex:1;display:flex;position:relative;& .topic-card__image{--img-height:100%;--img-aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}& .topic-card__overlay{background:linear-gradient(to top, var(--deep), transparent);width:100%;height:100%;position:absolute;inset:0}& .topic-card__text{padding:var(--spacing-normal);gap:var(--spacing-normal);z-index:1;flex-direction:column;margin-top:auto;display:flex}}