.custom-image-feature__wrapper{padding:4rem 0;width:100%;overflow-x:hidden}.custom-image-feature__container{max-width:1200px;margin:0 auto;padding:0 20px}.custom-image-feature__header{text-align:center;margin-bottom:3rem}.custom-image-feature__main-heading{font-size:56px;letter-spacing:-.02em;margin-bottom:1rem}.custom-image-feature__subheading{font-size:2.4rem;max-width:800px;margin:0 auto;line-height:1.6}.custom-image-feature__content{display:flex;flex-wrap:wrap;gap:4rem;align-items:center}.custom-image-feature__image-container{flex:1;min-width:300px}.custom-image-feature__blocks-container{flex:1;min-width:300px;display:flex;flex-direction:column;gap:1.5rem}.custom-image-feature__image-wrapper{position:relative;border-radius:8px;overflow:hidden}.custom-image-feature__image{width:100%;height:auto;display:block;transition:transform .3s ease}.custom-image-feature__image:hover{transform:scale(1.02)}.custom-image-feature__image-placeholder{background:#f3f4f6;border-radius:8px;padding:2rem;display:flex;align-items:center;justify-content:center;min-height:400px}.custom-image-feature__placeholder-svg{width:100%;height:100%;color:#d1d5db}.custom-image-feature__block{border:var(--border-thickness) solid var(--accent-color);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.custom-image-feature__block:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.custom-image-feature__block-inner{padding:1rem;background-color:#fff}.custom-image-feature__block-heading{font-size:1.8rem;margin-bottom:.75rem;margin-top:0;color:var(--accent-color);letter-spacing:-.01em}.custom-image-feature__block-heading.pdp-text-color{color:var(--pdp-text-color, var(--accent-color))}.custom-image-feature__block-content{font-size:1.4rem;line-height:1.6;color:#4b5563}.custom-image-feature__block-content p{margin:0}.custom-image-feature__block-content p+p{margin-top:.5rem}.custom-image-feature__content--reversed{flex-direction:row-reverse}@media screen and (max-width:768px){.custom-image-feature__wrapper{padding:2.5rem 0}.custom-image-feature__container{padding:0 16px}.custom-image-feature__main-heading{font-size:2rem}.custom-image-feature__subheading{font-size:1rem}.custom-image-feature__content{flex-direction:column;gap:2rem}.custom-image-feature__content--reversed{flex-direction:column}.custom-image-feature__image-container,.custom-image-feature__blocks-container{min-width:100%}.custom-image-feature__block-inner{padding:1.25rem}.custom-image-feature__block-heading{font-size:1.6rem}}@media screen and (max-width:480px){.custom-image-feature__wrapper{padding:2rem 0}.custom-image-feature__main-heading{font-size:1.75rem}.custom-image-feature__block-inner{padding:1rem}.custom-image-feature__header{margin-bottom:2rem}}.custom-image-feature__wrapper{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.custom-image-feature__wrapper.revealed{opacity:1;transform:translateY(0)}.custom-image-feature__main-heading{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1) .1s,transform .7s cubic-bezier(.16,1,.3,1) .1s}.custom-image-feature__subheading{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.16,1,.3,1) .2s,transform .7s cubic-bezier(.16,1,.3,1) .2s}.custom-image-feature__main-heading.revealed,.custom-image-feature__subheading.revealed{opacity:1;transform:translateY(0)}.custom-image-feature__content{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1) .3s,transform .8s cubic-bezier(.16,1,.3,1) .3s}.custom-image-feature__content.revealed{opacity:1;transform:translateY(0)}.custom-image-feature__image-container{opacity:0;transform:translate(calc(var(--translate-direction, -30px)));transition:opacity .8s cubic-bezier(.16,1,.3,1) .4s,transform .8s cubic-bezier(.16,1,.3,1) .4s}.custom-image-feature__content--reversed .custom-image-feature__image-container{--translate-direction: 30px}.custom-image-feature__image-container.revealed{opacity:1;transform:translate(0)}.custom-image-feature__block{opacity:0;transform:translate(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1) var(--animation-delay, .5s),transform .6s cubic-bezier(.16,1,.3,1) var(--animation-delay, .5s)}.custom-image-feature__content--reversed .custom-image-feature__block{transform:translate(-30px)}.custom-image-feature__block.revealed{opacity:1;transform:translate(0);border:2px solid}@media(prefers-reduced-motion:reduce){.custom-image-feature__wrapper,.custom-image-feature__main-heading,.custom-image-feature__subheading,.custom-image-feature__content,.custom-image-feature__image-container,.custom-image-feature__block{transition:opacity .5s ease!important;transform:none!important;transition-delay:0s!important}}.custom-image-feature__wrapper,.custom-image-feature__main-heading,.custom-image-feature__subheading,.custom-image-feature__content,.custom-image-feature__image-container,.custom-image-feature__block{will-change:opacity,transform;backface-visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-image-feature.css.map */
