.section-timeline{position:relative;overflow:hidden;background:var(--color-bg);color:var(--color-fg)}.timeline__header{margin-block-end:var(--section-header-gap, clamp(var(--space-6), 6.5vw, var(--space-16)))}.timeline__header .section__header-text{max-inline-size:min(100%,56rem);margin-inline:auto}.timeline__header .section__subheading{text-wrap:balance}.timeline__title{margin:0;line-height:1.12;max-inline-size:16ch;margin-inline:auto;text-wrap:balance}.timeline__description{max-inline-size:34rem;margin-inline:auto;text-wrap:pretty}.timeline__track-wrap{position:relative}.timeline__spine{position:absolute;background:var(--timeline-line-color);pointer-events:none}.timeline__spine:after{content:"";position:absolute;background:var(--timeline-accent-color);transition:transform var(--motion-duration-slow, .52s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1))}.timeline__spine--horizontal{display:none}.timeline__spine--vertical{inset-block-start:var(--space-2);inset-block-end:var(--space-2);inset-inline-start:calc(var(--space-7) + var(--space-1));inline-size:1px}.timeline__spine--vertical:after{inset-inline:0;inset-block-start:0;block-size:100%;transform-origin:top center;transform:scaleY(0)}.section-timeline.is-visible .timeline__spine--vertical:after{transform:scaleY(1)}.timeline__track{margin:0;padding:0 0 0 calc(var(--space-8) + var(--space-2));list-style:none}.timeline__item{position:relative;margin-block-end:var(--space-11);padding-inline-start:var(--space-7);opacity:0;transform:translate3d(-.75rem,0,0);transition:opacity var(--motion-duration-normal, .32s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1)),transform var(--motion-duration-normal, .32s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1));transition-delay:calc(var(--timeline-index, 0) * var(--timeline-stagger, 115ms))}.section-timeline.is-visible .timeline__item{opacity:1;transform:translateZ(0)}.timeline__item:last-child{margin-block-end:0}.timeline__slot.is-empty,.timeline__connector{display:none}.timeline__item-node{position:absolute;inset-block-start:.3rem;inset-inline-start:0;inline-size:var(--timeline-dot-size, 10px);block-size:var(--timeline-dot-size, 10px)}.timeline__item-dot{display:block;inline-size:100%;block-size:100%;border-radius:50%;background:var(--timeline-accent-color);border:2px solid var(--color-bg);box-shadow:0 0 0 1px var(--timeline-accent-color);transition:transform var(--motion-duration-fast, .18s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1)),box-shadow var(--motion-duration-fast, .18s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1))}.timeline__item-content{position:relative;min-inline-size:0}.timeline__item-label{margin:0 0 var(--space-2);letter-spacing:.14em;color:var(--timeline-accent-color)}.timeline__item-heading{margin:0 0 var(--space-2);line-height:1.2;text-wrap:balance}.timeline__item-text{margin:0;line-height:1.7;color:var(--timeline-muted-color);max-inline-size:34ch}@media(max-width:699px){.section-timeline .section-inner--full{padding-inline:clamp(1rem,4.5vw,1.5rem)}.timeline__title{font-size:clamp(2.2rem,12vw,3.25rem);line-height:1.06;text-wrap:balance}.timeline__description{max-inline-size:30rem;font-size:clamp(1.05rem,4.5vw,1.3rem);line-height:1.45}.timeline__track-wrap{max-inline-size:34rem;margin-inline:auto;padding-inline-start:var(--space-1);--timeline-mobile-track-offset: calc(var(--space-7) + var(--space-2))}.timeline__spine--vertical{inset-inline-start:calc(var(--timeline-mobile-track-offset) + 1px + (var(--timeline-dot-size, 10px) / 2))}.timeline__track{padding-inline-start:var(--timeline-mobile-track-offset)}.timeline__item{margin-block-end:var(--space-9);padding-inline-start:var(--space-8)}.timeline__item-node{inset-inline-start:1px;inset-block-start:.22rem}.timeline__item-content{min-inline-size:0}.timeline__item-text{font-size:.95rem;line-height:1.65}}@media(min-width:700px)and (max-width:999px){.section-timeline{--timeline-slot-size: clamp(8rem, 18vw, 10rem);--timeline-connector-size: var(--space-6)}.timeline__item-content{inline-size:min(100%,13.5rem)}}@media(pointer:fine){.timeline__item:hover .timeline__item-dot{transform:scale(1.45);box-shadow:0 0 0 3px rgb(var(--color-accent-rgb, var(--color-foreground-rgb)) / .25)}.timeline__item-content{transition:background-color var(--motion-duration-fast, .18s) var(--motion-ease, cubic-bezier(.22, .61, .36, 1))}}@media(min-width:700px){.timeline__spine--vertical{display:none}.timeline__spine--horizontal{display:block;inset-inline:0px;inset-block-start:50%;block-size:1px;transform:translateY(-50%)}.timeline__spine--horizontal:after{inset-block:0;inset-inline-start:0;inline-size:100%;transform-origin:left center;transform:scaleX(0)}.section-timeline.is-visible .timeline__spine--horizontal:after{transform:scaleX(1)}.timeline__track{display:grid;grid-template-columns:repeat(var(--timeline-items, 1),minmax(0,1fr));padding-inline:0;align-items:stretch;max-inline-size:min(100%,var(--timeline-content-max, 1120px));margin:auto}.timeline__item{margin:0;display:grid;grid-template-rows:minmax(var(--timeline-slot-size, clamp(9.5rem, 15.5vw, 12rem)),auto) var(--timeline-connector-size, var(--space-8)) auto var(--timeline-connector-size, var(--space-8)) minmax(var(--timeline-slot-size, clamp(9.5rem, 15.5vw, 12rem)),auto);justify-items:center;align-items:stretch;transform:translate3d(0,1rem,0);min-inline-size:0}.section-timeline.is-visible .timeline__item{transform:translateZ(0)}.timeline__slot{width:100%;min-inline-size:0;display:flex}.timeline__slot.is-empty{display:block;visibility:hidden;pointer-events:none}.timeline__slot--top{grid-row:1;align-items:flex-end}.timeline__slot--bottom{grid-row:5;align-items:flex-start}.timeline__connector{display:block;inline-size:1px;background:var(--timeline-accent-color);justify-self:center;align-self:stretch}.timeline__connector--top{grid-row:2}.timeline__connector--bottom{grid-row:4}.timeline__connector.is-empty{opacity:0}.timeline__item-node{position:relative;inset:auto;grid-row:3;align-self:center}.timeline__item-content{inline-size:min(100%,16rem);text-align:center;margin-inline:auto}.timeline__slot--top .timeline__item-content{margin-block-end:var(--space-2)}.timeline__slot--bottom .timeline__item-content{margin-block-start:var(--space-2)}}@media(prefers-reduced-motion:reduce){.timeline__spine:after,.timeline__item,.timeline__item-dot,.timeline__item-content{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-timeline.css.map */