.timeline-section{padding:60px 20px;background:#fff}.timeline-heading{text-align:center;margin-bottom:48px}.timeline-heading h2{font-size:2.5rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.timeline-wrapper{max-width:1100px;margin:0 auto}.timeline-slides{position:relative;min-height:420px}.timeline-slide{display:none}.timeline-slide.active{display:block}.timeline-slide-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}@media(max-width:768px){.timeline-slide-inner{grid-template-columns:1fr}}.timeline-image img{width:100%;height:380px;object-fit:cover;display:block}.timeline-image-placeholder{width:100%;height:380px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.timeline-image-placeholder svg{width:80px;height:80px;opacity:.3}.timeline-content{padding:20px 0}.timeline-year-label{font-size:.85rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#888;display:block;margin-bottom:12px}.timeline-milestone-title{font-size:1.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px}.timeline-milestone-text{font-size:1rem;line-height:1.75;color:#444}.timeline-nav{display:flex;align-items:center;gap:16px;margin-top:48px}.timeline-arrow{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:8px 12px;color:#222;transition:opacity .2s;flex-shrink:0}.timeline-arrow:hover{opacity:.5}.timeline-track{flex:1;position:relative;height:2px;background:#ddd;display:flex;align-items:center;justify-content:space-between}.timeline-track-fill{position:absolute;left:0;top:0;height:2px;background:#222;transition:width .3s ease;width:0%}.timeline-marker{position:relative;z-index:1;background:#ddd;border:none;width:14px;height:14px;border-radius:50%;cursor:pointer;transition:background .2s;flex-shrink:0}.timeline-marker.active,.timeline-marker:hover{background:#222}.timeline-marker-year{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:.75rem;font-weight:600;white-space:nowrap;color:#555}.timeline-marker.active .timeline-marker-year{color:#222;font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/11/assets/company-timeline.css.map */