.c-media-grid-tiles,.c-media-grid-tiles *,.c-media-grid-tiles *:before,.c-media-grid-tiles *:after{box-sizing:border-box}.c-media-grid-tiles{background:var(--mgt-background, transparent);padding-block:40px;width:100%}.c-media-grid-tiles__container{max-width:var(--container-max-width, 1200px);margin:0 auto;display:flex;flex-direction:column;gap:24px}.c-media-grid-tiles__header{display:flex;flex-direction:column;gap:8px;padding-inline:var(--page-gutter, 16px)}.c-media-grid-tiles__heading{margin:0;font-family:DM Sans,sans-serif;font-size:var(--text-h2);font-weight:700;line-height:1.1;color:var(--mgt-heading-color, #000000);text-align:inherit}.c-media-grid-tiles__subtitle{font-family:DM Sans,sans-serif;font-size:16px;font-weight:300;line-height:1.4;color:var(--mgt-subtitle-color, #000000);max-width:650px;text-align:inherit;margin:0 auto}.c-media-grid-tiles .floating-controls-container{position:relative}.floating-controls-container{margin-left:10px;margin-right:10px}.c-media-grid-tiles__grid{--mgt-item-width: 75vw;display:grid;grid:auto / auto-flow var(--mgt-item-width);gap:var(--mgt-grid-gap, 16px);list-style:none;margin:0;padding:0}.c-media-grid-tiles__tile{position:relative;height:var(--mgt-tile-height-mobile, 300px);border-radius:var(--mgt-tile-radius, 8px);overflow:hidden;display:flex;flex-direction:column;scroll-snap-align:start}.c-media-grid-tiles__tile-link{display:flex;flex-direction:column;width:100%;height:100%;text-decoration:none;color:inherit}.c-media-grid-tiles__tile-link:focus{outline:none}.c-media-grid-tiles__tile-link:focus-visible{outline:2px solid #000;outline-offset:2px}.c-media-grid-tiles__tile-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.c-media-grid-tiles__tile-image{width:100%;height:100%;object-fit:cover;display:block}.c-media-grid-tiles__tile-placeholder{width:100%;height:100%;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.c-media-grid-tiles__placeholder-svg{width:50%;height:50%;max-width:100px;max-height:100px;opacity:.5}.c-media-grid-tiles__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;z-index:1}.c-media-grid-tiles__tile--caption-bottom .c-media-grid-tiles__tile-overlay{background:linear-gradient(to bottom,transparent 0%,transparent 40%,var(--mgt-overlay-rgba, rgba(0, 0, 0, .4)) 100%)}.c-media-grid-tiles__tile--caption-top .c-media-grid-tiles__tile-overlay{background:linear-gradient(to top,transparent 0%,transparent 40%,var(--mgt-overlay-rgba, rgba(0, 0, 0, .4)) 100%)}.c-media-grid-tiles__tile:not(.c-media-grid-tiles__tile--caption-bottom):not(.c-media-grid-tiles__tile--caption-top) .c-media-grid-tiles__tile-overlay{background-color:var(--mgt-overlay-rgba, rgba(0, 0, 0, .4))}.c-media-grid-tiles__tile-caption{position:absolute;left:0;right:0;padding:16px;display:flex;flex-direction:column;gap:8px;z-index:2}.c-media-grid-tiles__tile--caption-bottom .c-media-grid-tiles__tile-caption{bottom:0}.c-media-grid-tiles__tile--caption-top .c-media-grid-tiles__tile-caption{top:0}.c-media-grid-tiles__tile-title{margin:0;font-family:DM Sans,sans-serif;font-size:calc(var(--text-base, 16px) * 1.25);font-weight:700;line-height:1.3;color:var(--mgt-caption-title-color, #ffffff)}.c-media-grid-tiles__tile-subtitle{margin:0;font-family:DM Sans,sans-serif;font-size:16px;font-style:normal;font-weight:300;line-height:1.4;color:var(--mgt-caption-subtitle-color, #ffffff)}@media (min-width: 700px){.c-media-grid-tiles{padding-block:48px}.c-media-grid-tiles__header{padding-inline:var(--page-gutter, 24px)}.c-media-grid-tiles__grid{--mgt-item-width: 45vw}.c-media-grid-tiles__tile{height:var(--mgt-tile-height-desktop, 400px)}}@media (min-width: 1000px){.c-media-grid-tiles{padding-block:60px}.c-media-grid-tiles__header{padding-inline:var(--page-gutter, 40px)}.c-media-grid-tiles__container{max-width:var(--container-max-width, 1200px)}.c-media-grid-tiles__grid{--mgt-items-per-row: var(--mgt-desktop-columns, 3);grid:auto / repeat(var(--mgt-items-per-row),1fr);padding-inline:var(--page-gutter, 40px)}.c-media-grid-tiles__tile--small,.c-media-grid-tiles__tile--medium{grid-column:span 1}.c-media-grid-tiles__tile--large{grid-column:span 2}.c-media-grid-tiles .floating-controls-container>button{display:none}}@media (hover: hover){.c-media-grid-tiles__tile-image{transition:transform .3s ease}.c-media-grid-tiles__tile:hover .c-media-grid-tiles__tile-image,.c-media-grid-tiles__tile-link:hover .c-media-grid-tiles__tile-image{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.c-media-grid-tiles__tile-image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/custom-media-grid-tiles.css.map */