.wt-about-collage{box-sizing:border-box;display:block;position:relative;z-index:2;width:100%;padding-inline:var(--about-collage-padding-inline, 20px);background:var(--about-collage-background, transparent);color:var(--about-collage-text, var(--color-text))}.wt-about-collage *,.wt-about-collage *:before,.wt-about-collage *:after{box-sizing:border-box}.wt-about-collage__canvas{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:var(--about-collage-row-height, 108px);gap:var(--about-collage-gap, 24px);max-width:var(--about-collage-max-width, 1380px);margin-inline:auto}.wt-about-collage__item{grid-column:var(--about-collage-col, 1) / span var(--about-collage-span, 4);grid-row:var(--about-collage-row, 1) / span var(--about-collage-row-span, 2);min-width:0;min-height:0}.wt-about-collage__item--text{display:flex;flex-direction:column;justify-content:center;text-align:var(--about-collage-text-align, left)}.wt-about-collage__copy{font-family:var(--font-base);font-size:calc(3.2rem * var(--about-collage-text-scale, 1));font-weight:400;line-height:1.2;color:inherit}.wt-about-collage__copy>*:first-child{margin-top:0}.wt-about-collage__copy>*:last-child{margin-bottom:0}.wt-about-collage__copy em{font-style:normal;font-weight:700}.wt-about-collage__item--image{overflow:hidden;border-radius:var(--about-collage-radius, 12px);transform:rotate(var(--about-collage-item-rotate, 0deg))}@media screen and (min-width:750px){.wt-about-collage__item--ratio{justify-self:start;height:100%;width:auto;max-width:100%;aspect-ratio:var(--about-collage-ratio)}}.wt-about-collage__img{display:block;width:100%;height:100%;object-fit:cover}.wt-about-collage__item--product{z-index:2;display:flex;align-items:center;justify-content:var(--about-collage-product-justify, center);overflow:visible;pointer-events:none}.wt-about-collage__product-img{display:block;width:var(--about-collage-product-width, 100%);height:auto;max-width:none;transform:translate(var(--about-collage-nudge-x, 0%),var(--about-collage-nudge-y, 0%)) rotate(var(--about-collage-item-rotate, 0deg))}.wt-about-collage__item--shadow .wt-about-collage__product-img{--about-collage-shadow-x: min(.972vw, 14.7px);--about-collage-shadow-y: min(1.085vw, 16.4px);--about-collage-shadow-blur: min(.926vw, 14px);--about-collage-shadow-angle: var(--about-collage-item-rotate, 0deg);filter:drop-shadow(calc(var(--about-collage-shadow-x) * cos(var(--about-collage-shadow-angle)) + var(--about-collage-shadow-y) * sin(var(--about-collage-shadow-angle))) calc(var(--about-collage-shadow-y) * cos(var(--about-collage-shadow-angle)) - var(--about-collage-shadow-x) * sin(var(--about-collage-shadow-angle))) var(--about-collage-shadow-blur) rgb(21 21 21 / 50%))}@media screen and (max-width:1199px){.wt-about-collage__canvas{grid-auto-rows:calc(var(--about-collage-row-height, 108px) * .82)}.wt-about-collage__copy{font-size:calc(2.6rem * var(--about-collage-text-scale, 1))}}@media screen and (max-width:989px){.wt-about-collage__canvas{grid-auto-rows:calc(var(--about-collage-row-height, 108px) * .68)}.wt-about-collage__copy{font-size:calc(2.2rem * var(--about-collage-text-scale, 1))}}@media screen and (max-width:749px){.wt-about-collage{padding-inline:16px;overflow-x:clip}.wt-about-collage__canvas{display:flex;flex-direction:column;gap:28px}.wt-about-collage__item{width:100%}.wt-about-collage__item--text{text-align:left}.wt-about-collage__copy{font-size:calc(2rem * var(--about-collage-text-scale, 1))}.wt-about-collage__item--image{aspect-ratio:4 / 3;transform:none}.wt-about-collage__item--product[data-hide-mobile=true]{display:none}.wt-about-collage__item--product{position:relative;display:block;height:0;margin-top:-28px;padding-top:calc(var(--about-collage-mobile-width, 40%) / var(--about-collage-product-ratio, 1) * var(--about-collage-mobile-overhang, .2) + 8px)}.wt-about-collage__product-img{position:absolute;bottom:8px;right:var(--about-collage-mobile-inset, 4%);width:var(--about-collage-mobile-width, 40%);transform:rotate(var(--about-collage-mobile-rotate, 0deg))}.wt-about-collage__item--product[data-mobile-corner=left] .wt-about-collage__product-img{right:auto;left:var(--about-collage-mobile-inset, 4%)}.wt-about-collage__item--shadow .wt-about-collage__product-img{--about-collage-shadow-angle: var(--about-collage-mobile-rotate, 0deg)}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/section-about-collage.css.map */