.product-image-grid{display:grid;gap:1.5rem}.product-image-grid__header{max-width:42rem;margin:0 auto;text-align:center}.product-image-grid__title{margin:0;font-size:clamp(2.15rem,5vw,4.25rem);line-height:.94;letter-spacing:-.04em;text-wrap:balance}.product-image-grid__boards{display:grid;gap:1rem}.product-image-grid__board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;padding:.875rem;border-radius:1.75rem;background:rgba(var(--color-foreground),.045);box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.08);max-width:88rem;width:100%;margin:0 auto}.product-image-grid__tile{position:relative;overflow:hidden;border-radius:1.2rem;min-height:11rem;background:rgba(var(--color-foreground),.06)}.product-image-grid__tile--wide,.product-image-grid__tile--feature{grid-column:1 / -1}.product-image-grid__tile--wide{min-height:15rem}.product-image-grid__tile--feature{min-height:18rem}.product-image-grid__image{width:100%;height:100%;object-fit:cover;display:block}@media screen and (min-width:960px){.product-image-grid{gap:2rem}.product-image-grid__boards{gap:1.25rem}.product-image-grid__board{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:5rem;gap:1rem;padding:1rem;border-radius:2rem}.product-image-grid__tile{min-height:0;border-radius:1.45rem}.product-image-grid__board[data-layout=one] .product-image-grid__tile{grid-column:span 12;grid-row:span 6}.product-image-grid__board[data-layout=two] .product-image-grid__tile{grid-column:span 6;grid-row:span 5}.product-image-grid__board[data-layout=three] .product-image-grid__tile--feature{grid-column:span 7;grid-row:span 6}.product-image-grid__board[data-layout=three] .product-image-grid__tile--support{grid-column:span 5;grid-row:span 3}.product-image-grid__board[data-layout=four] .product-image-grid__tile:first-child{grid-column:span 7;grid-row:span 6}.product-image-grid__board[data-layout=four] .product-image-grid__tile:nth-child(2){grid-column:span 5;grid-row:span 3}.product-image-grid__board[data-layout=four] .product-image-grid__tile:nth-child(3){grid-column:span 2;grid-row:span 3}.product-image-grid__board[data-layout=four] .product-image-grid__tile:nth-child(4){grid-column:span 3;grid-row:span 3}.product-image-grid__board[data-layout=five] .product-image-grid__tile:first-child{grid-column:span 5;grid-row:span 6}.product-image-grid__board[data-layout=five] .product-image-grid__tile:nth-child(2),.product-image-grid__board[data-layout=five] .product-image-grid__tile:nth-child(4){grid-column:span 4;grid-row:span 3}.product-image-grid__board[data-layout=five] .product-image-grid__tile:nth-child(3),.product-image-grid__board[data-layout=five] .product-image-grid__tile:nth-child(5){grid-column:span 3;grid-row:span 3}.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:first-child{grid-column:span 5;grid-row:span 6}.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:nth-child(2){grid-column:span 4;grid-row:span 3}.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:nth-child(3){grid-column:span 3;grid-row:span 3}.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:nth-child(4){grid-column:span 3;grid-row:span 3}.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:nth-child(5),.product-image-grid__board[data-layout=six-plus] .product-image-grid__tile:nth-child(6){grid-column:span 2;grid-row:span 3}}.product-image-grid__tile .deferred-media,.product-image-grid__tile .deferred-media>img,.product-image-grid__tile .deferred-media video,.product-image-grid__tile .deferred-media iframe,.product-image-grid__tile .deferred-media .play-button,.product-image-grid__tile .deferred-media .placeholder,.product-image-grid__tile .deferred-media .w-full,.product-image-grid__tile .deferred-media .product-image-grid__video-embed{width:100%;height:100%}.product-image-grid__tile .deferred-media{position:relative;overflow:hidden;border-radius:inherit}.product-image-grid__tile .deferred-media>img,.product-image-grid__tile .deferred-media video,.product-image-grid__tile .deferred-media iframe,.product-image-grid__tile .deferred-media .placeholder{object-fit:cover}.product-image-grid__tile .product-image-grid__video-embed{background:#0a0a0c}.product-image-grid__tile .product-image-grid__video-embed>img,.product-image-grid__tile .product-image-grid__video-embed .placeholder{object-fit:cover}.product-image-grid__tile .product-image-grid__video-embed[loaded]>video,.product-image-grid__tile .product-image-grid__video-embed[playing]>video{object-fit:contain;background:#0a0a0c}.product-image-grid__tile .product-image-grid__video-embed[loaded]>iframe,.product-image-grid__tile .product-image-grid__video-embed[playing]>iframe{background:#0a0a0c}.product-image-grid__tile .deferred-media .play-button{width:3.75rem;height:3.75rem;top:50%;left:50%;transform:translate(-50%,-50%);border:0;background:#171717ad;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.product-image-grid__tile .deferred-media .play-button svg{width:1rem;height:1rem}
/*# sourceMappingURL=/cdn/shop/t/28/assets/product-image-grid.css.map */