.AboutLabStorySlider{position:relative;min-height:calc(var(--lab-story-panels, 1) * 100vh);color:var(--color-white);--lab-story-expand-progress: 0;--lab-story-stage-scale-start: .84;--lab-story-stage-scale-end: 1;--lab-story-stage-scale-current: calc( var(--lab-story-stage-scale-start) + ((var(--lab-story-stage-scale-end) - var(--lab-story-stage-scale-start)) * var(--lab-story-expand-progress)) );--lab-story-media-scale: calc(1.08 + (.08 * (1 - var(--lab-story-expand-progress))))}.AboutLabStorySlider__pin{position:sticky;top:0;height:100vh;box-sizing:border-box}.AboutLabStorySlider__stage{position:absolute;top:0;right:0;bottom:0;left:0;background:#111;overflow:hidden;box-shadow:0 var(--spacing-20) var(--spacing-48) #11111124;transform:scale(var(--lab-story-stage-scale-current));transform-origin:center center;will-change:transform;transition:transform .18s linear}.AboutLabStorySlider__swiper,.AboutLabStorySlider__swiper .swiper-wrapper,.AboutLabStorySlider__swiper .swiper-slide{width:100%;height:100%}.AboutLabStorySlider__swiper{background:#111}.AboutLabStorySlider__swiper .swiper-slide{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0)}.AboutLabStorySlider__slide{position:relative;overflow:hidden;background:#111}.AboutLabStorySlider__media{display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--lab-story-media-scale));transform-origin:center center;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:opacity,transform;transition:transform .18s linear}.AboutLabStorySlider__media--placeholder{background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 34%),linear-gradient(135deg,#bbb1a3,#756459 56%,#291f1b)}.AboutLabStorySlider__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#10101014,#1010102e),radial-gradient(circle at 30% 20%,rgba(255,255,255,.12),transparent 32%);pointer-events:none;will-change:opacity}.AboutLabStorySlider__intro{position:absolute;inset:50% auto auto 50%;z-index:2;transform:translate(-50%,-50%) scale(calc(1 / var(--lab-story-stage-scale-current)));transform-origin:center center;text-align:center;width:min(86%,56rem);pointer-events:none;will-change:transform;transition:transform .18s linear}.AboutLabStorySlider__eyebrow{text-transform:uppercase;color:var(--color-grey-line);text-align:center;font-family:var(--font-paragraph--family);font-size:var(--font-size-10);font-style:normal;font-weight:var(--font-weight-medium);line-height:normal}.AboutLabStorySlider__introTitle{margin:var(--spacing-30) 0 0;text-transform:uppercase;color:var(--color-white);font-family:var(--font-heading--family);font-size:var(--font-size-54);font-style:normal;font-weight:var(--font-weight-semibold);line-height:var(--spacing-40)}.AboutLabStorySlider__content,.AboutLabStorySlider__previewCard,.AboutLabStorySlider__ui{position:absolute;z-index:3}.AboutLabStorySlider__content{display:flex;flex-direction:column;gap:var(--spacing-34);padding:0;opacity:0;transform:translateY(var(--spacing-20));transition:opacity .52s ease,transform .52s ease;width:100%;bottom:247px;padding:0 var(--spacing-34)}.swiper-slide-active .AboutLabStorySlider__content{opacity:1;transform:translateY(0)}.AboutLabStorySlider__left{max-width:645px}.AboutLabStorySlider__slideLabel{color:var(--color-grey-line);font-family:var(--font-paragraph--family);font-size:var(--font-size-12);font-style:normal;font-weight:var(--font-weight-medium);line-height:normal;letter-spacing:.1em}.AboutLabStorySlider__slideTitle{margin:var(--spacing-30) 0 0;color:var(--color-white);font-size:var(--font-size-45);font-style:normal;font-weight:var(--font-weight-semibold);line-height:var(--spacing-50);letter-spacing:var(--letter-spacing-tight);text-transform:uppercase;font-family:var(--font-heading--family)}.AboutLabStorySlider__right{max-width:537px}.AboutLabStorySlider__slideDescription{color:var(--color-grey-extra-light);font-family:var(--font-paragraph--family);font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--spacing-22)}.AboutLabStorySlider__slideDescription p{margin:0}.AboutLabStorySlider__cta{display:inline-flex;align-items:center;justify-content:center;min-width:14rem;min-height:4.3rem;margin-top:1.2rem;padding:1rem 2rem;border:1px solid rgba(255,255,255,.75);border-radius:999px;color:var(--color-white);font-size:1.1rem;line-height:1;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;-webkit-backdrop-filter:blur(var(--spacing-8));backdrop-filter:blur(var(--spacing-8))}.AboutLabStorySlider__previewCard{top:var(--spacing-50);right:var(--spacing-36);width:100%;max-width:197px;padding:0;background:none;border:none;opacity:0;transform:translateY(var(--spacing-14)) scale(.98);transition:opacity .52s ease,transform .52s ease}.swiper-slide-active .AboutLabStorySlider__previewCard{opacity:1;transform:translateY(0) scale(1)}.AboutLabStorySlider__previewMedia{display:block;width:100%;aspect-ratio:1 / .72;object-fit:cover;background:#ffffff14}.AboutLabStorySlider__previewName{color:var(--color-grey-line);text-align:right;font-family:var(--font-paragraph--family);font-size:var(--font-size-10);font-style:normal;font-weight:var(--font-weight-medium);line-height:normal}.AboutLabStorySlider__ui{inset:auto 0 var(--spacing-36);padding:0 var(--spacing-34);opacity:0;transition:opacity .32s ease}.AboutLabStorySlider__stage.is-story-start .AboutLabStorySlider__ui{opacity:1}.AboutLabStorySlider__navList{display:flex;align-items:stretch;justify-content:space-between;gap:var(--spacing-40);border-top:none}.AboutLabStorySlider__navItem{position:relative;display:flex;flex:1 1 0;align-items:center;justify-content:flex-start;gap:.55rem;min-width:0;padding:var(--spacing-10);border:0;background:transparent;color:#ffffffb8;text-transform:none;border-top:2px solid rgba(229,229,229,.35);margin-top:0;font-family:var(--font-paragraph--family);font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--spacing-22);letter-spacing:var(--letter-spacing-wide);--nav-progress: 0}.AboutLabStorySlider__navItem:before{content:"";position:absolute;top:-2px;left:0;width:100%;height:2px;background:var(--color-white);transform:scaleX(var(--nav-progress));transform-origin:left center;will-change:transform;pointer-events:none}.AboutLabStorySlider__navItem.is-active{color:var(--color-white)}.AboutLabStorySlider__navNumber{letter-spacing:.08em}.AboutLabStorySlider__navTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-paragraph--family);font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--spacing-22);letter-spacing:var(--letter-spacing-wide)}@media(min-width:0px)and (max-width:749px){.AboutLabStorySlider{min-height:calc(var(--lab-story-panels, 1) * 100svh);--lab-story-stage-scale-start: .79;--lab-story-media-scale: calc(1.04 + (.05 * (1 - var(--lab-story-expand-progress))))}.AboutLabStorySlider__pin{height:100svh}.AboutLabStorySlider__eyebrow{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:normal;color:var(--color-grey-line)}.AboutLabStorySlider__introTitle{font-size:var(--font-size-35);font-weight:var(--font-weight-bold);line-height:var(--spacing-30);margin:var(--spacing-10) 0 0}.AboutLabStorySlider__previewCard{top:var(--spacing-18);left:var(--spacing-16)}.AboutLabStorySlider__previewName{text-align:left;font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:normal}.AboutLabStorySlider__content{bottom:var(--spacing-108);padding:0 var(--spacing-16);gap:var(--spacing-20)}.AboutLabStorySlider__ui{padding:0 var(--spacing-16);inset:auto 0 var(--spacing-54)}.AboutLabStorySlider__slideLabel{font-size:var(--font-size-12);line-height:normal;letter-spacing:.1em}.AboutLabStorySlider__slideTitle{margin:var(--spacing-30) 0 0 0;font-size:var(--font-size-35);line-height:var(--spacing-40);letter-spacing:var(--letter-spacing-tight)}.AboutLabStorySlider__navList{gap:var(--spacing-10);position:relative;align-items:flex-start;padding-top:var(--spacing-22);min-height:calc(var(--spacing-22) + var(--spacing-32))}.AboutLabStorySlider__navList:after{content:attr(data-active-title);position:absolute;top:var(--spacing-30);left:0;color:var(--color-white);font-family:var(--font-paragraph--family);font-size:var(--font-size-16);font-style:normal;font-weight:var(--font-weight-regular);line-height:var(--spacing-22);letter-spacing:var(--letter-spacing-wide);text-transform:none;white-space:nowrap;pointer-events:none}.AboutLabStorySlider__navItem{position:relative;padding:0;min-height:2px}.AboutLabStorySlider__navTitle{display:none}}@media(min-width:750px)and (max-width:991px){.AboutLabStorySlider{--lab-story-frame-padding: calc(var(--spacing-16) * 2);--lab-story-stage-scale-start: 1;--lab-story-stage-scale-end: 1}.AboutLabStorySlider__stage{inset:calc(var(--lab-story-frame-padding) * (1 - var(--lab-story-expand-progress)))}.AboutLabStorySlider__eyebrow{font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:normal;color:var(--color-grey-line)}.AboutLabStorySlider__introTitle{font-size:var(--font-size-40);font-weight:var(--font-weight-bold);line-height:var(--spacing-30);margin:var(--spacing-10) 0 0}.AboutLabStorySlider__previewCard{top:var(--spacing-18);left:var(--spacing-16)}.AboutLabStorySlider__previewName{text-align:left;font-size:var(--font-size-10);font-weight:var(--font-weight-medium);line-height:normal}.AboutLabStorySlider__content{bottom:var(--spacing-110);padding:0 var(--spacing-16);gap:var(--spacing-20)}.AboutLabStorySlider__ui{padding:0 var(--spacing-16);inset:auto 0 var(--spacing-54)}.AboutLabStorySlider__slideLabel{font-size:var(--font-size-12);line-height:normal;letter-spacing:.1em}.AboutLabStorySlider__slideTitle{margin:var(--spacing-30) 0 0 0;font-size:var(--font-size-35);line-height:var(--spacing-40);letter-spacing:var(--letter-spacing-tight)}.AboutLabStorySlider__navList{gap:var(--spacing-10);position:relative}.AboutLabStorySlider__navItem{position:relative}.AboutLabStorySlider__navTitle{position:absolute;top:var(--spacing-12);left:0;right:0;pointer-events:none;opacity:0}.AboutLabStorySlider__navItem.is-active .AboutLabStorySlider__navTitle{pointer-events:unset;opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/about-lab-story-slider.css.map */