.collection-tile{position:relative;overflow:hidden;border-radius:8px;cursor:pointer;display:block;text-decoration:none;background-color:var(--ps-black);width:100%;aspect-ratio:3 / 4;min-height:200px;isolation:isolate}.collection-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000000d,#0000 35% 60%,#00000059);z-index:1;transition:opacity .45s ease;pointer-events:none}.collection-tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#0000000d,#0000 35% 60%,#00000059);pointer-events:none}.collection-tile-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.25,.46,.45,.94)!important;transform:scale(1.01) translateZ(0);display:block;will-change:transform;backface-visibility:hidden;filter:saturate(.9) contrast(1.02) brightness(.82)}.collection-tile:hover .collection-tile-image,.collection-tile-image:hover{transform:scale(1.05) translateZ(0);filter:saturate(.95) contrast(1.05) brightness(.88)}.collection-tile:hover:after{opacity:.82}.collection-tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:flex-end;justify-content:center;padding:1.25rem;box-sizing:border-box;pointer-events:none}.collection-tile-title{color:var(--ps-white);font-family:var(--h3-font);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.03em;text-transform:uppercase;margin:0;line-height:.92;text-align:center;text-wrap:balance;transition:transform .35s ease,letter-spacing .35s ease}.collection-tile-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,#38383866,#38383800 28%),linear-gradient(180deg,var(--ps-black) 0%,#111317 100%);display:flex;align-items:center;justify-content:center;color:#ffffffb8;font-size:.9rem;text-align:center;padding:20px;box-sizing:border-box}.collection-tile:hover .collection-tile-title{transform:translateY(10%);letter-spacing:.05em}@media(min-width:769px){.featured-collections-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.collection-tile-overlay{padding:1.75rem}.collection-tile-title{transform:translateY(16%)}.collection-tile:hover .collection-tile-title{transform:translateY(14%)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-featured-collections.css.map */