.abok-product-motion{--abok-motion-header-offset: var(--header-height, 0px);--abok-motion-surface: #f8fbfc;--abok-motion-ink: #11191d;--abok-motion-muted: #66747b;display:block;min-height:calc(100vh + var(--abok-motion-scroll, 300vh));color:var(--abok-motion-ink);background:var(--abok-motion-surface);scroll-margin-top:var(--abok-motion-header-offset)}.abok-product-motion--dark{--abok-motion-surface: #11191d;--abok-motion-ink: #f8fbfc;--abok-motion-muted: #bcc7cc}.abok-product-motion__stage{min-height:calc(100vh + var(--abok-motion-scroll, 300vh))}.abok-product-motion[data-motion-disabled]{min-height:auto}.abok-product-motion[data-motion-disabled] .abok-product-motion__pin{position:static;height:auto;min-height:0}.abok-product-motion[data-motion-disabled] .abok-product-motion__stage{min-height:auto}.abok-frame-sequence[data-motion-disabled] .abok-frame-sequence__canvas,.abok-frame-sequence[data-motion-disabled] .abok-product-motion__loading{display:none}.abok-frame-sequence[data-motion-disabled] .abok-frame-sequence__poster{opacity:1}.abok-product-motion__pin{position:sticky;top:var(--abok-motion-header-offset);height:calc(100vh - var(--abok-motion-header-offset));min-height:58rem}.abok-frame-sequence__layout,.abok-step-story__layout{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(32rem,.84fr);align-items:center;gap:clamp(3.2rem,5vw,8rem);padding-top:clamp(3.2rem,5vh,7.2rem);padding-bottom:clamp(3.2rem,5vh,7.2rem)}.abok-frame-sequence__media,.abok-step-story__media{position:relative;width:100%;min-width:0;aspect-ratio:1 / 1;overflow:hidden}.abok-frame-sequence__canvas,.abok-frame-sequence__poster,.abok-frame-sequence__poster-image,.abok-step-story__media figure,.abok-step-story__media picture,.abok-step-story__media img,.abok-step-story__media .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.abok-frame-sequence__canvas,.abok-frame-sequence__poster-image,.abok-step-story__media img,.abok-step-story__media .placeholder-svg{display:block;object-fit:contain}.abok-frame-sequence__canvas{z-index:1}.abok-frame-sequence__poster{z-index:2;opacity:1;transition:opacity .24s cubic-bezier(.22,1,.36,1)}.abok-frame-sequence.is-frame-ready .abok-frame-sequence__poster{opacity:0;pointer-events:none}.abok-product-motion__loading{position:absolute;z-index:3;right:1.6rem;bottom:1.6rem;padding:.7rem 1rem;border:.1rem solid rgb(17 25 29 / .14);border-radius:.4rem;background:#f8fbfceb;color:#46545b;font-size:1.2rem;line-height:1.2}.abok-frame-sequence.is-frame-ready .abok-product-motion__loading,.abok-frame-sequence.is-frame-error .abok-product-motion__loading,.abok-frame-sequence[data-frame-count="0"] .abok-product-motion__loading{display:none}.abok-product-motion__copy,.abok-step-story__copy{min-width:0;max-width:56rem}.abok-product-motion__eyebrow{margin:0 0 1rem;color:#007fba;font-size:1.3rem;font-weight:700;line-height:1.3}.abok-product-motion--dark .abok-product-motion__eyebrow{color:#37b6e8}.abok-product-motion__heading{margin:0;color:inherit;font-size:clamp(3.2rem,4vw,5.2rem);font-weight:700;line-height:1.08;letter-spacing:0}.abok-product-motion__text{max-width:62ch;margin-top:1.6rem;color:var(--abok-motion-muted);font-size:1.6rem;line-height:1.6}.abok-story-metrics{display:grid;gap:1.8rem;margin-top:3rem}.abok-story-metric__heading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:.8rem;color:inherit;font-size:1.4rem;line-height:1.4}.abok-story-metric__heading span{font-weight:600}.abok-story-metric__heading output{font-weight:700;font-variant-numeric:tabular-nums}.abok-story-metric__track{height:.8rem;overflow:hidden;border-radius:.4rem;background:#d7e0e4}.abok-story-metric__track span{display:block;width:100%;height:100%;background:#009fdc;transform:scaleX(var(--abok-progress-target, 1));transform-origin:left center}.abok-product-story.is-motion-ready .abok-story-metric:not(.is-complete) .abok-story-metric__track span{transform:scaleX(0)}.abok-story-metric.is-complete .abok-story-metric__track span{transform:scaleX(var(--abok-progress-target, 1));transition:transform var(--abok-progress-duration, 1s) cubic-bezier(.22,1,.36,1)}.abok-product-motion__steps,.abok-step-story__steps{display:grid;gap:0;margin:3.2rem 0 0;padding:0;border-top:.1rem solid rgb(102 116 123 / .3);list-style:none}.abok-product-motion__steps li,.abok-step-story__steps li{display:grid;grid-template-columns:minmax(11rem,.55fr) minmax(0,1fr);gap:1.6rem;padding:1.6rem 0;border-bottom:.1rem solid rgb(102 116 123 / .3);color:var(--abok-motion-muted);opacity:.48;transition:color .18s ease,opacity .18s ease}.abok-product-motion__steps li[aria-current=step],.abok-step-story__steps li[aria-current=step]{color:var(--abok-motion-ink);opacity:1}.abok-product-motion__steps strong,.abok-step-story__steps strong{color:inherit;font-size:1.6rem;line-height:1.35}.abok-product-motion__steps span,.abok-step-story__steps span,.abok-step-story__steps .rte{color:inherit;font-size:1.4rem;line-height:1.45}.abok-step-story__layout{grid-template-columns:minmax(32rem,.8fr) minmax(0,1.2fr)}.abok-step-story__media{order:2}.abok-step-story__media figure{z-index:1;margin:0;opacity:0;transform:translateY(1.6rem);transition:opacity .24s ease,transform .32s cubic-bezier(.22,1,.36,1)}.abok-step-story__media figure[aria-hidden=false],.abok-step-story__media figure:not([aria-hidden]){opacity:1;transform:translateY(0)}.abok-step-story__shared-media{z-index:1}.abok-step-story__shared-media--fallback{z-index:0;opacity:0}.abok-step-story__counter{position:absolute;z-index:3;right:clamp(1.6rem,4vw,5.6rem);bottom:clamp(1.6rem,4vw,5.6rem);display:flex;align-items:baseline;gap:.6rem;margin:0;color:var(--abok-motion-ink)}.abok-step-story__counter span{font-size:2rem;font-weight:600}.abok-step-story__counter strong{min-width:1ch;font-size:clamp(5.6rem,8vw,10rem);line-height:.9}.abok-product-story.is-motion-ready [data-abok-story-reveal]{opacity:0;transform:translateY(3.2rem);transition:opacity .42s ease,transform .62s cubic-bezier(.22,1,.36,1)}.abok-product-story.is-motion-ready [data-abok-story-reveal].is-visible{opacity:1;transform:translateY(0)}@media screen and (max-width:989px){.abok-product-motion{min-height:auto}.abok-product-motion__pin{position:static;height:auto;min-height:0}.abok-product-motion__stage{min-height:auto}.abok-frame-sequence__layout,.abok-step-story__layout{grid-template-columns:minmax(0,1fr);gap:3.2rem;padding-top:4.8rem;padding-bottom:4.8rem}.abok-frame-sequence__media,.abok-step-story__media{order:0;aspect-ratio:1 / .92}.abok-frame-sequence__canvas{display:none}.abok-frame-sequence__poster{opacity:1}.abok-product-motion__loading{display:none}.abok-product-motion__copy,.abok-step-story__copy{max-width:none}.abok-product-motion__heading{font-size:3.2rem}.abok-product-motion__steps li,.abok-step-story__steps li{grid-template-columns:minmax(0,1fr);gap:.6rem;opacity:1}.abok-step-story__media figure{display:none}.abok-step-story__media figure:first-child{display:block;opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.abok-product-motion{min-height:auto}.abok-product-motion__pin{position:static;height:auto;min-height:0}.abok-product-motion__stage{min-height:auto}.abok-frame-sequence__canvas,.abok-product-motion__loading{display:none}.abok-frame-sequence__poster{opacity:1}.abok-product-motion__steps li,.abok-step-story__steps li{opacity:1;transition:none}.abok-step-story__media figure,.abok-product-story.is-motion-ready [data-abok-story-reveal],.abok-story-metric__track span{opacity:1;transform:none;transition:none}}.ark2500-capacity-story{--abok-motion-header-offset: 6rem;--abok-motion-surface: #fff;--abok-capacity-blue: #009fdc;position:relative;isolation:isolate;width:90%;margin:0 auto}.ark2500-capacity-story__pin{display:grid;grid-template-rows:minmax(18.5rem,auto) minmax(0,1fr);padding-top:clamp(3.6rem,4.5vh,5.2rem);overflow:hidden}.ark2500-capacity-story__header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(34rem,.48fr);align-items:start;gap:clamp(4rem,7vw,14rem)}.ark2500-capacity-story__copy{min-width:0}.ark2500-capacity-story__heading{max-width:78rem;margin:0;color:#11191d;font-size:clamp(3.2rem,2vw,4rem);font-weight:700;line-height:1.1;letter-spacing:0}.ark2500-capacity-story__subtitle{max-width:80rem;margin:clamp(4.8rem,5.8vh,6.4rem) 0 0;color:#2f393e;font-size:clamp(1.6rem,1.05vw,2rem);line-height:1.5}.ark2500-capacity-story__metrics{position:relative;min-height:10rem;margin:clamp(3.4rem,4.5vh,5rem) 0 0;padding:0;list-style:none;text-align:right}.ark2500-capacity-story__metrics li{position:absolute;inset:0 0 auto;display:grid;justify-items:end;gap:.6rem;opacity:0;pointer-events:none;transition:opacity .22s ease}.ark2500-capacity-story__metrics li[aria-current=step]{opacity:1}.ark2500-capacity-story__metrics strong{color:var(--abok-capacity-blue);font-size:clamp(5.2rem,3.4vw,6.8rem);font-weight:700;font-variant-numeric:tabular-nums;line-height:.95;white-space:nowrap;background:linear-gradient(to right,#00a0e9 59.28%,#016491 99.21%);-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.ark2500-capacity-story__metrics li>span{color:#66747b;font-size:clamp(1.6rem,1.05vw,2rem);line-height:1.4}.ark2500-capacity-story__metrics .ark2500-capacity-story__limit{display:inline-block;margin-right:0;color:inherit;font-size:.48em;line-height:1;vertical-align:.25em}.ark2500-capacity-story__media{position:relative;z-index:1;min-height:0;overflow:hidden}.ark2500-capacity-story__picture{display:block;width:70%;margin:-5rem 0 0 clamp(12rem,8.8vw,18rem)}.ark2500-capacity-story__image,.ark2500-capacity-story__placeholder{display:block;width:100%;height:auto}.ark2500-capacity-story__counter{position:absolute;z-index:2;right:clamp(1rem,1.8vw,3.6rem);bottom:clamp(23rem,26vh,27rem);display:flex;align-items:baseline;gap:1.2rem;margin:0;color:#11191d;font-weight:700;line-height:1}.ark2500-capacity-story__counter span{font-size:clamp(3.6rem,2.6vw,5.2rem)}.ark2500-capacity-story__counter strong{min-width:1ch;font-size:clamp(5.2rem,3.5vw,7rem);font-variant-numeric:tabular-nums}@media screen and (max-width:989px){.ark2500-capacity-story{--abok-motion-header-offset: 0px}.ark2500-capacity-story__pin{grid-template-rows:auto auto;padding:4.8rem 0 3.2rem;overflow:visible}.ark2500-capacity-story__header{grid-template-columns:minmax(0,1fr);gap:1.6rem}.ark2500-capacity-story__subtitle{margin-top:1.8rem}.ark2500-capacity-story__metrics{min-height:8rem;margin-top:.8rem;text-align:left}.ark2500-capacity-story__metrics li{justify-items:start}.ark2500-capacity-story__metrics strong{font-size:clamp(4.2rem,13vw,5.6rem)}.ark2500-capacity-story__picture{width:100%;margin:2rem 0 0}.ark2500-capacity-story__counter{display:none}}@media screen and (max-width:374px){.ark2500-capacity-story__heading{font-size:2.8rem}.ark2500-capacity-story__metrics strong{font-size:3.8rem}}@media(prefers-reduced-motion:reduce){.ark2500-capacity-story__metrics li{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/abok-product-motion.css.map */