.placeholder-background{position:absolute;height:100%;width:100%;top:0;left:0;z-index:-1;overflow:hidden;opacity:.7}.placeholder-background__svg{height:100%!important;width:auto!important;min-width:100%}.placeholder-svg--dark{background:#696969;fill:#a1a1a1}.timeline{box-shadow:0 -2px 10px #36363633}.timeline__listitem{position:relative;height:540px;text-shadow:0 1px rgba(0,0,0,.5)}.timeline__item{position:absolute;top:0;left:0;display:flex;align-items:flex-start;width:100%;height:100%;opacity:0;background:#36363633;pointer-events:none;transition:opacity .5s ease-in-out}.timeline__image-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.timeline__image{width:100%;height:100%;background-size:cover;background-position:center;transform:translate(-50px) scale(1.1);transform-origin:left;transition:transform .5s cubic-bezier(.645,.045,.355,1)}.timeline__inner{position:absolute;padding:80px 20px 31px;max-height:100%;width:100%;overflow:auto;-webkit-overflow-scrolling:touch;bottom:0}.timeline__header>*{opacity:0;transform:translateY(30px);transition:opacity .5s cubic-bezier(.215,.61,.355,1),transform 1s cubic-bezier(.215,.61,.355,1) .5s}.timeline__header>.section-header__description{transform:translateY(50px)}.timeline__item.is-selected{opacity:1;pointer-events:auto}.timeline__item.is-selected .timeline__image{transform:translate(0) scale(1.1)}.timeline__item.is-selected .timeline__header>*{opacity:1;transition-delay:.5s;transform:translateY(0)}@media screen and (max-width: 640px){.shopify-section--timeline{border-top:none!important}.shopify-section--timeline .section{padding-top:0!important;padding-bottom:0!important}.shopify-section--timeline .Container{padding-left:0;padding-right:0}.timeline__header .Heading,.timeline__header .Rte a{color:inherit}.section-overlay:after{content:"";position:absolute;background:linear-gradient(180deg,#12121200 51.56%,#12121280);z-index:1;width:100%;height:100%}}@media screen and (min-width: 641px){.timeline__listitem{max-width:1180px;margin:0 auto;height:400px;text-shadow:none}.timeline__item{align-items:flex-end;background-color:var(--light-background)}.timeline__image-wrapper,.timeline__inner{position:relative;flex:none;width:50%}.timeline__image-wrapper{position:relative;height:100%}.timeline__image-wrapper:after{display:none}.timeline__image{transform:translate(-60px) scale(1.1)}.timeline__inner{padding:52px 56px}.timeline__header{text-align:left}}@media screen and (min-width: 1008px){.timeline__listitem{height:515px}}.timeline__nav{position:relative;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 11px));font-size:calc(var(--font-body-scale) * 1.25rem);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-scale);letter-spacing:.2em}.timeline__nav-wrapper{display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;-webkit-overflow-scrolling:touch;overflow:auto}.timeline__nav-wrapper--center{justify-content:center}.timeline__navitem{margin:0;font-size:14px;position:relative;padding:30px 20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;letter-spacing:inherit;vertical-align:text-bottom;transition:all .25s ease-in-out;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-scale);color:rgb(var(--color-primary-main));text-decoration:none}.timeline__navitem:after{position:absolute;content:"";bottom:-1px;left:20px;height:3px;width:calc(100% - 40px - .2em);opacity:0;background:currentColor;transform:scaleX(0);transform-origin:left center;transition:opacity .3s,transform .3s}.timeline__navitem.is-selected{font-size:18px;color:rgb(var(--color-common-black))}.timeline__navitem.is-selected:after{opacity:1;transform:scale(1)}.timeline__nav-label{display:block;line-height:0}@media screen and (min-width: 641px){.timeline{box-shadow:none}.timeline__nav{margin-top:40px;background:none;font-size:calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px))}.timeline__nav-wrapper{display:block;text-align:center}.timeline__navitem{padding-top:20px;padding-bottom:20px}}.section-header__heading{margin:12px 0}@media screen and (min-width: 641px){.section-header__heading{margin:12px 0 16px}}@media screen and (max-width: 640px){.section-header__heading{color:rgb(var(--color-common-white))}}.section-header__description p{margin:0}@media screen and (max-width: 640px){.section-header__description p{color:rgb(var(--color-common-white))}}.section-header__sub-heading{text-transform:uppercase}@media screen and (max-width: 640px){.section-header__sub-heading{color:rgb(var(--color-common-white))}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-timeline.css.map */
