.collection-grid__heading{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);color:var(--text-accent);letter-spacing:.06em;text-align:center;margin-bottom:var(--space-lg)}.collection-grid__bento{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:340px 340px;gap:6px}.collection-grid__tile--tall{grid-column:3;grid-row:1 / span 2}.collection-grid__tile{position:relative;display:block;overflow:hidden;background:var(--bg-secondary);text-decoration:none}.collection-grid__tile-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.collection-grid__tile:hover .collection-grid__tile-img{transform:scale(1.08)}.collection-grid__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0b0b0c0d,#0b0b0c2e 40%,#0b0b0ca6);z-index:1;transition:background .3s ease}.collection-grid__tile:hover .collection-grid__tile-overlay{background:linear-gradient(to bottom,#0b0b0c00,#0b0b0c1a 40%,#0b0b0c8c)}.collection-grid__tile-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-secondary)}.collection-grid__tile-content{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);z-index:2}.collection-grid__tile-title{font-family:var(--font-display);font-size:clamp(1.125rem,2vw,1.5rem);color:var(--color-moonlight-pearl);letter-spacing:.04em;line-height:1.2;margin-bottom:var(--space-sm);text-shadow:0 2px 16px rgba(0,0,0,.7)}.collection-grid__tile-cta{display:inline-block;background:#0b0b0cd9;color:var(--color-moonlight-pearl);font-family:var(--font-ui);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;padding:.5em 1.25em;transition:background .25s ease,color .25s ease}.collection-grid__tile:hover .collection-grid__tile-cta{background:var(--color-solar-gold);color:var(--color-abyssal-black)}@media(max-width:768px){.collection-grid__bento{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,260px)}.collection-grid__tile--tall{grid-column:auto;grid-row:auto}}@media(max-width:480px){.collection-grid__bento{grid-template-columns:1fr;grid-template-rows:repeat(5,220px)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-collection-grid.css.map */