.image-banner{position:relative;flex-wrap:wrap;width:100%}@media screen and (min-width: 768px){.image-banner:not(.image-banner--collection) .image-banner__media.placeholder{height:56.25vw}}.image-banner__media{width:100%;position:relative}.image-banner__media .img--wrapper{margin-bottom:0}.image-banner__content{display:flex;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box}.image-banner__content .site-center{width:100%}.image-banner__content-wrapper{max-width:80%}@media screen and (min-width: 768px){.image-banner__content-wrapper{max-width:var(--site-center-narrow)}}@media screen and (min-width: 1440px){.image-banner__content-wrapper{max-width:var(--site-center-compact)}}.image-banner__box{border:0;position:relative;height:fit-content;padding:2rem 0}@media screen and (min-width: 768px){.image-banner__box{padding:3rem 0}}@media screen and (min-width: 1440px){.image-banner__box{padding:4rem 0}}.image-banner__box:not(.image-banner__box--transparent){margin:1rem 0;padding-left:var(--site-side-spacing);padding-right:var(--site-side-spacing)}@media screen and (min-width: 768px){.image-banner__box:not(.image-banner__box--transparent){margin:2rem 0;padding-left:var(--site-side-spacing-md);padding-right:var(--site-side-spacing-md)}}@media screen and (min-width: 1440px){.image-banner__box:not(.image-banner__box--transparent){margin:3rem 0;padding-left:var(--site-side-spacing-xxl);padding-right:var(--site-side-spacing-xxl)}}.image-banner__box--transparent{background:#0000}.image-banner__box--primary{background:var(--color-brand-primary)}.image-banner__box--secondary{background:var(--color-brand-secondary)}.image-banner__box--accent{background:var(--color-brand-accent)}.image-banner__box--white{background:var(--color-white)}.image-banner__box--black{background:var(--color-black)}.image-banner__heading,.image-banner__text{margin:0;overflow-wrap:break-word}.image-banner__heading--primary,.image-banner__text--primary{color:var(--color-brand-primary)}.image-banner__heading--secondary,.image-banner__text--secondary{color:var(--color-brand-secondary)}.image-banner__heading--accent,.image-banner__text--accent{color:var(--color-brand-accent)}.image-banner__heading--white,.image-banner__text--white{color:var(--color-white)}.image-banner__heading--black,.image-banner__text--black{color:var(--color-black)}.image-banner__buttons,.image-banner__heading,.image-banner__text{margin-bottom:calc(var(--element-spacing)*1)}.image-banner__buttons:last-child,.image-banner__heading:last-child,.image-banner__text:last-child{margin-bottom:0}.image-banner__buttons{margin-top:2rem;display:inline-flex;flex-direction:column;width:calc(100% - 64px)}@media screen and (max-width: 767px){.image-banner__buttons{max-width:14.375rem;width:100%}.image-banner__buttons .button{min-width:auto}.image-banner__buttons .button+.button{margin-top:var(--element-spacing)}}@media screen and (min-width: 768px){.image-banner__buttons{flex-direction:row;justify-content:flex-start;width:calc(100% - 160px)}.image-banner__buttons.center{justify-content:center;margin-left:auto;margin-right:auto}.image-banner__buttons.right{justify-content:flex-end}.image-banner__buttons .button{min-width:50%}.image-banner__buttons .button+.button{margin-left:var(--element-spacing)}}@media screen and (min-width: 1440px){.image-banner__buttons{min-width:60%;max-width:31.25rem}}.image-banner .bottom-grower{flex-grow:2}@media screen and (max-width: 559px){.image-banner .bottom-grower{flex-grow:3}}@media screen and (max-width: 1023px){.image-banner .bottom-grower{flex-grow:4}}.image-banner .klaviyo-form{width:100%;margin-top:140px}@media screen and (max-width: 1023px){.image-banner .klaviyo-form{margin-top:180px}}.image-banner .klaviyo-form>.needsclick{display:flex;justify-content:center}.image-banner .klaviyo-form form{position:absolute;bottom:10px}.image-banner .klaviyo-form input{background-color:#ffffffb3!important}.image-banner .klaviyo-form button{background-color:var(--color-brand-primary)!important;padding-left:3.125rem!important;padding-right:3.125rem!important}.image-banner .position-relative{position:relative}
/*# sourceMappingURL=/cdn/shop/t/404/assets/section-image-banner.css.map */
