.timeline{position:relative}.timeline__header{margin-bottom:0}.timeline__title-content{display:flex;flex-direction:column;gap:4rem;text-align:center;width:auto;margin:0 auto}@media screen and (min-width: 750px){.timeline__title-content{max-width:71rem;min-width:45rem}}@media screen and (min-width: 1400px){.timeline__title-content{max-width:65rem}.timeline__title-content.content-container--center{max-width:95rem}}.timeline__heading-container{margin:0;display:flex;flex-direction:column;gap:.5rem;align-items:center}.timeline__heading-standard{margin:0;display:block}.timeline__heading-accent{font-family:var(--font-accent-family);font-weight:var(--font-accent-weight);color:rgb(var(--color-accent));line-height:1;display:inline-block;margin-top:-2rem;margin-bottom:-2rem}.timeline__heading-accent.h1{font-size:calc(var(--font-heading-scale) * 12rem);font-style:var(--font-accent-style);transform:rotate(-6deg);transform-origin:top center}@media screen and (max-width: 749px){.timeline__heading-accent.h1{font-size:calc(var(--font-heading-scale) * 9rem)}}.timeline__heading-accent.h2{font-size:calc(var(--font-heading-scale) * 9rem)}@media screen and (max-width: 749px){.timeline__heading-accent.h2{font-size:calc(var(--font-heading-scale) * 6rem)}}.timeline__heading-accent.h3{font-size:calc(var(--font-heading-scale) * 6rem)}@media screen and (max-width: 749px){.timeline__heading-accent.h3{font-size:calc(var(--font-heading-scale) * 5.4rem)}}.timeline__heading-accent.h4{font-size:calc(var(--font-heading-scale) * 5.4rem)}@media screen and (max-width: 749px){.timeline__heading-accent.h4{font-size:calc(var(--font-heading-scale) * 4rem)}}.timeline__heading-accent.h5{font-size:calc(var(--font-heading-scale) * 4rem)}@media screen and (max-width: 749px){.timeline__heading-accent.h5{font-size:calc(var(--font-heading-scale) * 3.6rem)}}.timeline__title-content.content-container--left{align-items:flex-start;text-align:left}.timeline__title-content.content-container--center{align-items:center;text-align:center}.timeline__title-content.content-container--right{align-items:flex-end;text-align:right}@media screen and (min-width: 750px){.timeline__title-content.content-container--left .timeline__heading-container{align-items:flex-start}.timeline__title-content.content-container--center .timeline__heading-container{align-items:center}.timeline__title-content.content-container--right .timeline__heading-container{align-items:flex-end}}.timeline__items-container{position:relative;height:100vh;margin-top:-4rem;overflow:hidden}.timeline__items{position:absolute;top:0;left:0;width:100%;height:100%}.timeline__item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 0 12rem;transition:opacity .5s ease-in-out}.timeline__item.is-active{opacity:1;pointer-events:auto}.timeline__slide-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(2rem,4vh,8rem);margin:0 auto}.timeline__year{font-family:var(--font-accent-family);font-weight:var(--font-accent-weight);font-style:var(--font-accent-style);font-size:30vw;line-height:.75;color:rgb(var(--color-icon));margin:0;transform:translateY(10%)}.timeline__images{pointer-events:none}.timeline__item-text{display:flex;flex-direction:column;gap:2.7rem;position:relative;z-index:2;max-width:71rem;width:100%;margin:0 auto;padding:0 1.5rem}@media screen and (min-width: 750px){.timeline__item-text{min-width:45rem;padding:0 5rem}}@media screen and (min-width: 1400px){.timeline__item-text{max-width:95rem}}.timeline__item-title{margin:0;color:rgb(var(--color-icon))}.timeline__item-description{color:rgba(var(--color-foreground),.8)}.timeline__image{position:absolute;padding:.8rem;transition:top .1s linear,transform .1s linear;will-change:top,transform}@media screen and (min-width: 750px){.timeline__image{padding:1rem}}@media screen and (min-width: 990px){.timeline__image{padding:1.2rem}}.timeline__image.portrait{width:8rem}.timeline__image.square,.timeline__image.landscape{width:12rem}@media screen and (min-width: 750px){.timeline__image.portrait{width:14.5rem}.timeline__image.square,.timeline__image.landscape{width:21rem}}@media screen and (min-width: 990px){.timeline__image.portrait{width:16.5rem}.timeline__image.square,.timeline__image.landscape{width:24.2rem}}.timeline__image img{width:100%;height:auto;position:relative;z-index:1}.timeline__frame{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}.timeline__frame img{width:100%;height:100%;object-fit:fill}.timeline__controls{position:absolute;bottom:0;left:0;width:100%;z-index:10;padding:2rem 1.5rem;display:flex}@media screen and (min-width: 750px){.timeline__controls{padding:2rem 5rem}}.timeline__controls-wrapper{width:100%;display:flex;align-items:center}.timeline__controls-scroll{width:calc((100% / 3) * 2);position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}@media screen and (min-width: 750px){.timeline__controls-scroll{width:calc((100% / 6) * 5)}}.timeline__controls-scroll::-webkit-scrollbar{display:none}.timeline__controls-list{display:flex;padding-top:3.5rem;min-width:min-content}.timeline__nav-controls{width:calc(100% / 3);flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:.5rem}@media screen and (min-width: 750px){.timeline__nav-controls{width:calc(100% / 6);gap:1rem}}.timeline__nav-button{width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;background:rgb(var(--color-controls));color:#fff;border:.2rem solid rgb(var(--color-controls));cursor:pointer;padding:0;margin:0;flex-shrink:0;border-radius:2.2rem;overflow:hidden;transition:color .65s ease-in-out .05s,border-color .65s ease-in-out .05s;position:relative}.timeline__nav-button:before{content:"";position:absolute;top:-25%;width:0;height:150%;background-color:rgb(var(--color-button-hover));pointer-events:none;opacity:1;transition:width .65s ease-in-out .05s;z-index:0}.timeline__nav-button--prev:before{right:-25%;border-radius:10rem 0 0 10rem}.timeline__nav-button--next:before{left:-25%;border-radius:0 10rem 10rem 0}.timeline__nav-button:hover{color:rgb(var(--color-button-hover-text));border-color:rgb(var(--color-button-hover-text))}.timeline__nav-button:hover:before{width:175%}.timeline__nav-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.timeline__nav-button--prev .timeline__nav-icon{transform:rotate(0)}.timeline__nav-icon{overflow:hidden;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.timeline__nav-icon .svg-wrapper{width:1.1rem;height:2rem;color:inherit;transition:color .4s ease-in-out .3s}.timeline__nav-button--prev .svg-wrapper{transform:rotate(90deg)}.timeline__nav-button--next .svg-wrapper{transform:rotate(-90deg)}.timeline__nav-button--prev:hover .svg-wrapper{animation:timelineIconLoopPrev 1.6s ease-in-out 0s infinite;color:rgb(var(--color-button-hover-icon))}.timeline__nav-button--next:hover .svg-wrapper{animation:timelineIconLoopNext 1.6s ease-in-out 0s infinite;color:rgb(var(--color-button-hover-icon))}@keyframes timelineIconLoopPrev{0%,15%{transform:rotate(90deg) translateY(0)}50%{transform:rotate(90deg) translateY(150%)}51%{transform:rotate(90deg) translateY(-150%)}85%,to{transform:rotate(90deg) translateY(0)}}@keyframes timelineIconLoopNext{0%,15%{transform:rotate(-90deg) translateY(0)}50%{transform:rotate(-90deg) translateY(150%)}51%{transform:rotate(-90deg) translateY(-150%)}85%,to{transform:rotate(-90deg) translateY(0)}}.timeline__control-item{flex:0 0 auto;cursor:pointer;transition:transform .2s ease;width:16.67%;padding:0 1.6rem 0 0}@media screen and (min-width: 750px){.timeline__control-item{width:22.5%}}.timeline__control-item:hover{transform:translateY(-.2rem)}.timeline__control-content{display:flex;flex-direction:column;gap:.5rem;text-align:left}.timeline__control-year{font-size:calc(var(--font-heading-scale) * 2.6rem);font-weight:700;line-height:calc(1 + .3/max(1,var(--font-heading-scale)));letter-spacing:.06rem;color:rgba(var(--color-heading),.5)}.timeline__control-title{font-size:1.4rem;color:rgba(var(--color-heading),.5);display:none}@media screen and (min-width: 750px){.timeline__control-title{display:block}}.timeline__control-item.is-active .timeline__control-year{color:rgb(var(--color-icon))}.timeline__control-item.is-active .timeline__control-title{color:rgb(var(--color-heading))}.timeline__progress-bar{position:absolute;top:0;left:0;width:100%;height:.2rem;margin-top:2rem;background-color:rgba(var(--color-heading),.5)}.timeline__progress-dot{position:absolute;top:50%;left:0;width:1.4rem;height:1.4rem;background-color:rgb(var(--color-icon));border:.2rem solid rgb(var(--color-background));border-radius:50%;transform:translateY(-50%);transition:transform .1s ease-out;z-index:2}.timeline__progress-dot:before{content:"";position:absolute;top:50%;right:100%;width:8rem;height:.2rem;background:linear-gradient(to left,rgb(var(--color-icon)),transparent);transform:translateY(-50%);pointer-events:none}.timeline__progress-dot:after{content:"";position:absolute;top:50%;left:100%;width:8rem;height:.2rem;background:linear-gradient(to right,rgb(var(--color-icon)),transparent);transform:translateY(-50%);pointer-events:none}
/*# sourceMappingURL=/cdn/shop/t/19/assets/component-timeline.css.map */