.collection-tiles{max-width:1400px;margin:0 auto;padding:80px 24px}.collection-tiles__header{text-align:center;margin-bottom:52px}.collection-tiles__eyebrow{font-size:11px;letter-spacing:3.5px;text-transform:uppercase;color:#8a8a8a;margin-bottom:14px;font-weight:600}.collection-tiles__heading{font-size:34px;line-height:1.2;color:#111;font-weight:400;margin:0 0 14px}.collection-tiles__subheading{font-size:16px;color:#666;margin:0;font-weight:400}.collection-tiles__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.collection-tile{display:block;text-decoration:none;position:relative;opacity:0;transform:translateY(20px);animation:tileFadeIn .7s ease forwards}.collection-tile:nth-child(1){animation-delay:.05s}.collection-tile:nth-child(2){animation-delay:.15s}.collection-tile:nth-child(3){animation-delay:.25s}.collection-tile:nth-child(4){animation-delay:.35s}.collection-tile:nth-child(5){animation-delay:.45s}.collection-tile:nth-child(6){animation-delay:.55s}.collection-tile:nth-child(7){animation-delay:.65s}.collection-tile:nth-child(8){animation-delay:.75s}@keyframes tileFadeIn{to{opacity:1;transform:translateY(0)}}.collection-tile__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:#111}.collection-tile__image{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1);filter:grayscale(8%)}.collection-tile:hover .collection-tile__image,.collection-tile:focus-visible .collection-tile__image{transform:scale(1.06)}.collection-tile__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000 35%,#0009);transition:background .4s ease}.collection-tile:hover .collection-tile__overlay,.collection-tile:focus-visible .collection-tile__overlay{background:linear-gradient(to bottom,#0000000d 20%,#000000b3)}.collection-tile__caption{position:absolute;bottom:26px;left:0;right:0;text-align:center;z-index:2;padding:0 12px}.collection-tile__title{display:block;color:#fff;font-size:18px;letter-spacing:2.5px;text-transform:uppercase;font-weight:500}.collection-tile__cta{display:inline-block;margin-top:8px;color:#fff;font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;position:relative;padding-bottom:3px}.collection-tile__cta:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:center;transition:transform .35s ease}.collection-tile:hover .collection-tile__cta,.collection-tile:focus-visible .collection-tile__cta{opacity:1;transform:translateY(0)}.collection-tile:hover .collection-tile__cta:after,.collection-tile:focus-visible .collection-tile__cta:after{transform:scaleX(1)}.collection-tile:focus-visible{outline:2px solid #111111;outline-offset:3px}@media screen and (max-width:989px){.collection-tiles__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:749px){.collection-tiles{padding:52px 16px}.collection-tiles__heading{font-size:26px}.collection-tiles__subheading{font-size:14px}.collection-tiles__grid{gap:12px}.collection-tile__title{font-size:15px;letter-spacing:2px}.collection-tile__cta{opacity:1;transform:translateY(0);font-size:10px}}@media(prefers-reduced-motion:reduce){.collection-tile{opacity:1;transform:none;animation:none}.collection-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-custom-collection-tiles.css.map */