.homepage-floating-image{background:var(--homepage-floating-image-bg);padding-top:var(--PT);padding-bottom:var(--PB)}.homepage-floating-image__inner{width:100%;margin:0 auto}.homepage-floating-image__media{position:relative;overflow:hidden}.homepage-floating-image__image,.homepage-floating-image__placeholder{display:block;width:100%;height:auto}.homepage-floating-image__image--mobile{display:none}.homepage-floating-image__placeholder{background:#0000000d;min-height:320px}.homepage-floating-image__placeholder .placeholder-svg{width:100%;height:100%}.homepage-floating-image__content{position:absolute;left:50%;bottom:80px;color:#fff;text-align:left;max-width:none}.homepage-floating-image__eyebrow.title{margin:0 0 20px}.homepage-floating-image__title{margin:0 0 20px;color:inherit}.homepage-floating-image__button{--btn-width: auto;--btn-border: #fff;--btn-text: #fff;--btn-bg: transparent}.homepage-floating-image__popup{display:block}@keyframes homepage-floating-image-modal-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes homepage-floating-image-modal-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.homepage-floating-image__modal{padding:0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;background:#ffffff59;transform:translate(100%);will-change:transform}.homepage-floating-image__modal[open]{animation:homepage-floating-image-modal-slide-in .3s ease forwards}.homepage-floating-image__modal[closing]{animation:homepage-floating-image-modal-slide-out .3s ease forwards}.homepage-floating-image__modal::backdrop{background:#ffffff59}.homepage-floating-image__modal-body{position:relative;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;background:#fff;box-shadow:none;overflow:hidden}.homepage-floating-image__modal-body button.close{top:28px;right:28px;transform:none;color:#111}.homepage-floating-image__modal-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%}.homepage-floating-image__modal-media,.homepage-floating-image__modal-text{min-width:0;min-height:0}.homepage-floating-image__modal-media{background:#f4efe4}.homepage-floating-image__modal-image,.homepage-floating-image__modal-placeholder{display:block;width:100%;height:100%}.homepage-floating-image__modal-image{object-fit:cover}.homepage-floating-image__modal-placeholder{background:#0000000d}.homepage-floating-image__modal-placeholder .placeholder-svg{width:100%;height:100%}.homepage-floating-image__modal-text{display:flex;flex-direction:column;justify-content:center;max-width:500px;width:100%;margin:0 auto;padding:60px 50px;text-align:left}.homepage-floating-image__modal-inner{width:100%;max-width:440px;margin:0;padding:0}.homepage-floating-image__modal-title{margin:0 0 20px;color:#111}.homepage-floating-image__modal-description{max-width:420px}.homepage-floating-image__modal-description p{margin:0}@media only screen and (max-width:767px){.homepage-floating-image__media{margin:0 auto;aspect-ratio:9 / 16}}@media only screen and (max-width:767px){.homepage-floating-image{padding-top:calc(var(--PT) * .5);padding-bottom:calc(var(--PB) * .5)}.homepage-floating-image__media{margin:0 auto}.homepage-floating-image__image,.homepage-floating-image__placeholder{height:100%}.homepage-floating-image__image{object-fit:cover}.homepage-floating-image__media--has-mobile-image .homepage-floating-image__image--desktop{display:none}.homepage-floating-image__media--has-mobile-image .homepage-floating-image__image--mobile{display:block}.homepage-floating-image__content{top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;padding:20px;transform:none;max-width:none}.homepage-floating-image__copy{max-width:230px}.homepage-floating-image__eyebrow{margin:0 0 20px}.homepage-floating-image__title{margin:0;font-size:32px;font-style:normal;font-weight:500;line-height:36px}.homepage-floating-image__button{width:80%;margin-bottom:20px}.homepage-floating-image__modal{background:#fffc}.homepage-floating-image__modal-body{height:auto;min-height:100vh;overflow:auto}.homepage-floating-image__modal-body button.close{top:18px;right:18px}.homepage-floating-image__modal-text{padding:32px 24px 40px}.homepage-floating-image__modal-inner{max-width:none}}@media only screen and (max-width:960px){.homepage-floating-image__modal-layout{grid-template-columns:1fr;grid-template-rows:minmax(280px,50vh) auto;height:auto;min-height:100vh}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/homepage-floating-image.css.map */