.m-image-gallery-showcase{padding:var(--section-padding-top) 0 var(--section-padding-bottom)}.m-image-gallery-showcase__wrapper{margin-top:2rem}.m-image-gallery-showcase__content{display:flex;gap:var(--grid-gap);align-items:stretch}.m-image-gallery-showcase__main{flex:0 0 var(--main-image-width);position:sticky;top:2rem;align-self:start}.m-main-image__wrapper{position:relative;width:100%;aspect-ratio:4/5;max-height:800px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--image-shadow);transition:all .4s cubic-bezier(.4,0,.2,1)}.m-main-image__wrapper:hover{box-shadow:var(--image-shadow-hover);transform:translateY(-4px)}.m-main-image__img{width:100%;height:100%;display:block;object-fit:cover}.m-main-image__placeholder{width:100%;aspect-ratio:4/5;background:rgba(var(--color-foreground),.05);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.4)}.m-main-image__placeholder svg{width:80px;height:80px}.m-image-gallery-showcase__grid{flex:1;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);align-content:start}.m-grid-image{position:relative;border-radius:var(--border-radius);overflow:hidden;transition:all .3s ease}.m-grid-image__wrapper{position:relative;width:100%;aspect-ratio:var(--image-aspect-ratio);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--image-shadow);transition:all .3s ease;cursor:pointer}.m-grid-image__wrapper:hover{box-shadow:var(--image-shadow-hover);transform:translateY(-2px)}.m-grid-image__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.m-grid-image__wrapper:hover .m-grid-image__img{transform:scale(1.05)}.m-grid-image__placeholder{width:100%;height:100%;background:rgba(var(--color-foreground),.05);display:flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground),.4);aspect-ratio:var(--image-aspect-ratio);border-radius:var(--border-radius)}.m-grid-image__placeholder svg{width:40px;height:40px}.m-grid-image__overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);padding:2rem 1rem 1rem;opacity:0;transform:translateY(100%);transition:all .3s ease;pointer-events:none}.m-grid-image__wrapper:hover .m-grid-image__overlay{opacity:1;transform:translateY(0)}.m-grid-image__caption{color:#fff;font-size:.875rem;font-weight:500;line-height:1.4;display:block}.m-image-gallery-showcase .m-section-header__heading{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;letter-spacing:.5px;text-transform:uppercase}.m-image-gallery-showcase .m-section-header__subheading{font-size:1.125rem;color:var(--text-color);opacity:.8;margin-bottom:0}@media (max-width: 1024px){.m-image-gallery-showcase__content{gap:var(--grid-gap)}.m-image-gallery-showcase__main{flex:0 0 35%;position:static}.m-main-image__wrapper{aspect-ratio:4/5}.m-image-gallery-showcase__grid{grid-template-columns:repeat(2,1fr);gap:1rem}.m-image-gallery-showcase .m-section-header__heading{font-size:2rem}}@media (max-width: 768px){.m-image-gallery-showcase__content{gap:var(--grid-gap)}.m-image-gallery-showcase__main{flex:0 0 40%}.m-image-gallery-showcase__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.m-image-gallery-showcase .m-section-header__heading{font-size:1.75rem}.m-image-gallery-showcase .m-section-header__subheading{font-size:1rem}.m-grid-image__overlay{padding:1.5rem .75rem .75rem}.m-grid-image__caption{font-size:.8125rem}}@media (max-width: 640px){.m-image-gallery-showcase__content{flex-direction:column;gap:var(--grid-gap)}.m-image-gallery-showcase__main{flex:none;width:100%}.m-image-gallery-showcase__grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.m-image-gallery-showcase .m-section-header__heading{font-size:1.5rem}}.m-grid-image{animation-delay:calc(var(--animation-order) * .1s)}.m-main-image__wrapper:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease;pointer-events:none}.m-main-image__wrapper:hover:after{transform:translate(100%)}.m-grid-image__wrapper:focus{outline:2px solid var(--primary-color);outline-offset:2px}.m-grid-image__wrapper:focus .m-grid-image__overlay{opacity:1;transform:translateY(0)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/image-gallery-showcase.css.map */