.collection-grid{max-width:100%;margin:0;padding:3rem 0;background:linear-gradient(135deg,#dbe2ea,#b8c4d4);position:relative}.collection-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");opacity:.06;mix-blend-mode:overlay;pointer-events:none}.collection-grid__heading{max-width:1600px;margin-left:auto;margin-right:auto;padding:0 2rem;text-align:center;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#12295c;margin-bottom:2rem}.collection-grid__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.collection-grid__link{display:block;text-decoration:none;color:inherit}.collection-grid__image-wrap{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:0;background:#eee}.collection-grid__image-wrap img,.collection-grid__placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.collection-grid__link:hover .collection-grid__image-wrap img{transform:scale(1.06)}.collection-grid__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0000008c,#0000 55%);transition:background .3s ease}.collection-grid__link:hover .collection-grid__overlay{background:linear-gradient(to top,#000000b3,#0000000d 60%)}.collection-grid__title{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;color:#fff;font-size:clamp(1.75rem,3vw,2.75rem);font-weight:900;letter-spacing:.01em;text-transform:uppercase;line-height:1.1}.collection-grid__empty{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;border:1px dashed rgba(18,41,92,.25);border-radius:0;color:#12295c80;font-size:.85rem}@media screen and (max-width:989px){.collection-grid__grid{grid-template-columns:1fr;gap:0}}@media screen and (max-width:480px){.collection-grid{padding:2rem 0}.collection-grid__heading{padding:0 1rem}.collection-grid__title{left:1rem;right:1rem;bottom:1rem;font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/collection-grid.css.map */