.vc-campaign-biomechanics{--_col-pad-top: clamp(6rem, 12vw, 10.75rem);--_scale: 1.2;--_step-gap: calc(clamp(8rem, 14vw, 12.5rem) * var(--_scale));--_step-h: calc(clamp(26rem, 40vw, 36.4rem) * var(--_scale));--_illo-size: calc(clamp(36rem, 55vw, 48.8rem) * var(--_scale))}.vc-campaign-biomechanics{padding-block-start:var(--space-8);padding-inline:var(--section-pad-x);background-color:var(--background-primary)}.vc-campaign-biomechanics__content{border-top:1px solid var(--border-secondary);padding-block-end:var(--space-9);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);align-items:start}.vc-campaign-biomechanics__left{grid-column:1 / span 6;padding-block-start:var(--_col-pad-top);height:calc(100vh - var(--header-height));display:flex;flex-direction:column;justify-content:space-between}.vc-campaign-biomechanics__heading{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-5)}.vc-campaign-biomechanics__heading-main{font-family:var(--font-label);font-size:var(--text-24);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--text-primary);white-space:pre-line}.vc-campaign-biomechanics__heading-faded{font-family:var(--font-label);font-size:var(--text-24);font-weight:500;line-height:var(--leading-tight);letter-spacing:var(--tracking-display);color:var(--text-primary);opacity:.5}.vc-campaign-biomechanics__body{font-family:var(--font-heading);font-size:var(--text-14);font-weight:300;line-height:var(--leading-normal);color:var(--text-primary);max-width:30rem}.vc-campaign-biomechanics__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);width:clamp(14rem,25vw,22rem)}.vc-campaign-biomechanics__list-item{position:relative;display:flex;align-items:center;gap:0;padding-block-end:var(--space-3);border-bottom:1px solid var(--border-secondary);cursor:pointer;opacity:.2;transition:opacity var(--dur-base) var(--ease)}.vc-campaign-biomechanics__list-item[data-active]{opacity:1}.vc-campaign-biomechanics__list-progress{position:absolute;bottom:-1px;left:0;height:1px;width:0%;background-color:var(--text-primary);pointer-events:none}.vc-campaign-biomechanics__list-numeral{font-family:var(--font-label);font-size:var(--text-14);font-weight:500;line-height:var(--leading-normal);letter-spacing:var(--tracking-body);color:var(--text-primary);width:2.5rem;flex-shrink:0}.vc-campaign-biomechanics__list-label{font-family:var(--font-label);font-size:var(--text-14);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-body);color:var(--text-primary);white-space:nowrap}.vc-campaign-biomechanics__list-bar{display:none}.vc-campaign-biomechanics__credit{padding-block-end:var(--space-8);font-family:var(--font-label);font-size:var(--text-11);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-primary);opacity:.5}.vc-campaign-biomechanics__right{grid-column:7 / span 6;padding-block-start:var(--_col-pad-top);display:flex;flex-direction:column;gap:var(--_step-gap);overflow:visible}.vc-campaign-biomechanics__step{flex-shrink:0}.vc-campaign-biomechanics__illustration{position:relative;height:var(--_step-h);overflow:visible}.vc-campaign-biomechanics__stage{position:absolute;--_frame-h: min(var(--_illo-size), calc(var(--_illo-size) / var(--_ratio, 1)));top:calc(var(--_step-h) * -.18 - var(--_trim-desktop, 0) / 100 * var(--_frame-h));left:calc(var(--_illo-size) * -.274);width:var(--_illo-size);height:var(--_illo-size);display:grid;place-items:center;pointer-events:none}.vc-campaign-biomechanics__frame{position:relative;width:min(100%,calc(var(--_illo-size) * var(--_ratio)));aspect-ratio:var(--_ratio)}.vc-campaign-biomechanics__illo-img{display:block;width:100%;height:100%;object-fit:fill}.vc-campaign-biomechanics__callout{position:absolute;width:287px;height:116px}.vc-campaign-biomechanics__callout-node{position:absolute;left:0;top:0;width:16px;height:16px;transform-origin:center}.vc-campaign-biomechanics__callout-node svg{position:absolute;top:-12.5%;right:-12.5%;bottom:-12.5%;left:-12.5%;width:125%;height:125%;overflow:visible}.vc-campaign-biomechanics__callout-connector{position:absolute;left:15px;top:12px;width:calc(81px * var(--line-scale, 1));height:calc(41px * var(--line-scale, 1));overflow:visible}.vc-campaign-biomechanics__callout-text{position:absolute;left:calc(19px + 81px * var(--line-scale, 1));top:calc(12px + 41px * var(--line-scale, 1));width:187px;font-family:var(--font-label);font-size:var(--text-14);font-weight:400;line-height:var(--leading-normal);letter-spacing:var(--tracking-body);color:var(--text-primary);opacity:0}@media(min-width:676px)and (max-width:991px){.vc-campaign-biomechanics{--_scale: 1}.vc-campaign-biomechanics__content{grid-template-columns:repeat(8,1fr)}.vc-campaign-biomechanics__left{grid-column:1 / span 3}.vc-campaign-biomechanics__right{grid-column:4 / span 5}}@media(max-width:675px){.vc-campaign-biomechanics{padding:var(--space-7)}.vc-campaign-biomechanics__content{display:grid;grid-template-columns:1fr;padding-block-start:var(--space-8);padding-block-end:0}.vc-campaign-biomechanics__credit{padding-block-start:var(--space-7);padding-block-end:0}.vc-campaign-biomechanics__left{grid-row:1;grid-column:1;display:flex;flex-direction:column;gap:0;height:calc(100dvh - var(--header-height));width:100%!important;min-width:0;padding-block-start:0;justify-content:space-between;z-index:2;background-color:transparent;padding-block-end:0;pointer-events:none}.vc-campaign-biomechanics__left[data-end]{align-self:end}.vc-campaign-biomechanics__dock{position:fixed;inset-inline:0;--_dock-bleed: 50dvh;inset-block:var(--header-height) calc(var(--_dock-bleed) * -1);padding-block-end:var(--_dock-bleed);z-index:var(--z-dock);display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;visibility:hidden}.vc-campaign-biomechanics__dock:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--_dock-bleed);background-color:var(--background-primary)}.vc-campaign-biomechanics__dock[data-active]{visibility:visible}.vc-campaign-biomechanics__dock .vc-campaign-biomechanics__text,.vc-campaign-biomechanics__dock .vc-campaign-biomechanics__list{margin-inline:0;width:100%}.vc-campaign-biomechanics__text{background-color:var(--background-primary);padding-block-end:var(--space-3);pointer-events:auto}.vc-campaign-biomechanics__text,.vc-campaign-biomechanics__list{margin-inline:calc(var(--space-7) * -1);padding-inline:var(--space-7)}.vc-campaign-biomechanics__text,.vc-campaign-biomechanics__list{position:relative}.vc-campaign-biomechanics__text:after,.vc-campaign-biomechanics__list:before{content:"";position:absolute;inset-inline:0;height:var(--space-7);pointer-events:none}.vc-campaign-biomechanics__text:after{top:100%;background:linear-gradient(to bottom,var(--background-primary),transparent)}.vc-campaign-biomechanics__list:before{bottom:100%;background:linear-gradient(to top,var(--background-primary),transparent)}.vc-campaign-biomechanics__list{width:calc(100% + var(--space-7) * 2);background-color:var(--background-primary);padding-block-start:var(--space-3);padding-block-end:var(--space-5);pointer-events:auto}.vc-campaign-biomechanics__heading-main,.vc-campaign-biomechanics__heading-faded{width:100%!important}.vc-campaign-biomechanics__right{grid-row:1;grid-column:1;z-index:1;padding-block-start:calc(var(--_text-h, 30dvh) + var(--space-6));padding-block-end:calc(var(--_nav-h, 20dvh) + var(--space-7));display:flex;flex-direction:column;gap:var(--space-7)}.vc-campaign-biomechanics__heading-main{font-size:var(--text-20)}.vc-campaign-biomechanics__step{display:block}.vc-campaign-biomechanics__illustration{position:relative;width:85%;height:auto;overflow:visible}.vc-campaign-biomechanics__stage{position:relative;top:auto;left:auto;width:100%;height:auto;display:block}.vc-campaign-biomechanics__frame{width:100%;margin-block-start:calc(var(--_trim, 0) / var(--_ratio, 1) * -1%)}.vc-campaign-biomechanics__callout{left:var(--mob-x)!important;top:var(--mob-y)!important}.vc-campaign-biomechanics__callout-node{display:block;width:8px;height:8px}.vc-campaign-biomechanics__callout-connector{display:block;left:7px;top:6px;width:calc(81px * var(--line-scale-mob, 1));height:calc(41px * var(--line-scale-mob, 1))}.vc-campaign-biomechanics__callout-text{left:calc(19px + 81px * var(--line-scale-mob, 1));top:calc(12px + 41px * var(--line-scale-mob, 1));width:120px;font-size:var(--text-11)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list{flex-direction:row;align-items:flex-end;gap:var(--space-5);padding-block-end:var(--space-5)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-item{flex:0 0 auto;padding-block-end:var(--space-3);transition:opacity var(--dur-base) var(--ease),flex-grow var(--dur-base) var(--ease)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-item[data-active]{flex:1 1 auto}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-numeral{width:auto;transition:margin var(--dur-base) var(--ease)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-item[data-active] .vc-campaign-biomechanics__list-numeral{margin-inline-end:var(--space-4)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-label{max-width:0;overflow:hidden;opacity:0;transition:max-width var(--dur-base) var(--ease),opacity var(--dur-base) var(--ease)}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-item[data-active] .vc-campaign-biomechanics__list-label{max-width:12rem;opacity:1}[data-mobile-nav=compact] .vc-campaign-biomechanics__list{position:relative}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-progress{display:none}[data-mobile-nav=compact] .vc-campaign-biomechanics__list-bar{display:block;position:absolute;inset-inline-start:var(--space-7);bottom:calc(var(--space-5) - 1px);width:calc((100% - var(--space-7) * 2) * var(--_p, 0));height:1px;background-color:var(--text-primary);pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/vc-campaign-biomechanics.css.map */