.collection-grid{margin-left:auto;margin-right:auto;max-width:1600px;padding:3rem 1.25rem;width:100%}@media (min-width:768px){.collection-grid{padding:4rem 2.5rem}}.collection-grid__title{font-size:1.5rem;font-weight:500;letter-spacing:-.025em;line-height:2rem;margin-bottom:1.5rem}@media (min-width:768px){.collection-grid__title{font-size:1.875rem;line-height:2.25rem;margin-bottom:2rem}}.collection-grid__grid{display:grid;gap:1rem}@media (min-width:768px){.collection-grid__grid{gap:1.5rem}}.collection-grid__grid{grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.collection-grid__grid{grid-template-columns:repeat(4,1fr)}}.collection-tile{display:block;overflow:hidden;position:relative;--tw-bg-opacity:1;aspect-ratio:4/5;background-color:rgb(251 248 243/var(--tw-bg-opacity,1))}.collection-tile__img{background-position:50%;background-size:cover;inset:0;position:absolute;transition-duration:.7s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.22,1,.36,1)}.collection-tile:hover .collection-tile__img{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.collection-tile__label{bottom:0;font-size:.875rem;left:0;letter-spacing:.14em;line-height:1.25rem;padding:1.25rem;position:absolute;right:0;text-transform:uppercase;--tw-text-opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.45),transparent);color:rgb(255 255 255/var(--tw-text-opacity,1))}