.timeline{display:block;position:relative;--timeline-ease: cubic-bezier(.22, 1, .36, 1);--timeline-fade: .55s;--timeline-stage-top: var(--header-height, 0px);--timeline-rail-dot-center: 1.2rem;--timeline-rail-origin: left;--timeline-photo-scale: 1;--rail-progress: 0;--p: .5}[dir=rtl] .timeline{--timeline-rail-origin: right}.timeline__stage{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--px-mobile);display:flex;flex-direction:column}@media screen and (min-width:750px){.timeline__stage{padding-inline:5rem}}.timeline__rail{position:sticky;top:calc(var(--timeline-stage-top) - 1px);z-index:3;padding-block:1.6rem 1.2rem;background:linear-gradient(to bottom,rgb(var(--color-background)) 68%,rgba(var(--color-background),0))}.timeline__rail-list{position:relative;display:flex;margin:0;padding:0;list-style:none}.timeline__rail-list:before,.timeline__rail-list:after{content:"";position:absolute;top:var(--timeline-rail-dot-center);inset-inline:calc(50% / var(--era-count));height:2px;border-radius:2px;transform:translateY(-50%);pointer-events:none}.timeline__rail-list:before{background-color:rgba(var(--color-foreground),.16)}.timeline__rail-list:after{background-color:rgb(var(--color-accent));transform:translateY(-50%) scaleX(var(--rail-progress));transform-origin:var(--timeline-rail-origin) center;will-change:transform}.timeline__rail-item{flex:1 1 0;min-width:0}.timeline__rail-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:.9rem;width:100%;padding:.6rem .2rem 0;background:none;border:0;cursor:pointer;color:rgb(var(--color-foreground));font-family:inherit;-webkit-appearance:none;appearance:none}.timeline__rail-dot{position:relative;width:1.2rem;height:1.2rem;border-radius:50%;background-color:rgb(var(--color-background));box-shadow:inset 0 0 0 2px rgba(var(--color-foreground),.28);transition:box-shadow .4s var(--timeline-ease),transform .4s var(--timeline-ease)}.timeline__rail-dot:after{content:"";position:absolute;top:-.7rem;right:-.7rem;bottom:-.7rem;left:-.7rem;border-radius:50%;border:1px solid rgb(var(--color-accent));opacity:0;transform:scale(.6);transition:opacity .45s var(--timeline-ease),transform .45s var(--timeline-ease)}.timeline__rail-label{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:1.3rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;opacity:.55;transition:opacity .4s var(--timeline-ease),color .4s var(--timeline-ease)}.timeline__rail-button:hover .timeline__rail-label,.timeline__rail-button:focus-visible .timeline__rail-label{opacity:1}.timeline__rail-button:hover .timeline__rail-dot{box-shadow:inset 0 0 0 2px rgb(var(--color-accent))}.timeline__rail-button[aria-current=true] .timeline__rail-dot{background-color:rgb(var(--color-accent));box-shadow:inset 0 0 0 2px rgb(var(--color-accent));transform:scale(1.15)}.timeline__rail-button[aria-current=true] .timeline__rail-dot:after{opacity:.5;transform:scale(1)}.timeline__rail-button[aria-current=true] .timeline__rail-label{opacity:1;color:rgb(var(--color-heading))}.timeline__rail-button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px;border-radius:4px}@media screen and (min-width:750px){.timeline__rail-label{font-size:1.6rem}}.timeline__eras{position:relative}.era{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;padding-block:4.8rem}.era+.era{border-top:1px solid rgba(var(--color-foreground),.1)}.era__copy>*{margin:0}.era__copy>*+*{margin-top:1.6rem}.era__index{font-size:1.2rem;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-caption))}.era__year{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4.8rem,15vw,9rem);line-height:.92;letter-spacing:-.02em;color:rgb(var(--color-heading))}.timeline--year-accent .era__year{color:rgb(var(--color-accent))}.timeline--year-outline .era__year{color:transparent;-webkit-text-stroke:1px rgb(var(--color-heading))}.era__heading{font-size:calc(var(--font-heading-scale) * 2.15rem)}.era__text>:first-child{margin-top:0}.era__text>:last-child{margin-bottom:0}.era__button{display:inline-flex;align-items:center}.era__photos{position:relative;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);aspect-ratio:var(--media-ratio, 1.3333);width:100%;max-height:100%}.era__photo{position:relative;min-width:0}.era__photo-inner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:transform .5s var(--timeline-ease)}.era__photo img{display:block;width:auto;height:auto;max-width:calc(100% * var(--timeline-photo-scale, 1));max-height:calc(100% * var(--timeline-photo-scale, 1));border-radius:var(--timeline-photo-radius, 0px);box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.18);transition:box-shadow .5s var(--timeline-ease)}.era__photo .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--timeline-photo-radius, 0px);box-shadow:0 1.2rem 3.2rem rgba(var(--color-shadow),.18)}.era__photos[data-photo-count="1"] .era__photo:nth-child(1){grid-area:1 / 1 / 7 / 7}.era__photos[data-photo-count="2"] .era__photo:nth-child(1){grid-area:1 / 1 / 6 / 5}.era__photos[data-photo-count="2"] .era__photo:nth-child(2){grid-area:3 / 4 / 7 / 7}.era__photos[data-photo-count="3"] .era__photo:nth-child(1),.era__photos[data-photo-count="4"] .era__photo:nth-child(1){grid-area:1 / 1 / 5 / 5}.era__photos[data-photo-count="3"] .era__photo:nth-child(2),.era__photos[data-photo-count="4"] .era__photo:nth-child(2){grid-area:3 / 4 / 7 / 7}.era__photos[data-photo-count="3"] .era__photo:nth-child(3),.era__photos[data-photo-count="4"] .era__photo:nth-child(3){grid-area:5 / 1 / 7 / 4}.era__photos[data-photo-count="4"] .era__photo:nth-child(4){grid-area:1 / 5 / 3 / 7}.era__photos[data-photo-count="5"],.era__photos[data-photo-count="6"]{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:1.2rem}.era__photos[data-photo-count="5"] .era__photo:nth-child(1),.era__photos[data-photo-count="6"] .era__photo:nth-child(1){grid-area:1 / 1 / 3 / 3}.timeline--stack-photos .era__photo:nth-child(1) .era__photo-inner{--rot: -2.2deg}.timeline--stack-photos .era__photo:nth-child(2) .era__photo-inner{--rot: 2.4deg}.timeline--stack-photos .era__photo:nth-child(3) .era__photo-inner{--rot: -1.6deg}.timeline--stack-photos .era__photo:nth-child(4) .era__photo-inner{--rot: 2.8deg}.timeline--stack-photos .era__photo:nth-child(5) .era__photo-inner{--rot: -2deg}.timeline--stack-photos .era__photo:nth-child(6) .era__photo-inner{--rot: 1.8deg}.era__photo:nth-child(1){z-index:3}.era__photo:nth-child(2){z-index:5}.era__photo:nth-child(3){z-index:4}.era__photo:nth-child(4){z-index:2}.era__photo:nth-child(5){z-index:4}.era__photo:nth-child(6){z-index:3}.era__photo:hover{z-index:6}.era__photo:hover .era__photo-inner{transform:rotate(var(--rot, 0deg)) scale(1.03)}.era__photo:hover img{box-shadow:0 2rem 4.8rem rgba(var(--color-shadow),.26)}.timeline--animated .era__photo-inner{opacity:0;transform:translate3d(0,2.4rem,0) scale(.96) rotate(var(--rot, 0deg));transition:opacity .7s var(--timeline-ease),transform .9s var(--timeline-ease);transition-delay:calc(var(--i, 0) * 90ms)}.timeline--animated .era.is-visible .era__photo-inner{opacity:1;transform:translateZ(0) scale(1) rotate(var(--rot, 0deg))}.timeline--animated .era__copy>*{opacity:0;transform:translate3d(0,1.6rem,0);transition:opacity .6s var(--timeline-ease),transform .7s var(--timeline-ease)}.timeline--animated .era__copy>:nth-child(1){transition-delay:60ms}.timeline--animated .era__copy>:nth-child(2){transition-delay:.13s}.timeline--animated .era__copy>:nth-child(3){transition-delay:.2s}.timeline--animated .era__copy>:nth-child(4){transition-delay:.27s}.timeline--animated .era__copy>:nth-child(5){transition-delay:.34s}.timeline--animated .era.is-visible .era__copy>*{opacity:1;transform:none}@media screen and (min-width:990px){.timeline__viewport{position:relative;height:calc(100vh - var(--timeline-stage-top) + (var(--era-count) * var(--era-scroll) * 1vh));height:calc(100svh - var(--timeline-stage-top) + (var(--era-count) * var(--era-scroll) * 1svh))}.timeline__stage{position:sticky;top:var(--timeline-stage-top);height:calc(100vh - var(--timeline-stage-top));height:calc(100svh - var(--timeline-stage-top));min-height:58rem;padding-block:clamp(2rem,4vh,4.8rem) clamp(1.6rem,3vh,3.2rem);overflow:hidden}.timeline__eras{order:1;flex:1 1 auto;min-height:0}.timeline__rail{order:2;position:static;flex:0 0 auto;padding-block:2.4rem 0;background:none}.era{position:absolute;top:0;right:0;bottom:0;left:0;grid-template-columns:minmax(0,.88fr) minmax(0,1fr);gap:clamp(3rem,5vw,7rem);align-items:center;padding-block:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--timeline-fade) var(--timeline-ease),visibility 0s linear var(--timeline-fade)}.era+.era{border-top:0}.era.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--timeline-fade) var(--timeline-ease),visibility 0s}.timeline--media-first .era__copy{order:2}.timeline--media-first .era__media{order:1}.era__media{display:flex;align-items:center;justify-content:center;height:100%;min-height:0}.era__year{font-size:clamp(6rem,7vw,11rem)}.era__heading{font-size:calc(var(--font-heading-scale) * 2.5rem)}.timeline--parallax .era.is-active .era__photo{transform:translate3d(0,calc((var(--p) - .5) * var(--depth, 0px)),0);will-change:transform}.timeline--parallax .era__photo:nth-child(1){--depth: 26px}.timeline--parallax .era__photo:nth-child(2){--depth: -34px}.timeline--parallax .era__photo:nth-child(3){--depth: 20px}.timeline--parallax .era__photo:nth-child(4){--depth: -18px}.timeline--parallax .era__photo:nth-child(5){--depth: 30px}.timeline--parallax .era__photo:nth-child(6){--depth: -24px}}.no-js .timeline__viewport,.no-js .timeline__stage{height:auto;min-height:0;position:static;overflow:visible}.no-js .era{position:static;opacity:1;visibility:visible;pointer-events:auto}.no-js .timeline__rail{display:none}@media(prefers-reduced-motion:reduce){.timeline--animated .era__photo-inner,.timeline--animated .era__copy>*{opacity:1;transform:none;transition-duration:.01ms;transition-delay:0s}.timeline--parallax .era.is-active .era__photo{transform:none}.era__photo:hover .era__photo-inner{transform:rotate(var(--rot, 0deg))}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/section-timeline.css.map */