.sunup-timeline{--sunup-timeline-position: 0;--sunup-timeline-stage-scroll: 45vh;--sunup-timeline-backdrop-height: 58%;--sunup-timeline-rider-size: 6.4rem;--sunup-timeline-dot-size: 1rem;--sunup-timeline-leave: .15s;--sunup-timeline-enter: .35s;position:relative;display:block;color:var(--sunup-timeline-text, rgb(var(--color-foreground)));background:var(--sunup-timeline-background, var(--overwrite-background, rgb(var(--color-background))))}.sunup-timeline__scroll{position:relative}.sunup-timeline__viewport{position:relative;display:flex;flex-direction:column;overflow:hidden}.sunup-timeline__backdrops{position:absolute;z-index:0;right:0;bottom:0;left:0;height:var(--sunup-timeline-backdrop-height);overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgb(0 0 0) 22%);mask-image:linear-gradient(to bottom,transparent 0%,rgb(0 0 0) 22%);pointer-events:none}.sunup-timeline__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 0s linear var(--duration-long)}.sunup-timeline__backdrop.is-active{z-index:1;opacity:1;transition:opacity var(--duration-long) ease}.sunup-timeline:not(.sunup-timeline--enhanced) .sunup-timeline__backdrops{height:55vh}.sunup-timeline__backdrop-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.sunup-timeline__inner{position:relative;z-index:1;display:flex;flex-direction:column;padding-top:max(4.8rem,var(--header-height, 0px));padding-bottom:4.8rem;gap:3.2rem}.sunup-timeline__header{text-align:center}.sunup-timeline__heading{margin:0;color:inherit}.sunup-timeline__subheading{margin:1.2rem 0 0;font-size:calc(var(--font-body-scale) * 1.6rem);font-weight:700;line-height:1.3}.sunup-timeline__stage{position:relative}.sunup-timeline__products{display:flex;flex-direction:column;margin:0;padding:0;gap:6.4rem;list-style:none}.sunup-timeline__product{display:flex;flex-direction:column;align-items:center;gap:2.4rem}.sunup-timeline__product-media{display:flex;width:100%;max-width:28rem;align-items:center;justify-content:center}.sunup-timeline__product-image{display:block;width:auto;max-width:100%;height:auto;max-height:calc(60vh * var(--sunup-timeline-can-height-scale, 1));object-fit:contain}.sunup-timeline__product-content{display:flex;max-width:42rem;flex-direction:column;align-items:center;text-align:center}.sunup-timeline__eyebrow{margin:0 0 .8rem;font-size:1.2rem;font-weight:600;letter-spacing:.2em;line-height:1.2;opacity:.7;text-transform:uppercase}.sunup-timeline__headline{margin:0;color:inherit;font-size:calc(var(--font-heading-h2-scale) * 2.8rem);line-height:1}.sunup-timeline__description{margin-top:1.2rem;font-size:calc(var(--font-body-scale) * 1.4rem);line-height:1.5}.sunup-timeline__description>:first-child{margin-top:0}.sunup-timeline__description>:last-child{margin-bottom:0}.sunup-timeline__cta{margin-top:2.4rem}.sunup-timeline--color-overrides .sunup-timeline__button{--color-button: var(--sunup-timeline-button-rgb, var(--color-foreground));--color-button-text: var(--sunup-timeline-button-text-rgb, 250, 246, 236);--color-button-hover: var(--color-button);--color-button-text-hover: var(--color-button-text);--color-button-secondary: var(--color-button);--color-button-secondary-text: var(--color-button-text);--color-button-secondary-hover: var(--color-button);--color-button-secondary-text-hover: var(--color-button-text);--color-button-tertiary-text: var(--color-button)}.sunup-timeline__timeline{position:relative;z-index:1;margin-top:auto}.sunup-timeline__actions{display:flex;justify-content:flex-end}.sunup-timeline__skip{min-width:4.4rem;min-height:4.4rem;padding:.9rem}.sunup-timeline__skip svg{flex:0 0 auto}.sunup-timeline__end{scroll-margin-top:var(--header-height, 0px)}.sunup-timeline__track{position:relative;padding-top:var(--sunup-timeline-rider-size);container-type:inline-size}.sunup-timeline__track-line{position:absolute;top:calc(var(--sunup-timeline-rider-size) + (var(--sunup-timeline-dot-size) / 2));right:calc(50% / var(--sunup-timeline-stages));left:calc(50% / var(--sunup-timeline-stages));height:1px;background:currentcolor;opacity:.35;pointer-events:none}.sunup-timeline__rider{position:absolute;top:0;left:calc(50% / var(--sunup-timeline-stages));width:var(--sunup-timeline-rider-size);height:var(--sunup-timeline-rider-size);transform:translate(calc(var(--sunup-timeline-position) * 100cqi / var(--sunup-timeline-stages) - 50%));will-change:transform;pointer-events:none}.sunup-timeline__rider-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;opacity:0}.sunup-timeline__rider-image.is-active{opacity:1}.sunup-timeline__rider-body{position:absolute;top:0;right:0;bottom:0;left:0;display:block;transform-origin:50% 100%}.sunup-timeline__rider--reverse .sunup-timeline__rider-body{scale:-1 1}.sunup-timeline__rider[data-pose=walk] .sunup-timeline__rider-body{animation:sunup-timeline-walk .5s ease-in-out infinite}.sunup-timeline__rider[data-pose=gallop] .sunup-timeline__rider-body{animation:sunup-timeline-gallop .34s linear infinite}@keyframes sunup-timeline-walk{0%,to{transform:none}50%{transform:translateY(-3%) rotate(-1deg)}}@keyframes sunup-timeline-gallop{0%,to{transform:none}25%{transform:translateY(-9%) rotate(-5deg)}55%{transform:translateY(-11%) rotate(3deg)}80%{transform:translateY(-2%) rotate(1deg)}}.sunup-timeline__stops{display:flex;margin:0;padding:0;list-style:none}.sunup-timeline__stop-item{display:flex;min-width:0;flex:1 1 0}.sunup-timeline__stop{display:flex;min-width:0;min-height:4.4rem;flex:1 1 0;flex-direction:column;align-items:center;gap:1.2rem;padding-inline:.4rem;color:inherit;cursor:pointer;text-align:center;text-decoration:none}.sunup-timeline__stop:focus-visible{outline:2px solid currentcolor;outline-offset:.4rem}.sunup-timeline__stop:hover .sunup-timeline__stop-dot,.sunup-timeline__stop:focus-visible .sunup-timeline__stop-dot{background:currentcolor}.sunup-timeline__stop-dot{width:var(--sunup-timeline-dot-size);height:var(--sunup-timeline-dot-size);flex:0 0 auto;border:1px solid currentcolor;border-radius:50%;background:var(--sunup-timeline-background, rgb(var(--color-background)));transition:background-color var(--duration-default) ease}.sunup-timeline__stop.is-active .sunup-timeline__stop-dot{background:currentcolor}.sunup-timeline__stop-text{display:flex;flex-direction:column;gap:.4rem}.sunup-timeline__stop-label{font-size:1.2rem;font-weight:600;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}.sunup-timeline__stop-copy{font-size:1.1rem;letter-spacing:.12em;line-height:1.2;opacity:.6;text-transform:uppercase;transition:opacity var(--duration-default) ease}.sunup-timeline__stop.is-active .sunup-timeline__stop-copy{font-weight:700;opacity:1}body.sunup-timeline-locked{overflow:hidden;overscroll-behavior:none}.sunup-timeline--enhanced .sunup-timeline__scroll{height:calc(100vh + ((var(--sunup-timeline-stages) - 1) * var(--sunup-timeline-stage-scroll)));height:calc(100svh + ((var(--sunup-timeline-stages) - 1) * var(--sunup-timeline-stage-scroll)))}.sunup-timeline--enhanced .sunup-timeline__viewport{position:sticky;top:0;height:100vh;height:100svh}.sunup-timeline--enhanced .sunup-timeline__inner{height:100%}.sunup-timeline--enhanced .sunup-timeline__stage{min-height:0;flex:1 1 auto}.sunup-timeline--enhanced .sunup-timeline__products{position:absolute;top:0;right:0;bottom:0;left:0;display:block;gap:0}.sunup-timeline--enhanced .sunup-timeline__product{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center;opacity:0;transform:translateY(2rem);transition:opacity var(--sunup-timeline-leave) ease-in,transform 0s linear var(--sunup-timeline-leave),visibility 0s linear var(--sunup-timeline-leave);visibility:hidden}.sunup-timeline--enhanced .sunup-timeline__product.is-active{opacity:1;transform:none;transition:opacity var(--sunup-timeline-enter) ease-out var(--sunup-timeline-leave),transform var(--sunup-timeline-enter) cubic-bezier(.2,.7,.3,1) var(--sunup-timeline-leave),visibility 0s linear 0s;visibility:visible}.sunup-timeline--enhanced .sunup-timeline__product-media{min-height:0;height:auto;flex:1 1 auto}.sunup-timeline--enhanced .sunup-timeline__product-image{width:auto;max-width:100%;height:calc(100% * var(--sunup-timeline-can-height-scale, 1));max-height:none;object-fit:contain;object-position:center bottom}.sunup-timeline--enhanced .sunup-timeline__timeline{flex:0 0 auto}@media screen and (min-width:750px){.sunup-timeline{--sunup-timeline-rider-size: 8rem}.sunup-timeline__inner{padding-top:max(6.4rem,var(--header-height, 0px));padding-bottom:6.4rem;gap:4rem}.sunup-timeline__subheading{font-size:calc(var(--font-body-scale) * 1.8rem)}.sunup-timeline__product{flex-direction:row;align-items:center;justify-content:center;gap:4.8rem}.sunup-timeline__product-media{max-width:34rem;flex:0 1 auto;justify-content:flex-end}.sunup-timeline__product-content{flex:0 1 42rem;align-items:flex-start;text-align:left}.sunup-timeline__headline{font-size:calc(var(--font-heading-h2-scale) * 4rem)}.sunup-timeline__description{font-size:calc(var(--font-body-scale) * 1.5rem)}.sunup-timeline--enhanced .sunup-timeline__product-media{height:100%;align-self:stretch}}@media screen and (min-width:990px){.sunup-timeline__headline{font-size:calc(var(--font-heading-h2-scale) * 5.2rem)}.sunup-timeline__product{gap:6.4rem}}@media screen and (max-width:749px){.sunup-timeline{--sunup-timeline-backdrop-height: 50%}.sunup-timeline--enhanced .sunup-timeline__product-media{height:52%;flex:0 0 auto}.sunup-timeline--enhanced .sunup-timeline__product-content{min-height:0;flex:1 1 auto;justify-content:flex-start}.sunup-timeline--enhanced .sunup-timeline__stops{padding-bottom:4.4rem}.sunup-timeline--enhanced .sunup-timeline__stop-text{position:absolute;right:0;bottom:0;left:0;align-items:center;opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease}.sunup-timeline--enhanced .sunup-timeline__stop.is-active .sunup-timeline__stop-text{opacity:1}.sunup-timeline--enhanced .sunup-timeline__stop{gap:0}.sunup-timeline__stop-label{font-size:1.1rem;letter-spacing:.12em}.sunup-timeline__stop-copy{font-size:1rem}}@media(prefers-reduced-motion:reduce){.sunup-timeline__backdrop.is-active,.sunup-timeline__stop-dot,.sunup-timeline__stop-copy,.sunup-timeline--enhanced .sunup-timeline__stop-text{transition-duration:var(--duration-short)}.sunup-timeline{--sunup-timeline-leave: var(--duration-short);--sunup-timeline-enter: var(--duration-short)}.sunup-timeline--enhanced .sunup-timeline__product,.sunup-timeline--enhanced .sunup-timeline__product.is-active{transform:none}.sunup-timeline__rider[data-pose] .sunup-timeline__rider-body{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-sunup-timeline.css.map */