.view-products span{transition:all .25s cubic-bezier(.104,.204,.492,1)}@media only screen and (max-width:767px){div.row.swipe-on-mobile{padding-left:50px;padding-right:50px}}.section-gallery .section-content-container{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.section-gallery .section-header{width:100%;margin-bottom:20px}@media only screen and (min-width:768px){.section-gallery .section-header{margin-bottom:40px}}.section-gallery .section-header h2{font-family:Canela Bold,serif;font-weight:500;line-height:1.1}@media only screen and (min-width:768px){.section-gallery .section-header h2{font-size:50px}}.gallery__inner{display:grid;grid-gap:0}@media only screen and (min-width:768px){.gallery__inner{grid-template-columns:repeat(var(--gallery-columns),1fr)}}.gallery-spacing--none .gallery__inner{grid-gap:0px;margin:0 auto}.gallery-spacing--small .gallery__inner{grid-gap:3px;margin:3px auto}.gallery-spacing--medium .gallery__inner{grid-gap:10px;margin:10px auto}.gallery-spacing--large .gallery__inner{grid-gap:30px;margin:20px auto 40px}.gallery__item figure{position:relative;width:100%;height:0;background:var(--color-accent);border-radius:20px;padding-bottom:var(--ratio-percent)}.gallery__item figure.aspect-ratio--portrait{padding-bottom:150%}.gallery__item figure.aspect-ratio--square{padding-bottom:100%}.gallery__item figure.aspect-ratio--landscape{padding-bottom:75%}.gallery__item figure>svg{padding:50px;fill:var(--bg-body, #fff);opacity:.5}.gallery__item figure img,.gallery__item figure>video{border-radius:20px}@media only screen and (min-width:768px){.gallery__item figure img{transition:transform .7s}}.gallery__item figure img,.gallery__item figure>svg,.gallery__item figure>video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;object-fit:cover}.gallery__item figure:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:11;transition:background .7s,transform .7s;background:rgba(var(--overlay-color-rgb),var(--overlay-opacity));border-radius:20px}@media only screen and (min-width:768px){.gallery__item:hover figure img{transform:scale(1.05)}}.gallery__item:hover figure:after{background:rgba(var(--overlay-color-rgb),var(--hover-overlay-opacity))}@media only screen and (min-width:768px){.gallery__item:hover figure:after{transform:scale(1.05)}}.gallery__item-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;padding:30px;color:#fff;display:flex}@media only screen and (min-width:1068px){.gallery__item-content{padding:30px 20px 15px}}@media only screen and (min-width:1440px){.gallery__item-content{padding:30px 20px 15px}}.gallery__item-content.content-top-left{justify-content:flex-start;align-items:flex-start}.gallery__item-content.content-top-center{justify-content:center;align-items:flex-start}.gallery__item-content.content-top-right{justify-content:flex-end;align-items:flex-start}.gallery__item-content.content-middle-left{justify-content:flex-start;align-items:center}.gallery__item-content.content-middle-center{justify-content:center;align-items:center}.gallery__item-content.content-middle-right{justify-content:flex-end;align-items:center}.gallery__item-content.content-bottom-left{justify-content:flex-start;align-items:flex-end}.gallery__item-content.content-bottom-center{justify-content:center;align-items:flex-end}.gallery__item-content.content-bottom-right{justify-content:flex-end;align-items:flex-end}@media only screen and (min-width:768px){.gallery__item:hover .gallery__item-inner-content{max-height:500px;transition:max-height 1s ease-out}}.gallery__item-inner-content{overflow:hidden}@media only screen and (min-width:768px){.gallery__item-inner-content{max-height:0;transition:max-height .7s ease-out}}.gallery__item-content h4{color:inherit;font-family:Canela Bold,serif;font-weight:600;margin-bottom:15px}@media only screen and (min-width:768px){.gallery__item-content h4{font-size:32px;overflow-wrap:break-word;font-weight:500;line-height:48px;text-transform:none;margin-bottom:0}}.gallery__item-content h4+.button{margin-top:20px}.gallery__item-content .h5{font-weight:500;letter-spacing:2px}.gallery__item-content p{margin-bottom:30px;font-weight:500}.gallery__item-inner-content p{display:none;font-size:14px;margin:8px 0 20px;font-weight:300}@media only screen and (min-width:768px){.gallery__item-inner-content p{display:block}}.gallery__item-content p.subheading{font-size:.8rem;margin-bottom:0}@media only screen and (min-width:768px){.gallery__item-content>div{max-width:90%}}.gallery__item-content>div>*:last-child{margin-bottom:0}.gallery__item-content .button,.gallery__item-content .text-button{margin-top:5px;position:relative;z-index:22}.gallery__item-content-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:21}@media only screen and (min-width:768px)and (max-width:980px){.gallery__inner{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:980px)and (max-width:1211px){.gallery__inner{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:767px){.gallery.swipe-on-mobile .gallery__inner{grid-auto-flow:column;grid-auto-columns:minmax(100%,1fr);grid-template-columns:repeat(auto-fill,minmax(100%,1fr));scroll-snap-type:x mandatory;scrollbar-width:none}.gallery.swipe-on-mobile .gallery__inner::-webkit-scrollbar{display:none}.gallery.swipe-on-mobile .gallery__inner .gallery__item{scroll-snap-align:center;scroll-snap-stop:always}.gallery.swipe-on-mobile .gallery__inner:after{content:""}.view-products{background:var(--bg-body, #fff);border-radius:20px;height:38px;display:flex;position:absolute;bottom:5px;right:5px;z-index:30;cursor:pointer}@media only screen and (min-width:1068px){.view-products{bottom:30px;right:30px}}.view-products>svg{width:38px;height:38px;padding:11px}.view-products span{max-width:0;overflow:hidden;line-height:38px;font-size:.6875rem;font-weight:400;padding-right:0;white-space:nowrap;color:var(--color-body);font-weight:var(--font-body-medium-weight, 500);text-transform:uppercase}.view-products:hover svg,.view-products:focus svg{stroke:var(--color-body);transform:translate(2px)}.view-products:hover span,.view-products:focus span{max-width:114px;padding-right:14px}[dir=rtl] .view-products:hover span,[dir=rtl] .view-products:focus span{padding-left:14px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/gallery.css.map */
