.about-timeline{--timeline-width: 2px;--dot-size: 16px;--dot-border: 3px;--card-gap: 50px;--content-max-width: 420px;background-color:var(--bg-color, #ffffff);padding:100px 0;overflow:hidden}.about-timeline__container{max-width:1200px;margin:0 auto;padding:0 24px}.about-timeline__header{text-align:center;margin-bottom:80px}.about-timeline__title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:600;letter-spacing:-.025em;color:var(--text-color, #1d1d1f);margin:0 0 16px;line-height:1.1}.about-timeline__subtitle{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:clamp(16px,2vw,21px);font-weight:400;color:var(--date-color, #86868b);line-height:1.5;max-width:600px;margin:0 auto}.about-timeline__content{position:relative;display:flex;flex-direction:column;gap:0}.about-timeline__line{position:absolute;left:50%;top:0;bottom:0;width:var(--timeline-width);background:linear-gradient(to bottom,transparent 0%,var(--timeline-color, #e5e5e5) 2%,var(--timeline-color, #e5e5e5) 98%,transparent 100%);transform:translate(-50%)}.about-timeline__item{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--card-gap);align-items:start;padding:50px 0;position:relative}.about-timeline__item--1 .about-timeline__card{grid-column:1;grid-row:1;justify-self:end}.about-timeline__item--1 .about-timeline__dot{grid-column:2;grid-row:1}.about-timeline__item--1 .about-timeline__date-side{grid-column:3;grid-row:1;justify-self:start;text-align:left;padding-left:30px}.about-timeline__item--2 .about-timeline__date-side{grid-column:1;grid-row:1;justify-self:end;text-align:right;padding-right:30px}.about-timeline__item--2 .about-timeline__dot{grid-column:2;grid-row:1}.about-timeline__item--2 .about-timeline__card{grid-column:3;grid-row:1;justify-self:start}.about-timeline__dot{position:relative;width:var(--dot-size);height:var(--dot-size);display:flex;align-items:center;justify-content:center;z-index:2;align-self:start;margin-top:6px}.about-timeline__dot-inner{width:100%;height:100%;border-radius:50%;background-color:var(--bg-color, #ffffff);border:var(--dot-border) solid var(--dot-color, #000000);box-shadow:0 0 0 5px var(--bg-color, #ffffff);transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease}.about-timeline__item:hover .about-timeline__dot-inner{transform:scale(1.3);background-color:var(--dot-color, #000000)}.about-timeline__date-side{align-self:start;padding-top:0}.about-timeline__date{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:clamp(42px,6vw,64px);font-weight:700;color:var(--text-color, #1d1d1f);letter-spacing:-.03em;line-height:1;display:block;opacity:.9;transition:opacity .3s ease}.about-timeline__item:hover .about-timeline__date{opacity:1}.about-timeline__card{max-width:var(--content-max-width);opacity:0;transform:translateY(30px);animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) forwards}.about-timeline__item:nth-child(1) .about-timeline__card{animation-delay:.1s}.about-timeline__item:nth-child(2) .about-timeline__card{animation-delay:.2s}.about-timeline__item:nth-child(3) .about-timeline__card{animation-delay:.3s}.about-timeline__item:nth-child(4) .about-timeline__card{animation-delay:.4s}.about-timeline__item:nth-child(5) .about-timeline__card{animation-delay:.5s}.about-timeline__item:nth-child(6) .about-timeline__card{animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.about-timeline__image-wrapper{position:relative;overflow:hidden;border-radius:16px;margin-bottom:24px;background-color:#f5f5f7}.about-timeline__image{display:block;width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.about-timeline__item:hover .about-timeline__image{transform:scale(1.03)}.about-timeline__text{padding:0 4px}.about-timeline__step-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-size:22px;font-weight:600;color:var(--text-color, #1d1d1f);margin:0 0 12px;letter-spacing:-.01em;line-height:1.3}.about-timeline__description{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;font-size:16px;font-weight:400;color:var(--date-color, #86868b);margin:0;line-height:1.6}@media (max-width: 1024px){.about-timeline{--card-gap: 35px;--content-max-width: 300px;padding:80px 0}.about-timeline__header{margin-bottom:60px}.about-timeline__item{padding:40px 0}.about-timeline__date{font-size:clamp(36px,5vw,52px)}.about-timeline__item--1 .about-timeline__date-side{padding-left:20px}.about-timeline__item--2 .about-timeline__date-side{padding-right:20px}}@media (max-width: 768px){.about-timeline{--dot-size: 14px;--dot-border: 3px;padding:60px 0}.about-timeline__container{padding:0 20px}.about-timeline__header{margin-bottom:50px}.about-timeline__content{padding-left:0}.about-timeline__line{left:20px;transform:none}.about-timeline__item{display:flex;flex-direction:column;gap:0;padding:0 0 50px 50px;position:relative}.about-timeline__item:last-child{padding-bottom:0}.about-timeline__dot{position:absolute;left:0;top:8px;margin-top:0}.about-timeline__dot-inner{box-shadow:0 0 0 4px var(--bg-color, #ffffff)}.about-timeline__date-side{order:1;justify-self:start!important;text-align:left!important;padding:0!important;margin-bottom:16px}.about-timeline__date{font-size:36px;font-weight:700}.about-timeline__card{order:2;max-width:100%;justify-self:start!important}.about-timeline__item--1 .about-timeline__card,.about-timeline__item--2 .about-timeline__card,.about-timeline__item--1 .about-timeline__date-side,.about-timeline__item--2 .about-timeline__date-side{grid-column:auto}.about-timeline__image-wrapper{border-radius:12px;margin-bottom:20px}.about-timeline__step-title{font-size:20px;margin-bottom:10px}.about-timeline__description{font-size:15px;line-height:1.55}}@media (max-width: 400px){.about-timeline{padding:50px 0}.about-timeline__container{padding:0 16px}.about-timeline__line{left:16px}.about-timeline__item{padding-left:42px}.about-timeline__date{font-size:32px}.about-timeline__step-title{font-size:18px}.about-timeline__description{font-size:14px}}@media (prefers-reduced-motion: reduce){.about-timeline__card{animation:none;opacity:1;transform:none}.about-timeline__dot-inner,.about-timeline__image{transition:none}}.about-timeline__card:focus-within{outline:2px solid var(--dot-color, #000000);outline-offset:4px;border-radius:16px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/about-timeline.css.map */