@layer cards{.cards{display:flex;flex-wrap:wrap;gap:var(--base-gap);grid-column:content-start / content-end;justify-content:center}.card{--body-color:var(--white);--link-color:var(--body-color);--link-hover-color:var(--white);--link-decoration:none;--link-hover-decoration:none;background:var(--light);position:relative;align-items:flex-end;display:grid;width:clamp(var(--card-width-min), var(--card-width-default), 100%);border-radius:1rem;overflow:hidden}.card>.image{aspect-ratio:var(--aspect-ratio);width:100%;pointer-events:none;grid-column:1;grid-row:1;position:relative}.card>.image::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay);z-index:2}.card>.image img{transition:var(--transition-default);width:100%;height:100%;object-fit:cover;z-index:1;border-radius:1rem}.card:focus>.image img,.card:hover>.image img{transform:scale(1.2)}.card .content{text-shadow:0 .1rem .2rem var(--overlay);grid-column:1;grid-row:1;padding:1rem;z-index:2;text-align:center}}