.mosaic-section{padding:0 5%}.shopify-section.section:has(.mosaic-section){padding-left:0!important;padding-right:0!important;max-width:100%!important}.mosaic-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;flex-wrap:wrap;gap:16px}.mosaic-eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:#00b4d8;margin:0 0 8px}.mosaic-title{font-size:clamp(28px,4vw,48px);font-weight:700;letter-spacing:1px;line-height:1;margin:0}.mosaic-see-all{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#00b4d8;text-decoration:none;display:flex;align-items:center;gap:8px;transition:gap .2s ease;white-space:nowrap}.mosaic-see-all:after{content:"\2192"}.mosaic-see-all:hover{gap:14px}.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto;gap:14px}.mosaic-card--featured{grid-column:span 2;grid-row:span 2}.mosaic-card{position:relative;display:block;text-decoration:none;overflow:hidden;background:#0d1318;aspect-ratio:4 / 3}.mosaic-card--featured{aspect-ratio:unset;min-height:360px}.mosaic-card__img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.mosaic-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.mosaic-card:hover .mosaic-card__img img{transform:scale(1.05)}.mosaic-card__img--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0d2030,#060c14)}.mosaic-card__img--placeholder .placeholder-svg{width:60px;height:60px;opacity:.1;fill:#fff}.mosaic-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 50%,transparent 100%);z-index:1;transition:opacity .3s ease}.mosaic-card:hover .mosaic-card__overlay{opacity:.9}.mosaic-card__info{position:absolute;bottom:0;left:0;right:0;padding:20px;z-index:2}.mosaic-card__tag{display:inline-block;background:#00b4d8;color:#000;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 10px;margin-bottom:8px}.mosaic-card__name{display:block;font-size:18px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;margin-bottom:4px;line-height:1.2}.mosaic-card--featured .mosaic-card__name{font-size:28px}.mosaic-card__sub{display:block;font-size:12px;letter-spacing:1px;color:#ffffff8c}.mosaic-card__arrow{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;z-index:2;opacity:0;transform:translateY(-4px);transition:opacity .2s ease,transform .2s ease}.mosaic-card:hover .mosaic-card__arrow{opacity:1;transform:translateY(0)}@media screen and (max-width:900px){.mosaic-grid{grid-template-columns:repeat(2,1fr)}.mosaic-card--featured{grid-column:span 2;grid-row:span 1;min-height:260px}}@media screen and (max-width:560px){.mosaic-section{padding:40px 4%}.mosaic-grid{grid-template-columns:1fr;gap:10px}.mosaic-card--featured{grid-column:span 1;min-height:220px}.mosaic-card{aspect-ratio:16 / 9}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/collection-mosaic.css.map */