@media(min-width:768px){:root{--image-with-content-heading-font-size: 4.2rem}}@media(max-width:767px){:root{--image-with-content-heading-font-size: 3rem}}.image-with-content__grid{display:flex;flex-direction:column;gap:0}@media screen and (min-width:1024px){.image-with-content__grid{flex-direction:row}.image-with-content__grid--reverse{flex-direction:row-reverse}.image-with-content__media-item--small,.image-with-content__media-item--large+.image-with-content__text-item{flex-grow:0}.image-with-content__media-item,.image-with-content__text-item{width:50%}}@media screen and (min-width:768px)and (max-width:1024px){.image-with-content__media-item,.image-with-content__text-item{width:100%;height:calc(56vh - var(--header-height))}}.image-with-content__media{min-height:100%;overflow:hidden;border:0}.image-with-content__media img{width:100%;height:100%;object-fit:cover}.image-with-content__media--small{height:19.4rem}.image-with-content__media--medium{height:29.6rem}.image-with-content__media--large{height:43.5rem}@media screen and (min-width:750px){.image-with-content__media--small{height:31.4rem}.image-with-content__media--medium{height:46rem}.image-with-content__media--large{height:69.5rem}}.image-with-content__media--placeholder{position:relative;display:flex;align-items:center;background-color:transparent}.image-with-content__media--placeholder>svg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;fill:currentColor}.image-with-content__content{color:inherit;align-items:flex-start;display:flex;flex-direction:column;height:100%;justify-content:center;align-self:center;padding:5rem var(--page-width-gap);position:relative}.image-with-content__wrap>*+*{margin-top:1.6rem}.image-with-content__caption{color:inherit;margin:0;opacity:.9}.image-with-content__heading{color:inherit;margin:0;font-size:var(--image-with-content-heading-font-size);line-height:1.05;text-transform:none}.image-with-content__text,.image-with-content__text p,.image-with-content__text a,.image-with-content__text li{color:inherit}.image-with-content__text p{margin-top:0;margin-bottom:1rem}.image-with-content__text strong{font-weight:700!important}.image-with-content__actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.image-with-content__actions .button--primary{background:var(--accent-color)!important;border:1px solid var(--accent-color)!important;color:#fff!important}.image-with-content__actions .button--secondary{background:#000!important;border:1px solid #000!important;color:#fff!important}.image-with-content__text ul{margin:0!important}.image-with-content__text li::marker{color:var(--accent-color)}@media screen and (max-width:749px){.image-with-content__content{padding-left:var(--page-width-gap);padding-right:var(--page-width-gap)}.image-with-content__heading{margin-bottom:.6rem}.image-with-content__text p{font-size:1.3rem}}@media screen and (min-width:750px){.image-with-content__text p{font-size:2rem}}.image-with-content__content--mobile-right{text-align:right}.image-with-content__content--mobile-right>*{align-self:flex-end}.image-with-content__content--mobile-center{text-align:center}.image-with-content__content--mobile-center>*{align-self:center}@media screen and (min-width:750px){.image-with-content__content--desktop-right{text-align:right}.image-with-content__content--desktop-right>*{align-self:flex-end}.image-with-content__content--desktop-left{text-align:left}.image-with-content__content--desktop-left>*{align-self:flex-start}.image-with-content__content--desktop-center{text-align:center}.image-with-content__content--desktop-center>*{align-self:center}.image-with-content__content--bottom{justify-content:flex-end;align-self:flex-end}.image-with-content__content--top{justify-content:flex-start;align-self:flex-start}}.image-with-content--overlap .image-with-content__content{width:90%;margin:-3rem auto 0}@media screen and (min-width:750px){.image-with-content--overlap .image-with-content__text-item{display:flex;padding:3rem 0}.image-with-content--overlap .image-with-content__content{height:auto;width:calc(100% + 4rem);min-width:calc(100% + 4rem);margin-top:0;margin-left:-4rem}.image-with-content--overlap .image-with-content__grid--reverse .image-with-content__content{margin-left:0;margin-right:-4rem}.image-with-content--overlap .image-with-content__grid--reverse .image-with-content__text-item{justify-content:flex-end}}.image-with-content__colors{margin-top:1.6rem;width:385px;margin:0 auto;max-width:100%}.image-with-content__colors-heading{margin:0 0 .8rem;opacity:.9;color:inherit}.image-with-content__more-colors{font-size:1.3rem}.image-with-content__colors-list{display:flex;flex-wrap:wrap;gap:.8rem}.image-with-content__color{display:inline-flex;align-items:center;gap:.6rem;min-height:2.2rem}.image-with-content__color-swatch{width:1.8rem;height:1.8rem;flex:0 0 auto}.image-with-content__color-swatch--image{background-size:cover;background-position:center;background-repeat:no-repeat}.image-with-content__color-swatch--circle{border-radius:999px}.image-with-content__color-swatch--square{width:7rem;height:7rem}.image-with-content__colors-list.image-with-content__colors-list--square .image-with-content__color{position:relative}.image-with-content__colors-list.image-with-content__colors-list--square .image-with-content__color-label{position:absolute;bottom:0;left:0;width:100%;color:#000;padding:.5rem;font-size:9px;color:#ffffffb3;line-height:1.2}.image-with-content__color-label{color:inherit;font-size:1.3rem;line-height:1.2;white-space:nowrap}.image-with-content__buttons-html{margin-top:1rem}.image-with-content__buttons-html table{width:auto!important;border:0!important;outline:0!important;box-shadow:none!important;border-collapse:collapse!important;border-spacing:0!important}.image-with-content__buttons-html table,.image-with-content__buttons-html thead,.image-with-content__buttons-html tbody,.image-with-content__buttons-html tfoot,.image-with-content__buttons-html tr{border:0!important;outline:0!important;box-shadow:none!important}.image-with-content__buttons-html table th{font-size:1.8rem!important;font-weight:700}.image-with-content__buttons-html table td{font-size:1.3rem!important}.image-with-content__buttons-html table th,.image-with-content__buttons-html table td{background-color:transparent!important;border:0!important;padding:.5rem 2rem .5rem 0!important;color:#000!important;text-align:left!important}
/*# sourceMappingURL=/cdn/shop/t/526/assets/section-image-with-content.css.map */