.section-timeline-style-1,[data-section-type=timeline-style-1]{--tl-green: rgb(var(--color-foreground));--tl-green-mid: rgba(var(--color-foreground), .85);--tl-green-light: rgba(var(--color-foreground), .6);--tl-sage: rgba(var(--color-foreground), .04);--tl-ink: rgb(var(--color-foreground));--tl-muted: rgba(var(--color-foreground), .65);--tl-line: rgba(var(--color-foreground), .18);--tl-dot-size: 13px;--tl-nav-width: 280px;--tl-gap: 64px;--tl-sticky-top: var(--header-height);--tl-radius: 10px;--tl-mobile-nav-height: 76px;--tl-mobile-nav-offset: 12px}.tl1-layout{display:grid;grid-template-columns:var(--tl-nav-width) 1fr;gap:var(--tl-gap);align-items:start}.tl1-nav-wrap{position:sticky;top:var(--tl-sticky-top);max-height:calc(100vh - var(--tl-sticky-top) - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.tl1-nav-wrap::-webkit-scrollbar{display:none}.tl1-nav{list-style:none;margin:0;padding:0;position:relative}.tl1-nav__item:before{content:"";position:absolute;left:calc((var(--tl-dot-size) / 2) + 1rem);width:1.5px;background:var(--tl-line);z-index:0;transform:translate(-50%);height:100%}.tl1-nav__item:first-child:before{top:45%;height:55%}.tl1-nav__item:last-child:before{height:25%}.tl1-nav__item{position:relative;z-index:1;padding-left:1rem}.tl1-nav__btn{display:flex;align-items:flex-start;gap:18px;width:100%;background:none;border:none;padding:8px 0;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.tl1-nav__btn:focus-visible{outline:2px solid var(--tl-green);outline-offset:4px;border-radius:4px}.tl1-nav__dot{flex-shrink:0;width:var(--tl-dot-size);height:var(--tl-dot-size);margin-top:7px;border-radius:50%;border:2px solid var(--tl-line);background:rgb(var(--color-background));transition:background .35s ease,border-color .35s ease,transform .35s ease,box-shadow .35s ease;z-index:1}.tl1-nav__text{display:flex;flex-direction:column;gap:3px}.tl1-nav__year{display:block;font-family:var(--font-heading-family);font-size:26px;font-style:italic;font-weight:500;line-height:1;color:var(--tl-line);transition:color .35s ease,font-size .3s ease}.tl1-nav__label{display:block;font-family:var(--font-body-family);font-size:14px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:transparent;line-height:1.4;transition:color .35s ease;max-width:180px}.tl1-nav__item.is-active .tl1-nav__dot{background:var(--tl-green);border-color:var(--tl-green);transform:scale(1.5);box-shadow:0 0 0 4px rgba(var(--color-foreground),.12);margin-top:15px}.tl1-nav__item.is-active .tl1-nav__year{color:var(--tl-green);font-size:42px}.tl1-nav__item.is-active .tl1-nav__label{color:var(--tl-green-mid)}.tl1-nav__item.is-past .tl1-nav__dot{background:var(--tl-green-light);border-color:var(--tl-green-light)}.tl1-nav__item.is-past .tl1-nav__year{color:var(--tl-green-light);font-size:22px}.tl1-nav__item.is-past .tl1-nav__label{color:var(--tl-muted)}.tl1-content{display:flex;flex-direction:column;gap:28px}.tl1-block__card{border-radius:var(--tl-radius);overflow:hidden}.tl1-block__header{padding:20px}.tl1-block__badge{display:inline-block;font-family:var(--font-body-family);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tl-green);background:#2c4a2e1a;border:1px solid rgba(44,74,46,.15);padding:4px 12px;border-radius:100px;margin-bottom:14px}.tl1-block__heading{line-height:1.2;color:var(--tl-ink);margin:0 0 12px}.tl1-block__description{font-family:var(--font-body-family);font-size:15px;line-height:1.7;color:var(--tl-muted);margin:0}.tl1-block__image-wrap{width:100%;aspect-ratio:16 / 10;overflow:hidden}.tl1-block__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.tl1-block__card:hover .tl1-block__image{transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.tl1-nav__dot,.tl1-nav__year,.tl1-nav__label,.tl1-block__image{transition:none}}@media screen and (max-width:900px){.tl1-layout{--tl-nav-width: 220px;--tl-gap: 36px}.tl1-nav__year{font-size:22px}.tl1-nav__item.is-active .tl1-nav__year{font-size:28px}.tl1-nav__item.is-past .tl1-nav__year{font-size:18px}}@media screen and (max-width:680px){.tl1-layout{display:flex;flex-direction:column;gap:28px}.tl1-content{order:1}.tl1-nav-wrap{order:2;position:sticky;bottom:2rem;z-index:2;max-height:none;overflow:hidden;height:var(--tl-mobile-nav-height);background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:18px;box-shadow:0 8px 26px rgba(var(--color-foreground),.08);touch-action:pan-x pan-y;width:95%;margin-inline:auto;left:0;right:0}.tl1-nav-wrap::-webkit-scrollbar{display:none}.tl1-nav{display:flex;flex-direction:row;align-items:center;width:max-content;min-width:100%;height:100%;padding:0 16px;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.tl1-nav{display:flex;align-items:center;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0}.tl1-nav::-webkit-scrollbar{display:none}.timeline-layout--style_1 .tl1-nav__item:before{content:"";position:absolute;left:50%;top:14.5px;width:100%;height:1.5px;background:var(--tl-line);z-index:0;transform:none}.timeline-layout--style_1 .tl1-nav__item:first-child:before{top:14.5px}.timeline-layout--style_1 .tl1-nav__item:last-child:before{display:none}.tl1-nav__item{flex-shrink:0;min-width:72px;padding:0}.tl1-nav__btn{flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:8px 12px;height:fit-content}.tl1-nav__item.is-active .tl1-nav__dot,.tl1-nav__dot{margin-top:0}.tl1-nav__text{align-items:center}.tl1-nav__year{font-size:13px;font-style:normal;font-weight:600;font-family:var(--font-body-family);text-align:center;transition:color .3s ease,font-size .3s ease}.tl1-nav__label{display:none}.tl1-nav__item.is-active .tl1-nav__year{font-size:13px;color:var(--tl-green);font-weight:700}.tl1-nav__item.is-active .tl1-nav__dot{transform:scale(1.3)}.tl1-nav__item.is-past .tl1-nav__year{font-size:13px;color:var(--tl-green-light)}}.timeline-layout--style_2 .tl1-layout{--tl-nav-width: 45%}.timeline-layout--style_2 .tl2-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.timeline-layout--style_2 .tl2-nav__item{border-bottom:1px solid var(--tl-line)}.timeline-layout--style_2 .tl2-nav__item:last-child{border-bottom:none}.timeline-layout--style_2 .tl2-nav__btn{display:flex;align-items:flex-start;gap:20px;width:100%;background:none;border:none;padding:32px 0;cursor:pointer;text-align:left;opacity:.4;transition:opacity .35s ease}.timeline-layout--style_2 .tl2-nav__item.is-active .tl2-nav__number,.timeline-layout--style_2 .tl2-nav__item.is-active .tl2-nav__btn{opacity:1}.timeline-layout--style_2 .tl2-nav__number{font-family:var(--font-heading-family);line-height:1;min-width:24px;font-size:38px;color:var(--tl-green-light);opacity:.4;font-style:italic;font-weight:600}.timeline-layout--style_2 .tl2-nav__content{display:flex;flex-direction:column;gap:12px}.timeline-layout--style_2 .tl2-nav__heading{margin:0;font-size:20px;color:var(--tl-ink);line-height:1.2}.timeline-layout--style_2 .tl2-nav__desc{margin:0;font-family:var(--font-body-family);font-size:15px;color:var(--tl-muted);line-height:1.6}.timeline-layout--style_2 .tl2-block__card{position:relative;width:100%}.timeline-layout--style_2 .tl2-block__image-wrap{position:relative;width:100%;border-radius:var(--tl-radius);overflow:hidden;aspect-ratio:4 / 3}.timeline-layout--style_2 .tl2-block__image{width:100%;height:100%;object-fit:cover;display:block}.timeline-layout--style_2 .tl2-block__badge{position:absolute;bottom:20px;left:20px;z-index:2}.tl2-mobile-content{display:none}@media screen and (max-width:900px){.timeline-layout--style_2 .tl1-layout{display:flex;flex-direction:column;gap:40px}.timeline-layout--style_2 .tl1-nav-wrap{display:none!important}.tl2-mobile-content{display:block;margin-top:24px}.timeline-layout--style_2 .tl2-nav__desc{display:none}.timeline-layout--style_2 .tl2-nav__btn{padding:16px 0;gap:16px}.tl2-mobile-heading-wrap{display:flex;align-items:flex-start;gap:16px;margin-bottom:12px}.tl2-mobile-number{font-family:var(--font-heading-family);font-size:38px;line-height:.9;color:var(--tl-green-light);opacity:.4;font-style:italic;font-weight:600}.tl2-mobile-heading-wrap .tl1-block__heading{margin:0;padding-top:4px}.timeline-layout--style_2 .tl2-block__badge{display:none}}@media screen and (max-width:680px){.timeline-layout--style_2 .tl1-nav-wrap{position:sticky;bottom:2rem;z-index:2;max-height:none;overflow:hidden;height:auto;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);border-radius:18px;box-shadow:0 8px 26px #00000014;width:100%;order:2}.timeline-layout--style_2 .tl1-content{order:1}.timeline-layout--style_2 .tl2-nav::-webkit-scrollbar{display:none}.timeline-layout--style_2 .tl2-nav__item{border-bottom:none;flex-shrink:0;padding:0 16px}.timeline-layout--style_2 .tl2-nav__btn{padding:16px 0;flex-direction:row;align-items:center;opacity:.5}.timeline-layout--style_2 .tl2-nav__item.is-active .tl2-nav__btn{opacity:1}.timeline-layout--style_2 .tl2-nav__heading{font-size:15px;white-space:nowrap}.timeline-layout--style_2 .tl2-nav__number{font-size:20px}.timeline-layout--style_2 .tl2-nav__heading{display:none}.timeline-layout--style_2 .tl2-nav__item.is-active .tl2-nav__heading{display:block;font-size:15px;white-space:nowrap;animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.timeline-layout--style_1 .tl1-block__card{display:flex;flex-direction:column;background:transparent}.timeline-layout--style_1 .tl1-block__header{order:2;padding:24px 0 0}.timeline-layout--style_1 .tl1-block__image-wrap{order:1;border-radius:var(--tl-radius)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/custom-section-timeline-section.css.map */