.salon-detail-gallery-header{margin-bottom:clamp(28px,4vw,44px)}.salon-detail-gallery-grid{display:grid;gap:var(--gallery-gap);grid-template-columns:repeat(var(--gallery-columns),minmax(0,1fr))}.salon-detail-gallery-card{min-width:0;grid-column:span var(--gallery-card-span)}.salon-detail-gallery-card-link{display:grid;height:100%;color:inherit;text-decoration:none;border-radius:var(--gallery-card-radius);overflow:hidden;border:1px solid color-mix(in srgb,var(--text-color) 12%,transparent);background:var(--body-background);box-shadow:0 22px 48px -36px color-mix(in srgb,var(--text-color) 35%,transparent);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.salon-detail-gallery-card-link:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--link-hover-color) 35%,transparent);box-shadow:0 28px 60px -36px color-mix(in srgb,var(--text-color) 42%,transparent)}.salon-detail-gallery-media{position:relative}.salon-detail-gallery-media .media{overflow:hidden;background:color-mix(in srgb,var(--text-color) 4%,var(--body-background))}.salon-detail-gallery-media .media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#0000008c);opacity:var(--gallery-media-overlay);pointer-events:none}.salon-detail-gallery-image,.salon-detail-gallery-media img,.salon-detail-gallery-video,.salon-detail-gallery-media video{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.salon-detail-gallery-card-link:hover .salon-detail-gallery-image,.salon-detail-gallery-card-link:hover .salon-detail-gallery-media img,.salon-detail-gallery-card-link:hover .salon-detail-gallery-video,.salon-detail-gallery-card-link:hover .salon-detail-gallery-media video{transform:scale(1.03)}.salon-detail-gallery-content{display:grid;gap:10px;padding:18px}.salon-detail-gallery-card--overlay .salon-detail-gallery-card-link{position:relative}.salon-detail-gallery-card--overlay .salon-detail-gallery-content{position:absolute;inset:auto 0 0 0;z-index:2;padding:24px 18px 18px;color:#fff;background:linear-gradient(180deg,#08080800,#080808d6)}.salon-detail-gallery-card--overlay .salon-detail-gallery-description{opacity:.82}.salon-detail-gallery-card--below .salon-detail-gallery-description{opacity:.74}.salon-detail-gallery-eyebrow{letter-spacing:.16em;text-transform:uppercase;opacity:.68}.salon-detail-gallery-title{max-width:18ch}.salon-detail-gallery-description{max-width:48ch}.salon-detail-gallery-card .placeholder-svg{width:100%;height:100%;display:block}@media(max-width:989px){.salon-detail-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salon-detail-gallery-card{grid-column:span var(--gallery-card-span)}}@media(max-width:767px){.salon-detail-gallery-grid{grid-template-columns:repeat(var(--gallery-columns-mobile),minmax(0,1fr))}.salon-detail-gallery-card{grid-column:span 1}.salon-detail-gallery-content{padding:14px}.salon-detail-gallery-card--overlay .salon-detail-gallery-content{padding:20px 14px 14px}}@media(max-width:575px){.salon-detail-gallery-title,.salon-detail-gallery-description{max-width:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/salon-detail-gallery.css.map */