.grid-banner-section.masonry-grid-banner{display:flex;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:inherit;flex-flow:inherit;justify-content:space-between}.grid-banner-section.masonry-grid-banner .additional-grids{display:grid;gap:var(--grid-desktop-horizontal-spacing)}.main-grid .grid-banner{height:100%}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{padding:0}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img,.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image{height:100%;width:100%;border-radius:var(--buttons-radius);overflow:hidden}.main-grid .grid-banner.overlay_style,.additional-grids .grid-banner.overlay_style{position:relative;height:100%}.main-grid .grid-banner.overlay_style .grid-banner-image,.additional-grids .grid-banner.overlay_style .grid-banner-block-image{position:relative}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image,.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{height:100%;width:100%;border-radius:var(--buttons-radius);overflow:hidden}.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{position:absolute;padding:50px}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style:hover .grid-banner-image img{transform-origin:left}.grid-banner-section.masonry-grid-banner .main-grid .grid-banner.overlay_style .grid-banner-image img{transform-origin:right;transition:.6s ease-in-out;transform:scale(1.04)}@media (min-width:750px){.grid-banner-section.masonry-grid-banner .additional-grids.two-items.default,.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5,.grid-banner-section.masonry-grid-banner .additional-grids.four-items,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4{grid-template-columns:repeat(2,1fr)}.grid-banner-section.masonry-grid-banner .additional-grids[class*=style-] .grid-banner:only-child{grid-column:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner.grid-style:first-child{grid-row-end:3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-2 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:1}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-3 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-4 .grid-banner:first-child{grid-row:1 / 3;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.three-items.style-5 .grid-banner:first-child,.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-3 .grid-banner:last-child{grid-column:1 / 3;grid-row-start:3}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-4 .grid-banner:first-child{grid-row:1 / 4}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-5 .grid-banner:first-child{grid-row:1 / 4;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6{grid-template-columns:auto}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-6 .grid-banner:first-child{grid-column:1 / 4}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:first-child{grid-row:1 / 3;grid-column-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.four-items.style-7 .grid-banner:last-child{grid-column:1 / 3;grid-row-start:3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10{grid-template-columns:repeat(3,1fr)}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-2 .grid-banner:first-child{grid-column:1 / 3;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-3 .grid-banner:first-child{grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-4 .grid-banner:first-child{grid-row:1 / 5}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-5 .grid-banner:first-child{grid-column:1 / 5}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-6 .grid-banner:first-child{grid-column:1 / 5;grid-row-start:2}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-7 .grid-banner:first-child{grid-column:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-8 .grid-banner:first-child,.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-9 .grid-banner:first-child{grid-column-start:2;grid-row:1 / 3}.grid-banner-section.masonry-grid-banner .additional-grids.five-items.style-10 .grid-banner:first-child{grid-column-start:1;grid-row:1 / 3}}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.left{text-align:left}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner.center{text-align:center}.custom-masonry-banner .grid-banner-content .grid-banner-inner a.link:hover{color:var(--gradient-base-accent-2)}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center{top:0;left:0;right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-left{top:0;left:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.center-right{top:0;right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-left{top:0;left:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-center{top:0;left:0;right:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.top-right{top:0;right:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-left{left:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-center{left:0;right:0;bottom:20px;width:fit-content;height:fit-content;margin:auto}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content.bottom-right{right:0;bottom:0;width:fit-content;height:fit-content;margin:auto}.main-grid .grid-banner.overlay_style .grid-banner-image:before{background:var(--gradient-base-accent-3);width:100%;height:100%;z-index:2;position:absolute;content:"";opacity:0;transition:all .3s linear}.main-grid:hover .grid-banner.overlay_style .grid-banner-image:before{opacity:.2;z-index:2}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .sub-title,.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .main-title,.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .description{margin:0}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner>*:not(:last-child){margin:0}.grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{z-index:2}@media (max-width: 1199px) and (min-width:990px){.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{padding:35px}}@media (max-width: 576px){.main-grid .grid-banner.overlay_style .grid-banner-content,.additional-grids .grid-banner.overlay_style .grid-banner-content{padding:20px}}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image img{transform-origin:right;transition:.6s ease-in-out;transform:scale(1.04)}.grid-banner-section.masonry-grid-banner .additional-grids{overflow:hidden}.grid-banner-section.masonry-grid-banner .additional-grids .grid-banner.overlay_style .grid-banner-block-image:hover img{transform-origin:left}.grid-banner-section.masonry-grid-banner .main-grid{overflow:hidden}.home-1-masonry .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style{display:flex}.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image.hidden+.grid-banner-content{padding:30px 0 0}.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image:not(.hidden)+.grid-banner-content{padding:10px}.home-1-masonry .main-grid .grid-banner.overlay_style .grid-banner-content{padding:10px}.home-1-masonry :is(.additional-grids.four-items.style-2) :where(.sub-title){font-size:1.2rem;color:rgb(var(--color-base-outline-button-labels));line-height:normal;letter-spacing:3px;text-transform:uppercase;margin-bottom:0rem!important}.home-1-masonry :is(.additional-grids.four-items.style-2) :where(.main-title){font-weight:400;font-size:4rem;line-height:normal;text-transform:capitalize}@media screen and (min-width: 576px){.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-1{grid-row:1/3}.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-2{grid-row:1/3}.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-3{grid-row:3/4}.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style.overlay-4{grid-row:3/4}}@media screen and (max-width: 1439px){.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image:not(.hidden)+.grid-banner-content>.grid-banner-inner{padding:5px}.home-1-masonry .main-grid .grid-banner.overlay_style .grid-banner-content>.grid-banner-inner{padding:5px}}@media screen and (max-width: 749px){.home-1-masonry :is(.main-grid,.additional-grids){width:100%!important;height:auto!important}.home-1-masonry :is(.main-grid){order:2;max-height:100vh}}.shopify-section.reveal .home-1-masonry :is(.additional-grids.four-items.style-2) :where(.sub-title){animation:fadeInUp var(--anim-time) ease both .2s}.shopify-section.reveal .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner :where(.main-title),.shopify-section.reveal .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner :where(.description){animation:fadeInUp var(--anim-time) ease both .2s}.home-1-masonry .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner .description{font-size:12px;margin-top:3.5rem}.shopify-section.reveal .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style .grid-banner-content{animation:fadeUp 1.2s cubic-bezier(.25,.46,.45,.94);animation-fill-mode:forwards}.shopify-section.reveal .grid-banner-section.masonry-grid-banner .grid-banner.overlay_style{animation:dt-image-out .8s cubic-bezier(.95,.44,0,.86) forwards}@keyframes dt-image-out{0%{clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}}.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner h2.main-title{width:100%;max-width:480px;font-size:calc(25px + .0325*(100vw - 400px));text-transform:capitalize}.masonry-banner.custom-masnory-banner .additional-grids .grid-banner-content .grid-banner-inner h4.main-title{font-size:calc(20px + .015*(90vw - 400px))}.home-1-masonry :is(.additional-grids.four-items.style-2) :where(.button){margin-top:2rem}.grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner{background:transparent}.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner a.button{padding:4px 45px;transition:all var(--duration-default) linear;background:rgba(var(--color-base-background-1),1);color:var(--gradient-base-accent-1)}.masonry-banner.custom-masnory-banner .grid-banner-content .grid-banner-inner a.button:hover{background-color:rgba(var(--color-hover-button),var(--alpha-button-background));color:var(--gradient-base-background-1)}.masonry-banner.custom-masnory-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner>*:not(:last-child){margin:0 0 30px;font-weight:700}@media screen and (max-width: 749px){.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image.hidden+.grid-banner-content{margin-top:0;margin-bottom:0}}@media screen and (max-width: 989px){.masonry-banner .grid-banner-section.masonry-grid-banner .grid-banner-content .grid-banner-inner a.button.primary-button{padding:4px 26px}.home-1-masonry :is(.additional-grids.four-items.style-2) :where(.main-title){font-size:3rem}}@media screen and (max-width: 575px){.home-1-masonry :is(.additional-grids.four-items.style-2) .grid-banner.overlay_style>.grid-banner-block-image.hidden+.grid-banner-content{position:relative}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-masonry-banner.css.map */