.image-and-text{background-color:var(--beige50);color:var(--dark)}.image-and-text:has(.colour-light){background-color:var(--light)}.image-and-text .picture-element-wrapper{padding-bottom:0}.image-and-text .picture-element-wrapper picture,.image-and-text .picture-element-wrapper img{position:relative}.image-and-text-23 .content-area{padding:32px 32px 26px}.image-and-text .image-area{padding:0;width:100%}.image-and-text:has(img.mobile) img.desktop{display:none}.image-and-text img{width:100%;height:auto;object-fit:cover;aspect-ratio:1}.image-and-text-23 .mobile-flex-reverse{flex-direction:column-reverse}.image-and-text-23 .image-and-text--inner .content-area{position:relative;height:100%}.image-and-text .flex.f-wrap{flex-wrap:wrap;display:flex}.image-and-text-23 .image-and-text--inner .content-area.flex.f-a-center .btn{margin:16px 21.5px 0;width:-webkit-fill-available;text-align:center;padding:.5rem;border:1px solid var(--grey);color:var(--dark);font-size:14px;line-height:1.4;font-family:Lausanne,Arial,sans-serif}.image-and-text-23 .image-and-text--inner .content-area.flex.f-a-center .btn:hover{color:var(--beige50);background-color:var(--dark)}.image-and-text .content-area .inner{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px}.image-and-text .content-area .inner .subheading{letter-spacing:0}.image-and-text .body-mid.eoe-25{margin-bottom:20px}.image-and-text h1{font-size:32px}.image-and-text{color:var(--dark)}@media screen and (min-width: 834px){.image-and-text-23 .image-area .picture-element-wrapper{min-height:60vw}.image-and-text img.mobile{display:none}.image-and-text .image-area.image-side--right{order:99}.image-and-text img.desktop{height:100%;aspect-ratio:680 / 640}.image-and-text:has(img.mobile) img.desktop{display:unset}.image-and-text-23 .flex.f-wrap>*{width:50%}.image-and-text-23 div.content-area{align-self:center}.image-and-text-23 .content-area{padding:60px 24px;display:flex;justify-content:center}.image-and-text-23 .mobile-flex-reverse{flex-direction:unset}.image-and-text-23 .content-area .inner{display:flex;max-width:480px;flex-direction:column;align-content:center}.image-and-text h1.eoe-25{font-size:40px}.image-and-text .content-area .inner{gap:20px}.image-and-text .inner .subheading,.image-and-text .eoe-25 p{font-size:16px}.image-and-text-23 .image-and-text--inner .content-area.flex.f-a-center .btn{margin:20px 0 0;max-width:300px;line-height:34px}}
/*# sourceMappingURL=/cdn/shop/t/1072/assets/image-and-text.css.map */