.tiles{background:var(--bg);color:var(--fg)}.tiles__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:768px){.tiles__grid{gap:12px}}@media(min-width:1024px){.tiles__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tiles__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.tile{position:relative;display:block;aspect-ratio:4 / 5;background:var(--surface);color:#fff}.tile__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.tile.media-zoom img{transition-duration:1.2s}.tile__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgb(10 10 10 / .55),transparent 55%)}.tile__label{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:clamp(16px,2vw,28px)}.tile__title{font-family:var(--font-display);font-weight:var(--font-display-weight);text-transform:var(--heading-transform);font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.05}.tile__arrow{margin-bottom:4px;opacity:0;transform:translate(-8px);transition:opacity .3s var(--ease),transform .3s var(--ease)}.tile:hover .tile__arrow,.tile:focus-visible .tile__arrow{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-tiles.css.map */