.custom-image-text{width:98%;height:auto;margin:18px auto 0}.custom-image-text-container{display:flex;gap:12px}.custom-image-text--animate .image-text-column-one,.custom-image-text--animate .image-text-column-two-top,.custom-image-text--animate .image-text-column-two-bottom{opacity:0;transform:translateY(1.6rem)}.custom-image-text--animate.custom-image-text--in-view .image-text-column-one,.custom-image-text--animate.custom-image-text--in-view .image-text-column-two-top,.custom-image-text--animate.custom-image-text--in-view .image-text-column-two-bottom{animation:custom-image-text-fade-in .7s ease forwards}.custom-image-text--animate.custom-image-text--in-view .image-text-column-two-top{animation-delay:.16s}.custom-image-text--animate.custom-image-text--in-view .image-text-column-two-bottom{animation-delay:.32s}@keyframes custom-image-text-fade-in{to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.custom-image-text--animate .image-text-column-one,.custom-image-text--animate .image-text-column-two-top,.custom-image-text--animate .image-text-column-two-bottom{opacity:1;transform:none;animation:none}}.image-text-column-one,.image-text-column-two{width:calc(50% - 6px);min-height:100vh}.image-text-column-one{position:relative;overflow:hidden}.image-text-image,.image-text-image--placeholder{display:block;width:100%;height:100vh;object-fit:cover}.image-text-column-two{display:flex;flex-direction:column;gap:12px}.image-text-column-two-top{width:100%;height:30vh;overflow:hidden}.image-text-top-image,.image-text-top-image--placeholder{display:block;width:100%;height:30vh;object-fit:cover}.image-text-column-two-bottom{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1 auto;padding:2.4rem 0 0}.image-text-heading{margin:0;color:#000;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-size:clamp(3rem,4vw,5rem);font-weight:var(--font-heading-weight);line-height:1.05}.image-text-description{margin-top:1.2rem;color:#000;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);font-size:1.8rem;line-height:1.6}.image-text-description p{margin:0}@media screen and (max-width:850px){.custom-image-text-container{flex-direction:column}.image-text-column-one,.image-text-column-two{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/custom-image-text.css.map */
