.collection-card{aspect-ratio:3/2;border-radius:24px;position:relative;overflow:hidden}.collection-card__content{inline-size:calc(100% - var(--gap-spacing)*2);block-size:calc(100% - var(--gap-spacing)*2);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.collection-card__content-description{padding:calc(var(--gap-spacing)/2)var(--gap-spacing);background:#0006;border-radius:16px}.collection-card__content-description h4{text-align:start;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:clamp(1rem,.231vw + .94rem,1.125rem);display:-webkit-box;overflow:hidden}.collection-card__content-description p{color:var(--brown-200);margin-right:var(--gap-spacing);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media screen and (min-width:700px){.collection-card__content-description p{margin-right:calc(var(--gap-spacing)/2)}}.collection-card__content-description .date-with-icons__date{font-weight:700}.collection-card__arrow{right:calc(var(--gap-spacing)/2);bottom:calc(var(--gap-spacing)/2);color:var(--brown-200);transition:all .3s ease-in-out;position:absolute;transform:scale(1)}.collection-card:hover .collection-card__arrow{color:var(--brown-600)}.collection-card:hover{box-shadow:0 2px 4px #0000000d}
.collection-filter-results{gap:var(--gap-spacing);grid-template-columns:1fr;display:grid}@media screen and (min-width:700px){.collection-filter-results{grid-template-columns:1fr 1fr}}