.tile-grid-section{position:relative}.tile-grid-section__title{margin-bottom:1.25rem}.tile-track-outer{position:relative}.tile-track-outer:after{content:"";position:absolute;top:0;right:0;width:80px;height:calc(100% - 8px);background:linear-gradient(to left,var(--color-background, #fff) 0%,transparent 100%);pointer-events:none;z-index:1;opacity:0;transition:opacity .3s ease}.tile-track-outer.has-overflow:after{opacity:1}.tile-track-outer.at-end:after{opacity:0}.tile-track{--tile-gap: 1.25rem;display:flex;gap:var(--tile-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0;padding:0}.tile-track::-webkit-scrollbar{display:none}.tile-card{flex:0 0 calc((var(--track-w, 100%) - 3 * var(--tile-gap)) / 4);min-width:160px;scroll-snap-align:start;list-style:none}@media screen and (max-width:989px){.tile-card{flex:0 0 calc((var(--track-w, 100%) - var(--tile-gap)) / 2)}}.tile-card__inner{height:100%;display:flex;flex-direction:column;gap:.75rem;text-decoration:none;color:inherit}.tile-card__image-wrap{aspect-ratio:1 / 1;overflow:hidden;background-color:rgba(var(--color-foreground, 18, 18, 18),.04);width:100%}.tile-card__image-wrap img{width:100%;height:100%;object-fit:cover;object-position:var(--focal, center center);display:block}.tile-card__texts{display:flex;flex-direction:column;gap:.25rem}.tile-card__headline{margin:0;font-family:var(--font-heading-family, inherit);font-style:var(--font-heading-style, normal)}.tile-card__subline{margin:0;opacity:.7}.tile-arrow--prev,.tile-arrow--next{position:absolute;top:40%;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;padding:0;border:0;width:40px;height:40px;border-radius:50%;background-color:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease,background-color .2s ease,transform .2s ease;color:#fff;font:inherit;line-height:1}.tile-arrow--prev{left:8px}.tile-arrow--next{right:8px}.tile-arrow--prev.is-visible,.tile-arrow--next.is-visible{opacity:1;pointer-events:auto}.tile-arrow--prev svg{transform:rotate(90deg)}.tile-arrow--next svg{transform:rotate(-90deg)}.tile-arrow--prev.is-visible:hover,.tile-arrow--next.is-visible:hover{background-color:#00000059;transform:translateY(-50%) scale(1.08)}.tile-arrow--prev:focus-visible,.tile-arrow--next:focus-visible{outline:2px solid #fff;outline-offset:2px}@media screen and (max-width:749px){.tile-arrow--prev,.tile-arrow--next{width:32px;height:32px}.tile-arrow--prev{left:4px}.tile-arrow--next{right:4px}}.tile-grid-section__cta{margin-top:2rem}.tile-grid-section__cta--left{text-align:left}.tile-grid-section__cta--center{text-align:center}.tile-grid-section__cta--right{text-align:right}.tile-grid-section__cta-link{display:inline-block;color:rgb(var(--color-foreground));font-size:1.2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);letter-spacing:.13rem;line-height:1;text-decoration:none;text-transform:uppercase;padding-bottom:.2rem;border-bottom:.1rem solid rgb(var(--color-foreground))}.tile-grid-section__cta-link:hover{opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/274/assets/section-tile-grid.css.map */