.image-banner-container{--color-overlay-text: #ffffff;position:relative;overflow:hidden}.image-banner-container .image-wrap{position:relative;width:100%;height:0;padding-bottom:70%;z-index:1}@media only screen and (min-width: 768px){.image-banner-container .image-wrap{padding-bottom:56.25%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap{padding-bottom:50%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap{padding-bottom:45%}}.image-banner-container .image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.image-banner-container .image-wrap.has-mobile-image .desktop-image{display:none}.image-banner-container .image-wrap.has-mobile-image .mobile-image{display:block}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.has-mobile-image .desktop-image{display:block}.image-banner-container .image-wrap.has-mobile-image .mobile-image{display:none}}.image-banner-container .image-wrap.banner-with-content{padding-bottom:100%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.banner-with-content{padding-bottom:75%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.banner-with-content{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.banner-with-content{padding-bottom:45%}}.image-banner-container .image-wrap.banner-with-logo{padding-bottom:100%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.banner-with-logo{padding-bottom:75%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.banner-with-logo{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.banner-with-logo{padding-bottom:45%}}.image-banner-container .image-wrap.banner-with-logo .content-wrap svg{width:75vw;max-width:292px}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.banner-with-logo .content-wrap svg{width:50%;max-width:none}}.image-banner-container .image-wrap.home-hero-banner{padding-bottom:113%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.home-hero-banner{padding-bottom:88%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.home-hero-banner{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.home-hero-banner{padding-bottom:44.8%}}.image-banner-container .image-wrap.hero-banner{padding-bottom:113%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.hero-banner{padding-bottom:88%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.hero-banner{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.hero-banner{padding-bottom:44.8%}}.image-banner-container .image-wrap.about-page-banner{padding-bottom:113%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.about-page-banner{padding-bottom:88%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.about-page-banner{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.about-page-banner{padding-bottom:44.8%}}.image-banner-container .image-wrap.about-page-banner .content-wrap{padding-bottom:40px}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.about-page-banner .content-wrap{bottom:30%;padding-bottom:0}}.image-banner-container .image-wrap.about-page-banner .content-wrap svg{margin-left:auto;width:60%;max-width:218px}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.about-page-banner .content-wrap svg{width:32%;max-width:none}}.image-banner-container .image-wrap.how-to-page-banner{padding-bottom:96%}@media only screen and (min-width: 768px){.image-banner-container .image-wrap.how-to-page-banner{padding-bottom:75%}}@media only screen and (min-width: 1024px){.image-banner-container .image-wrap.how-to-page-banner{padding-bottom:56.25%}}@media only screen and (min-width: 1440px){.image-banner-container .image-wrap.how-to-page-banner{padding-bottom:35%}}.image-banner-container .image-wrap.original-aspect-ratio{padding-bottom:0;height:auto}.image-banner-container .image-wrap.original-aspect-ratio img{position:relative;width:100%;height:auto}.image-banner-container .content-wrap{position:absolute;width:100%;bottom:0;z-index:2;color:var(--color-overlay-text);text-align:center;font-family:bodoni-pt-variable,"serif";padding-bottom:36px}@media only screen and (min-width: 768px){.image-banner-container .content-wrap{text-align:left;font-size:50px}}@media only screen and (min-width: 1024px){.image-banner-container .content-wrap{font-size:64px}}@media only screen and (min-width: 1440px){.image-banner-container .content-wrap{font-size:78px}}.image-banner-container .content-wrap h2{font-size:52px}@media only screen and (min-width: 768px){.image-banner-container .content-wrap h2{font-size:65px}}@media only screen and (min-width: 1024px){.image-banner-container .content-wrap h2{font-size:85px}}@media only screen and (min-width: 1440px){.image-banner-container .content-wrap h2{font-size:105px}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/image-banner.css.map */