timeline-component{--timeline-accent-color: #d1a23e;--timeline-animation-speed: .8s;--timeline-bg-color: transparent;--timeline-content-bg-color: #fff;--timeline-text-color: #1a1a1a;--timeline-date-color: #555;--timeline-border-radius: 12px;--timeline-shadow: 0 10px 30px rgba(0, 0, 0, .1);--timeline-dot-size: 18px;--timeline-bar-width: 3px;--timeline-transition: all var(--timeline-animation-speed) cubic-bezier(.4, 0, .2, 1)}.timeline-section{position:relative;isolation:isolate;padding-top:var(--timeline-padding-top, 40px);padding-bottom:var(--timeline-padding-bottom, 40px)}@media screen and (max-width:768px){.timeline-section{padding-top:var(--timeline-mobile-padding-top, 24px);padding-bottom:var(--timeline-mobile-padding-bottom, 24px)}}.timeline-title{margin:0;font-family:var(--font-heading-family, inherit);font-weight:var(--font-heading-weight, 700);font-size:clamp(2rem,2.5vw,3.2rem);color:var(--color-foreground, #1a1a1a);line-height:1.2}@media screen and (max-width:768px){.timeline-title{font-size:26px}}.timeline-item-subtitle{margin:2.4rem 0;font-size:24px;font-family:var(--font-heading-family, inherit);font-weight:700;line-height:1.2;letter-spacing:normal;text-align:left;color:#0c0c0d}.timeline-title-wrap--left{text-align:left}.timeline-title-wrap--center{text-align:center}.timeline-title-wrap--right{text-align:right}@media screen and (max-width:749px){.timeline-title-wrap-mobile--left{text-align:left}.timeline-title-wrap-mobile--center{text-align:center}.timeline-title-wrap-mobile--right{text-align:right}}.timeline-container{max-height:725px;display:flex;flex-direction:column;background:var(--timeline-content-bg-color);overflow:hidden}.timeline-title-wrap{padding:2rem 4rem 6.4rem;flex-shrink:0}@media screen and (max-width:768px){.timeline-title-wrap{padding-left:1.6rem}}.timeline-panels{display:flex;flex-direction:row;height:506px;min-height:0}.timeline-mobile-dates{display:none}.timeline-panel{width:50%;flex-shrink:0;height:100%;background-color:var(--timeline-content-bg-color);color:var(--timeline-text-color);position:relative;display:flex;flex-direction:column;justify-content:center;padding:4rem 4rem 4rem 5rem;z-index:1;border-left:1px solid rgba(209,162,62,.35)}.timeline-bar{position:absolute;left:0;top:0;bottom:0;width:var(--timeline-bar-width);background:linear-gradient(to bottom,#d1a23e 0%,#f7d486 60%,transparent 100%);transform:translate(-50%);will-change:transform}.timeline-dot{position:absolute;left:1px;top:50%;width:var(--timeline-dot-size);height:var(--timeline-dot-size);background-color:#d1a23e;border-radius:50%;transform:translate(-50%) translateY(-50%);transition:top var(--timeline-animation-speed) cubic-bezier(.4,0,.2,1),opacity .3s ease,box-shadow .3s ease;z-index:10;opacity:0;will-change:transform,top,opacity;display:block!important}.timeline-dot.active{background-color:#d1a23e;box-shadow:0 0 10px #d1a23e99;opacity:1}.timeline-content{position:relative;z-index:5;height:100%;display:flex;flex-direction:column;justify-content:center}.timeline-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(100%);transition:var(--timeline-transition);pointer-events:none;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;will-change:transform,opacity}.timeline-item.active{opacity:1;transform:translateY(0);pointer-events:auto}.timeline-date{font-size:36px;font-weight:700;line-height:1.2;letter-spacing:normal;color:#0c0c0d;letter-spacing:.1rem;width:100%;text-align:left;font-family:var(--font-heading-family, inherit)}.timeline-text{line-height:1.4;color:var(--timeline-text-color);width:100%;text-align:left;font-family:var(--font-body-family, inherit)}.timeline-text p{margin:0}.source-link{color:var(--timeline-accent-color);text-decoration:underline;font-size:1.6rem;transition:color .2s ease}.source-link:hover{color:color-mix(in srgb,var(--timeline-accent-color) 80%,#fff 20%);text-decoration:none}.source-link:focus{outline:2px solid var(--timeline-accent-color);outline-offset:2px;border-radius:2px}.content-panel{width:50%;flex-shrink:0;height:100%;background-color:var(--timeline-bg-color);position:relative;overflow:hidden;border-radius:var(--timeline-border-radius);z-index:1}.slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:translateY(100%);transition:var(--timeline-transition);padding-bottom:4rem;padding-right:5rem;will-change:transform,opacity}timeline-component[data-enable-padding=false] .slide{padding:0}timeline-component[data-enable-padding=false] .slide img{max-width:100%;max-height:100%}.slide.active{opacity:1;transform:translateY(0)}.slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--timeline-border-radius);transition:transform .3s ease}.slide-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#6b7280;gap:1rem;width:80%}.slide-placeholder svg{opacity:.5}.slide-placeholder p{font-size:1.4rem;margin:0}.timeline-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,var(--timeline-bg-color) 50%,var(--timeline-content-bg-color) 50%);z-index:-1}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.timeline-section{scroll-snap-type:none}}@media(prefers-contrast:high){.timeline-bar{background:linear-gradient(to bottom,transparent 0%,transparent 10%,#fff 20%,#fff 80%,transparent 90%,transparent 100%)}.timeline-dot{border:2px solid #fff}.timeline-dot.active{background-color:#fff;color:#000}}@media screen and (max-width:990px){.timeline-panel{padding:3rem}.timeline-date{font-size:3.6rem;padding-right:1.2rem}.timeline-text{font-size:1.6rem;padding-left:1.6rem}}@media screen and (max-width:768px){timeline-component{--timeline-dot-size: 16px;--timeline-bar-width: 4px}.timeline-container{max-height:none}.timeline-panels{flex-direction:column;height:auto}.content-panel{width:calc(100% - 5rem);height:280px;margin-left:5rem;order:-1;border-radius:var(--timeline-border-radius);overflow:hidden}.slide{padding:0}.slide img{border-radius:var(--timeline-border-radius)}.timeline-panel{width:100%;height:auto;min-height:0;order:0;padding:2.5rem 2rem 2.5rem 5rem;border-left:none;border-top:none}.timeline-bar{left:2.5rem;top:-312px;bottom:0}.timeline-bar .timeline-dot{top:0!important}.timeline-content{height:auto;display:block}.timeline-item{position:relative;top:auto;left:auto;width:100%;height:auto;display:none;opacity:1;transform:none;pointer-events:auto}.timeline-item.active{display:flex;opacity:1;transform:none}.timeline-content{padding-left:0}.timeline-item{width:100%;flex-direction:column;text-align:left;align-items:flex-start;gap:.4rem}.timeline-date,.timeline-text{width:100%;text-align:left;padding:0}.timeline-item-subtitle{margin:0rem 0 1.2rem;font-size:18px}.timeline-mobile-dates{display:block;order:-2;width:calc(100% - 5rem);margin-left:5rem;padding:1.2rem 0 1.8rem}.timeline-mobile-date-item{padding:0}.timeline-panel .timeline-item .timeline-date{display:none}timeline-component[data-enable-padding=false] .slide{padding:0}}@media screen and (max-width:480px){.source-link{font-size:1.8rem}}@media print{.timeline-section{height:auto!important;page-break-inside:avoid}.timeline-container{position:static;height:auto;flex-direction:column;page-break-inside:avoid}.timeline-panel,.content-panel{width:100%;height:auto}.timeline-item,.slide{position:static;opacity:1!important;transform:none!important}.timeline-dot{display:none}.slide img{max-width:100%;height:auto}}.timeline-item,.slide,.timeline-dot{backface-visibility:hidden;perspective:1000px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-timeline.css.map */