.brand-timeline-header{text-align:center;margin-bottom:clamp(50px,8vw,120px);margin-top:clamp(50px,8vw,120px)}.brand-timeline-title{color:#303030;text-align:center;font-family:DM Sans,sans-serif;font-size:clamp(24px,4vw,48px);font-style:normal;font-weight:600;line-height:1.3;letter-spacing:clamp(-1.2px,-.2vw,-2.4px);margin-bottom:0}.brand-timeline-subtitle{color:#047789;text-align:center;font-family:"DM Serif Display",serif;font-size:clamp(32px,6vw,64px);font-style:italic;font-weight:400;line-height:1.2;letter-spacing:clamp(-1.6px,-.3vw,-3.2px);margin:0}.timeline-wrapper{position:relative;padding-bottom:clamp(40px,8vw,60px)}.timeline-line{position:absolute;left:50%;top:0;bottom:0;width:3px;background-color:#d3d3d3;transform:translate(-50%)}.timeline-line-progress{position:absolute;left:50%;top:0;width:3px;background-color:#047789;transform:translate(-50%);height:0%;transition:height .3s ease-out;z-index:1}.timeline-item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:clamp(20px,6vw,60px);position:relative}.timeline-content{flex:1 1 45%;min-width:260px;max-width:600px}.timeline-image{flex:1 1 45%;max-width:500px;aspect-ratio:1 / 1;background-color:#f7f4f4;border-radius:10px;overflow:hidden}.timeline-image img{width:100%;height:100%;object-fit:contain}.timeline-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background-color:#d9d9d9;border-radius:50%;z-index:2;box-shadow:0 0 0 2px #d9d9d9;transition:all .3s ease-out}.timeline-dot:before,.timeline-dot:after{content:"";position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:all .6s ease-out}.timeline-dot.active{background-color:#047789;box-shadow:0 0 0 2px #047789}.timeline-dot.active:before{width:40px;height:40px;opacity:1;animation:ripple-pulse 2s infinite;background-color:#04778933}.timeline-dot.active:after{width:60px;height:60px;opacity:1;animation:ripple-pulse 2s infinite .3s;background-color:#0477891a}@keyframes ripple-pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:0}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.timeline-year{color:#000;font-family:"DM Serif Display",serif;font-size:clamp(20px,3vw,32px);font-style:italic;font-weight:400;margin-bottom:32px;letter-spacing:-1.6px}.timeline-text{color:#000;font-family:DM Sans,sans-serif;font-size:clamp(14px,2vw,16px);line-height:1.75;letter-spacing:-5%}@media (max-width: 992px){.timeline-line,.timeline-line-progress{left:6px;transform:none}.timeline-item{flex-direction:column;align-items:flex-start;padding-left:25px;margin-bottom:60px}.timeline-content{order:2;width:100%}.timeline-image{order:1;width:100%}.timeline-dot{left:0;top:120px;transform:translate(0);width:14px;height:14px}.timeline-year{margin-bottom:24px}.timeline-image{border-radius:5px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/timeline-section.css.map */