.sa-humanoid-design{display:block;background:var(--sa-hd-background, #f5f5f7);color:var(--sa-hd-title, #222222);font-family:inherit;--sa-hd-page-padding: clamp(80px, 8.333vw, 160px);--sa-hd-header-top: clamp(80px, 6.25vw, 120px);--sa-hd-header-bottom: 64px;--sa-hd-heading-size: clamp(44px, 2.917vw, 56px);--sa-hd-label-size: clamp(16px, 1.042vw, 20px);--sa-hd-item-title-size: clamp(30px, 1.875vw, 36px);--sa-hd-description-size: clamp(20px, 1.25vw, 24px);--sa-hd-column-gap: clamp(40px, 3.333vw, 64px);--sa-hd-label-column: clamp(128px, 7.969vw, 153px);--sa-hd-copy-gap: clamp(48px, 5.208vw, 100px);--sa-hd-stage-padding: 48px;--sa-hd-stack-gap: 59px;--sa-hd-sticky-shift: 0px;--sa-hd-sticky-offset: min(var(--sa-hd-sticky-shift), var(--sa-hd-header-top));--sa-hd-sticky-top: calc(var(--sa-header-height, 80px) - var(--sa-hd-sticky-offset))}.sa-humanoid-design__header{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:16px;width:100%;max-width:1920px;margin-inline:auto;padding:var(--sa-hd-header-top) var(--sa-hd-page-padding) var(--sa-hd-header-bottom);position:relative;z-index:2;background:var(--sa-hd-background, #f5f5f7)}.sa-humanoid-design__eyebrow{display:inline-flex;align-items:center;min-height:40px;padding:7px 16px;border-radius:999px;background:var(--sa-hd-chip, #ffffff);color:var(--sa-hd-eyebrow, #7d7d7d);font-size:var(--sa-hd-label-size);font-weight:400;line-height:1.3;text-transform:uppercase}.sa-humanoid-design__heading{max-width:100%;margin:0;color:var(--sa-hd-title, #222222);font-family:inherit;font-size:var(--sa-hd-heading-size);font-weight:500;line-height:1.2;overflow-wrap:anywhere}.sa-humanoid-design__track{position:relative;height:var(--sa-hd-track-height, 310vh)}.sa-humanoid-design__sticky{position:sticky;top:var(--sa-hd-sticky-top);height:calc(100vh - var(--sa-hd-sticky-top));height:calc(100svh - var(--sa-hd-sticky-top));overflow:hidden;background:var(--sa-hd-background, #f5f5f7)}.sa-humanoid-design__stage{position:relative;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,856fr) minmax(0,680fr);gap:var(--sa-hd-column-gap);width:100%;max-width:1920px;height:calc(100% - var(--sa-hd-header-height, 300px));margin-inline:auto;padding-inline:var(--sa-hd-page-padding);overflow:hidden}.sa-humanoid-design__steps{position:relative;min-width:0;height:100%;margin:0;padding:0;list-style:none}.sa-humanoid-design__step{position:absolute;right:0;left:0;display:grid;grid-template-columns:var(--sa-hd-label-column) minmax(0,1fr);column-gap:var(--sa-hd-copy-gap);align-items:start;min-height:43px;opacity:1;transition:top .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.sa-humanoid-design__step.is-before{top:calc(var(--sa-hd-stage-padding) + var(--sa-hd-stack-order, 0) * var(--sa-hd-stack-gap))}.sa-humanoid-design__step.is-active{top:50%;transform:translateY(-50%)}.sa-humanoid-design[data-hd-initial] .sa-humanoid-design__step.is-active{top:var(--sa-hd-stage-padding);transform:none}.sa-humanoid-design__step.is-after{top:calc(100% - var(--sa-hd-stage-padding) - var(--sa-hd-stack-order, 0) * var(--sa-hd-stack-gap) - 43px)}.sa-humanoid-design__label{display:flex;align-items:center;min-width:0;max-width:100%;min-height:43px;overflow:hidden;color:var(--sa-hd-muted, #9b9b9b);font-size:var(--sa-hd-label-size);font-weight:400;line-height:1.4;white-space:normal;transition:color .3s ease}.sa-humanoid-design__label-text{display:-webkit-box;max-width:100%;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:2}.sa-humanoid-design__step:not(.is-active) .sa-humanoid-design__label-text{-webkit-line-clamp:1}.sa-humanoid-design__step.is-active .sa-humanoid-design__label{color:var(--sa-hd-title, #222222)}.sa-humanoid-design__copy{grid-column:2;display:flex;flex-direction:column;gap:24px;min-width:0;opacity:0;transform:translateY(18px);visibility:hidden;transition:opacity .35s ease,transform .5s cubic-bezier(.22,1,.36,1),visibility 0s linear .5s}.sa-humanoid-design__step.is-active .sa-humanoid-design__copy{opacity:1;transform:translateY(0);visibility:visible;transition-delay:.12s}.sa-humanoid-design__item-heading,.sa-humanoid-design__description{margin:0;font-family:inherit;overflow-wrap:anywhere}.sa-humanoid-design__item-heading{color:var(--sa-hd-title, #222222);font-size:var(--sa-hd-item-title-size);font-weight:500;line-height:1.2}.sa-humanoid-design__description{color:var(--sa-hd-title, #222222);font-size:var(--sa-hd-description-size);font-weight:400;line-height:1.5;display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.sa-humanoid-design__description li{display:flex;align-items:flex-start;gap:16px;min-width:0}.sa-humanoid-design__description-dot{flex:0 0 10px;width:10px;height:10px;margin-top:calc(.75em - 5px);border-radius:50%;background:#0079df}.sa-humanoid-design__description strong{font-weight:600}.sa-humanoid-design__media,.sa-humanoid-design__mobile-media{position:relative;min-width:0;overflow:hidden;background:var(--sa-hd-background, #f5f5f7)}.sa-humanoid-design__media{height:100%}.sa-humanoid-design__dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--sa-hd-dot, #cbcbcc) 2px,transparent 2.2px);background-position:0 0;background-size:12px 12px;pointer-events:none}.sa-humanoid-design__media-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;margin:0;opacity:0;visibility:hidden;transform:translateY(22%);transition:opacity .5s ease,transform .75s cubic-bezier(.22,1,.36,1),visibility 0s;pointer-events:none}.sa-humanoid-design__media-item.is-before{transform:translateY(-22%)}.sa-humanoid-design__media-item.is-active{z-index:1;opacity:1;visibility:visible;transform:translateY(0)}.sa-humanoid-design__media-item.is-instant{transition:none}.sa-humanoid-design__image{display:block;width:auto;object-fit:contain}.sa-humanoid-design__mobile-media{display:none}@media(max-width:1199px)and (min-width:768px){.sa-humanoid-design{--sa-hd-page-padding: 48px;--sa-hd-column-gap: 32px;--sa-hd-copy-gap: 32px;--sa-hd-label-column: 122px;--sa-hd-stage-padding: 40px}.sa-humanoid-design__stage{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}.sa-humanoid-design__image{max-width:78%;height:88%}}@media(max-width:767px){.sa-humanoid-design{--sa-hd-page-padding: 16px;--sa-hd-header-top: 64px;--sa-hd-header-bottom: 10px;--sa-hd-mobile-header-height: 5px;--sa-hd-heading-size: 30px;--sa-hd-label-size: 14px;--sa-hd-item-title-size: 26px;--sa-hd-description-size: 16px}.sa-humanoid-design__header{gap:12px}.sa-humanoid-design__eyebrow{min-height:28px;padding:5px 10px;font-size:12px}.sa-humanoid-design__track{height:var(--sa-hd-track-height, 310vh)}.sa-humanoid-design__sticky{position:sticky;top:var(--sa-hd-mobile-header-height);height:calc(100svh - var(--sa-hd-mobile-header-height));overflow:hidden;background:var(--sa-hd-background, #f5f5f7)}.sa-humanoid-design__stage{position:relative;display:flex;flex-direction:column;gap:10px;height:calc(100% - var(--sa-hd-header-height, 180px));margin-top:0;padding:0 var(--sa-hd-page-padding) 24px;overflow:hidden}.sa-humanoid-design__steps{position:relative;z-index:2;flex:0 0 auto;height:auto;min-height:0}.sa-humanoid-design__step,.sa-humanoid-design__step.is-before,.sa-humanoid-design__step.is-active,.sa-humanoid-design__step.is-after{position:relative;top:auto;right:auto;left:auto;display:none;flex-direction:column;gap:10px;min-height:0;transform:none}.sa-humanoid-design__step:not(.is-active){display:none}.sa-humanoid-design__step.is-active{display:flex}.sa-humanoid-design__label{order:1}.sa-humanoid-design__copy{order:2}.sa-humanoid-design__mobile-media{display:none}.sa-humanoid-design__label{min-height:0;overflow:visible;color:var(--sa-hd-title, #222222);line-height:1.5;white-space:normal}.sa-humanoid-design__label-text{display:block;overflow:visible;-webkit-line-clamp:initial}.sa-humanoid-design__step:not(.is-active) .sa-humanoid-design__label-text{-webkit-line-clamp:initial}.sa-humanoid-design__copy,.sa-humanoid-design__step.is-active .sa-humanoid-design__copy{grid-column:auto;gap:16px;opacity:1;transform:none;visibility:visible;transition:none}.sa-humanoid-design__media{display:block;position:relative;flex:1 1 auto;min-height:0;width:100%;height:auto;margin-top:0;overflow:hidden}.sa-humanoid-design__header{position:static;background:transparent}.sa-humanoid-design__media-item{align-items:center;justify-content:center}.sa-humanoid-design__media-item .sa-humanoid-design__image{max-width:88%;height:88%}}@media(prefers-reduced-motion:reduce){.sa-humanoid-design__step,.sa-humanoid-design__label,.sa-humanoid-design__copy,.sa-humanoid-design__media-item{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/sa-humanoid-design.css.map */