:root.js .card-grid :is(.card-grid__content,.card-grid__item){opacity:0}.card-grid__content{margin-block-end:var(--space-normal);padding-inline:1rem}@media(min-width:768px){.card-grid__content{padding-inline:3rem}}.card-grid__cards{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:768px){.card-grid__cards{grid-template-columns:repeat(6,1fr)}}@media(min-width:1200px){.card-grid__cards{grid-template-columns:repeat(12,1fr)}}.card-grid__item{--columns:3}.card-grid__item .colored-media-card__body{aspect-ratio:16/9}@media(min-width:768px){.card-grid__item{grid-column:auto/span var(--columns)}}@media(min-width:1200px){.card-grid__item .colored-media-card__body{aspect-ratio:1}}