.img-text{padding:3.5rem 0;overflow:hidden}.img-text__grid{display:grid;gap:2.5rem;align-items:center}@media(min-width:992px){.img-text__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}.img-text__visual{max-width:30rem;margin-left:auto;width:100%}}.img-text__content{max-width:34rem}.img-text__eyebrow{display:inline-block;margin-bottom:.875rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0000008c}.img-text__title{margin:0 0 1rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.15;letter-spacing:-.03em}.img-text__body{font-size:1rem;line-height:1.7;color:#000000b8}.img-text__body>:first-child{margin-top:0}.img-text__body>:last-child{margin-bottom:0}.img-text__button{display:inline-flex;align-items:center;justify-content:center;margin-top:1.5rem;padding:.875rem 1.5rem;border-radius:999px;background:#111;color:#fff!important;font-size:.875rem;font-weight:600;text-decoration:none!important;transition:transform .2s ease,opacity .2s ease}.img-text__button:hover,.img-text__button:focus,.img-text__button:active,.img-text__button:visited{color:#fff!important;text-decoration:none!important;opacity:.9;transform:translateY(-1px)}.img-text__visual{position:relative}.img-text__collage{position:relative;padding:2.75rem 1.25rem 2.75rem 0}.img-text__main,.img-text__float{overflow:hidden;border-radius:12px;background:#f3f4f6}.img-text__main{position:relative;z-index:1;width:85%;max-width:26rem;margin:0 auto;box-shadow:0 16px 40px #0000001a}.img-text__main-image,.img-text__float-image{display:block;width:100%;height:100%;object-fit:cover}.img-text__main-image,.img-text__main .img-text__placeholder{aspect-ratio:1 / 1}.img-text__float{position:absolute;z-index:2;width:42%;box-shadow:0 16px 40px #00000024;will-change:transform;transition:transform .08s linear}.img-text__float--tl{top:0;left:0}.img-text__float--br{bottom:0;right:0}.img-text__float-image{aspect-ratio:1}.img-text__placeholder{display:block;width:100%;background:#eceff3}.img-text__float .img-text__placeholder{aspect-ratio:1}@media(max-width:991px){.img-text{padding:2.5rem 0}.img-text__collage{padding:2.5rem .75rem 2.5rem 0;max-width:26rem;margin:0 auto}.img-text__main{width:75%;max-width:20rem}.img-text__float{width:38%}}@media(prefers-reduced-motion:reduce){.img-text__float{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/image-to-text.css.map */