.mh-tiles__grid{display:grid;grid-template-columns:repeat(round(down,var(--mh-cols, 2),1),minmax(0,1fr));gap:var(--mh-gap-y, 12px) var(--mh-gap-x, 12px);margin:0;padding:0;list-style:none}@media screen and (max-width:749px){.mh-tiles__grid--mobile-carousel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--mh-gap-x, 12px) * (var(--mh-cols, 1.4) - 1)) / var(--mh-cols, 1.4));overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.mh-tiles__grid--mobile-carousel .mh-tiles__item{scroll-snap-align:start}.mh-tiles__grid--mobile-stack{grid-template-columns:1fr}}@media screen and (min-width:750px)and (max-width:989px){.mh-tiles__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.mh-tiles__grid{grid-template-columns:repeat(var(--mh-cols, 4),minmax(0,1fr))}}.mh-tile{position:relative;display:flex;flex-direction:column;gap:1rem;color:inherit;text-decoration:none}.mh-tile__media{position:relative;display:block;aspect-ratio:var(--mh-tile-ratio, 3 / 4);overflow:hidden;background-color:var(--mh-oat)}.mh-tile__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}@media(hover:hover){.mh-tile:hover .mh-tile__image{transform:scale(1.03)}}.mh-tile__label{display:flex;flex-direction:column;gap:.35rem}.mh-tile__title{margin:0;color:inherit}.mh-tile__cta{font-size:.9375rem;letter-spacing:var(--mh-label-spacing);text-transform:var(--mh-label-case);text-decoration:underline;text-underline-offset:.35em}.mh-tiles--overlay .mh-tile__label{position:absolute;inset:auto auto .625rem .625rem;max-width:calc(100% - 1.25rem);padding:.4375rem .625rem;background-color:var(--mh-white);color:var(--mh-ink)}.mh-tiles--overlay .mh-tile__title{font-family:var(--font-body--family);font-size:.75rem;font-weight:500;line-height:1.3;letter-spacing:var(--mh-label-spacing);text-transform:var(--mh-label-case);color:var(--mh-ink)}.mh-tiles--overlay .mh-tile__cta{display:none}@media screen and (min-width:750px){.mh-tiles--overlay .mh-tile__label{inset:auto auto 1rem 1rem;padding:.625rem .875rem}.mh-tiles--overlay .mh-tile__title{font-size:.8125rem}}@media(prefers-reduced-motion:reduce){.mh-tile__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/mh-collection-tiles.css.map */