.about-timeline{width:100%;position:relative}.about-timeline__container{max-width:var(--content-max-width, 800px);margin:0 auto;padding:0 24px}.about-timeline__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.2;margin:0 0 5rem;text-align:center;letter-spacing:-.025em}.about-timeline__milestones{display:flex;flex-direction:column;gap:4rem}.about-timeline__milestone{display:flex;gap:2rem;position:relative}@media screen and (min-width: 768px){.about-timeline__milestone{gap:4rem}}.about-timeline__timeline-indicator{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.about-timeline__dot{border-radius:50%;margin-bottom:1rem;position:relative;z-index:2;transition:all .3s ease}.about-timeline__dot:hover{transform:scale(1.2)}.about-timeline__line{height:8rem;position:relative}.about-timeline__content{flex:1;padding-bottom:4rem}.about-timeline__year{font-family:var(--font-body-family);margin-bottom:.5rem;font-weight:400}.about-timeline__milestone-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);line-height:1.3;margin:0 0 1rem;letter-spacing:-.025em}.about-timeline__milestone-description{font-family:var(--font-body-family);line-height:1.6;margin:0}@media screen and (max-width: 767px){.about-timeline__container{padding:0 20px}.about-timeline__title{margin-bottom:3rem}.about-timeline__milestones{gap:3rem}.about-timeline__milestone{gap:1.5rem}.about-timeline__content{padding-bottom:3rem}.about-timeline__line{height:6rem}}@media screen and (max-width: 480px){.about-timeline__container{padding:0 16px}.about-timeline__milestones{gap:2.5rem}.about-timeline__milestone{gap:1rem}.about-timeline__content{padding-bottom:2.5rem}.about-timeline__line{height:5rem}}@media (prefers-reduced-motion: no-preference){.about-timeline__title,.about-timeline__milestone{opacity:0;animation:fadeInUp .8s ease-out forwards}.about-timeline__milestone:nth-child(1){animation-delay:.1s}.about-timeline__milestone:nth-child(2){animation-delay:.2s}.about-timeline__milestone:nth-child(3){animation-delay:.3s}.about-timeline__milestone:nth-child(4){animation-delay:.4s}.about-timeline__milestone:nth-child(5){animation-delay:.5s}.about-timeline__milestone:nth-child(6){animation-delay:.6s}.about-timeline__milestone:nth-child(7){animation-delay:.7s}.about-timeline__milestone:nth-child(8){animation-delay:.8s}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-trigger{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94)}.scroll-trigger.animate--fade-in,.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}.about-timeline__milestone:hover .about-timeline__dot{box-shadow:0 0 0 8px #0000001a}.about-timeline__milestone:hover .about-timeline__milestone-title{transform:translate(4px);transition:transform .3s ease}.about-timeline__line{background:linear-gradient(to bottom,var(--line-color, #e5e5e5) 0%,var(--line-color, #e5e5e5) 80%,transparent 100%)}.about-timeline[data-theme=dark]{background-color:#000;color:#fff}.about-timeline[data-theme=dark] .about-timeline__dot{background-color:#fff}.about-timeline[data-theme=dark] .about-timeline__line{background-color:#333}.about-timeline[data-theme=dark] .about-timeline__year{color:#999}.about-timeline[data-theme=dark] .about-timeline__milestone-description{color:#ccc}@media (prefers-reduced-motion: reduce){.about-timeline__dot,.about-timeline__milestone,.about-timeline__title,.about-timeline__milestone-title{animation:none;transition:none}.about-timeline__dot:hover{transform:none;box-shadow:none}.about-timeline__milestone:hover .about-timeline__milestone-title{transform:none}}.about-timeline__milestone:focus-within .about-timeline__dot{outline:2px solid currentColor;outline-offset:4px}@media print{.about-timeline__milestone{page-break-inside:avoid;break-inside:avoid}}@media (prefers-contrast: high){.about-timeline__dot{border:2px solid currentColor}.about-timeline__line{background-color:currentColor}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/about-timeline.css.map */
