.ts-expanding-image{width:100%;padding:clamp(48px,7vw,var(--pad-y, 95px)) 40px;border-bottom:var(--ts-border);color:var(--ts-ink)}.ts-expanding-image--max-width{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1200px;margin:auto}.ts-expanding-image__text{max-width:546px}.ts-expanding-image__heading{margin:0 0 24px;max-width:12em;font-weight:600;line-height:1.12;letter-spacing:-.04em}.ts-expanding-image__copies{display:grid}.ts-expanding-image__copy{grid-area:1 / 1;margin:0;line-height:1.12;letter-spacing:-.03em;transition:opacity .45s var(--ts-ease)}.ts-expanding-image__copy p{margin:0;font-size:inherit}.ts-expanding-image__copy--expanded,.ts-expanding-image.is-expanded .ts-expanding-image__copy--compact{opacity:0}.ts-expanding-image.is-expanded .ts-expanding-image__copy--expanded{opacity:1}.ts-expanding-image{--size-end-c: min(var(--size-end, 510px), 44vw)}.ts-expanding-image__stage{flex-shrink:0;width:var(--size-end-c);height:var(--size-end-c);display:flex;align-items:center;justify-content:center}.ts-expanding-image__frame{position:relative;width:calc(var(--size-start, 120px) + (var(--size-end-c) - var(--size-start, 120px)) * var(--p, 0));aspect-ratio:1}.ts-expanding-image__clip{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ts-expanding-image__clip img,.ts-expanding-image__clip .placeholder-svg{position:absolute;top:50%;left:50%;width:var(--size-end-c);height:var(--size-end-c);max-width:none;object-fit:cover;display:block}.ts-expanding-image__clip img{transform:translate(calc(-1 * (var(--fx, 50%) + (50% - var(--fx, 50%)) * var(--p, 0))),calc(-1 * (var(--fy, 50%) + (50% - var(--fy, 50%)) * var(--p, 0))))}.ts-expanding-image__clip .placeholder-svg{transform:translate(-50%,-50%)}.ts-expanding-image__label{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;font-size:clamp(13px,1.2vw,17px);line-height:1.2;letter-spacing:-.03em;white-space:nowrap;pointer-events:none;transition:color .45s var(--ts-ease),opacity .45s var(--ts-ease),top .45s var(--ts-ease),left .45s var(--ts-ease)}.ts-expanding-image__label svg{width:16px;height:16px;flex-shrink:0}.ts-expanding-image__label--start{top:-30px;left:0;color:var(--ts-ink)}.ts-expanding-image.is-expanded .ts-expanding-image__label--start{top:13%;left:10%;color:#fff}.ts-expanding-image__label--end{right:8%;bottom:8%;color:#fff;opacity:0}.ts-expanding-image.is-expanded .ts-expanding-image__label--end{opacity:1}@media only screen and (max-width:767px){.ts-expanding-image{flex-direction:column;align-items:flex-start;gap:40px;padding:56px 24px 64px}.ts-expanding-image{--size-end-c: min(var(--size-end, 510px), calc(100vw - 48px) )}.ts-expanding-image__stage{align-self:center}.ts-expanding-image__label{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/562/assets/ts-expanding-image.css.map */