.experience{padding-bottom:var(--space-8)}.experience__header{margin-bottom:var(--space-6)}.experience__stage-wrap{position:sticky;top:var(--header-height);z-index:2;margin-inline:calc(var(--page-margin) * -1);padding:var(--space-3) var(--page-margin) var(--space-4);background:var(--color-bg)}.experience__stage{position:relative;height:min(44svh,calc((100vw - var(--page-margin) * 2) * 1.25));aspect-ratio:4 / 5;margin-inline:auto}.experience__frame{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transform:translate3d(0,3%,0);transition:opacity .6s var(--ease-out-soft),transform .8s var(--ease-out-soft)}.experience__frame .media{height:100%;aspect-ratio:auto}[data-active="1"] [data-frame="0"],[data-active="2"] [data-frame="0"],[data-active="2"] [data-frame="1"],[data-active="3"] [data-frame="0"],[data-active="3"] [data-frame="1"],[data-active="3"] [data-frame="2"]{transform:translate3d(0,-3%,0)}[data-active="0"] [data-frame="0"],[data-active="1"] [data-frame="1"],[data-active="2"] [data-frame="2"],[data-active="3"] [data-frame="3"]{opacity:1;transform:none}.experience__ticks{display:none}.experience__chapter{display:flex;flex-direction:column;justify-content:center;min-height:56svh;padding-block:var(--space-6);opacity:.28;transition:opacity var(--duration-slow) var(--ease-out-soft)}.experience__chapter.is-active{opacity:1}.js .experience__chapter>*{transform:translate3d(0,12px,0);transition:transform .7s var(--ease-out-soft)}.js .experience__chapter.is-active>*{transform:none}.js .experience__chapter.is-active>:nth-child(2){transition-delay:60ms}.js .experience__chapter.is-active>:nth-child(3){transition-delay:.12s}.experience__chapter>*+*{margin-top:var(--space-3)}.experience__index{font-variant-numeric:tabular-nums}.experience__title{max-width:16ch}.experience__text{max-width:30rem;color:var(--color-stone)}html:not(.js) .experience__chapter{opacity:1}@media(min-width:1024px){.experience__layout{--stage-height: min(76svh, 46rem);display:grid;grid-template-columns:7fr 5fr;gap:var(--space-9)}.experience__stage-wrap{top:calc(var(--header-height) + (100svh - var(--header-height) - var(--stage-height)) / 2);align-self:start;margin:0;padding:0;background:none}.experience__stage{height:var(--stage-height);margin-inline:0 auto}.experience__ticks{position:absolute;top:0;left:calc(100% + var(--space-5));display:grid;gap:var(--space-3);font-size:var(--text-eyebrow);font-weight:600;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--color-mist)}.experience__tick{padding-left:var(--space-3);border-left:1px solid var(--color-sand);transition:color var(--duration-base) var(--ease-out-soft),border-color var(--duration-base) var(--ease-out-soft)}[data-active="0"] [data-tick="0"],[data-active="1"] [data-tick="1"],[data-active="2"] [data-tick="2"],[data-active="3"] [data-tick="3"]{color:var(--color-ink);border-color:var(--color-ink)}.experience__chapter{min-height:88svh;padding-block:var(--space-8)}}@media(prefers-reduced-motion:reduce){.experience__frame{transform:none}}@media(prefers-reduced-motion:reduce){.js .experience__chapter>*{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-product-experience.css.map */