.sr-tiles{display:grid;gap:var(--sr-tiles-gap, 2.4rem);grid-template-columns:1fr}@media screen and (min-width:750px){.sr-tiles--2{grid-template-columns:repeat(2,1fr)}.sr-tiles--3{grid-template-columns:repeat(3,1fr)}.sr-tiles--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:990px){.sr-tiles--4{grid-template-columns:repeat(4,1fr)}}.sr-tile{position:relative;display:block;overflow:hidden;color:#fff;text-decoration:none;background-color:rgb(var(--color-foreground),.06)}.sr-tile__media{position:relative;display:block;width:100%;aspect-ratio:var(--sr-tile-ratio, 4 / 3)}.sr-tile__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sr-tile:hover .sr-tile__media img{transform:scale(1.04)}.sr-tile__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--sr-tile-overlay, .45)),rgba(0,0,0,calc(var(--sr-tile-overlay, .45) * .55)) 38%,#0000 72%)}.sr-tile__content{position:absolute;inset-inline:0;bottom:0;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:clamp(1.6rem,.8rem + 1.6vw,3.2rem);text-align:left}.sr-tile--center .sr-tile__content{align-items:center;text-align:center}.sr-tile--middle .sr-tile__content{top:0;justify-content:center}.sr-tile__content{text-shadow:0 1px 3px rgba(0,0,0,.45)}.sr-tile__button{text-shadow:none}.sr-tile__caption{margin:0;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:.16em;opacity:.92}.sr-tile__heading{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.9rem,1.1rem + 1.3vw,2.9rem);font-weight:400;line-height:1.15;text-transform:uppercase;letter-spacing:.07em}.sr-tile__button{display:inline-block;margin-top:.6rem;padding:1rem 1.8rem;background-color:#fff;color:#1c1b1b;font-size:1.2rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid #fff;border-radius:var(--buttons-radius, 0);transition:background-color .2s ease,color .2s ease}.sr-tile:hover .sr-tile__button,.sr-tile:focus-visible .sr-tile__button{background-color:transparent;color:#fff}.sr-tile:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.sr-tile--no-image .sr-tile__media{background-color:rgb(var(--color-foreground),.08)}.sr-tile--no-image .sr-tile__media:after{background:#00000040}.sr-tiles-full{padding-inline:clamp(1rem,.4rem + 1vw,2.4rem)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sr-collection-tiles.css.map */