@import url("https://fonts.googleapis.com/css2?family=Inter:wght@500;600;700;800&display=swap");.timeline-wrapper{width:100%;padding:1rem 0;margin:0 auto}.timeline-bar{display:flex;flex-wrap:wrap;width:100%;max-width:100%;min-width:auto;margin:0 auto;border-radius:8px;background:linear-gradient(145deg,#fff,#e5e7eb);box-shadow:0 3px 10px rgba(0,0,0,.12);overflow:hidden}.timeline-segment{position:relative;padding:.8rem 1.8rem;min-width:140px;flex:1 1 auto;text-align:center;background-color:transparent;border:1.2px solid #d1d5db;border-right:none;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.timeline-segment:not(.last):after{right:-10px;height:60%;border:1.2px solid #d1d5db;border-left:none;-webkit-clip-path:polygon(0 0,100% 15%,100% 85%,0 100%);clip-path:polygon(0 0,100% 15%,100% 85%,0 100%)}.timeline-segment:not(.first):before,.timeline-segment:not(.last):after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;background:inherit;z-index:1}.timeline-segment:not(.first):before{left:-10px;height:40%;border:1.2px solid #d1d5db;border-right:none;-webkit-clip-path:polygon(0 15%,100% 0,100% 100%,0 85%);clip-path:polygon(0 15%,100% 0,100% 100%,0 85%)}.timeline-segment:not(.last):before{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60%;height:10px;background:inherit;border:1.2px solid #d1d5db;border-top:none;-webkit-clip-path:polygon(15% 0,0 100%,85% 0);clip-path:polygon(15% 0,0 100%,85% 0);z-index:1;display:none}.timeline-segment.first{border-radius:8px 0 0 8px;border-left:1.2px solid #d1d5db}.timeline-segment.last{border-radius:0 8px 8px 0;border-right:1.2px solid #d1d5db;margin-right:0}.timeline-segment.light{background:linear-gradient(145deg,#f3f4f6,#e5e7eb)}.timeline-segment.dark{background:linear-gradient(145deg,#d1d5db,#e5e7eb)}.timeline-segment:hover{transform:translateY(-3px);box-shadow:0 3px 10px rgba(0,0,0,.18);background:linear-gradient(145deg,#e5e7eb,#d1d5db)}.segment-content{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-family:Inter,sans-serif}.segment-day{position:relative;font-weight:800;font-size:.95rem;color:#111827;text-transform:uppercase;letter-spacing:.7px;transition:color .25s ease}.segment-day:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:2px;background-color:#111827;transition:width .3s ease}.timeline-segment:hover .segment-day:after{width:100%}.segment-location{font-size:.8rem;color:#374151;font-weight:500}@media (max-width:768px){.timeline-bar{width:90%;max-width:90%}.timeline-segment{min-width:120px;padding:.6rem 1.2rem}.segment-day{font-size:.85rem}.segment-location{font-size:.7rem}.timeline-segment:not(.first):before,.timeline-segment:not(.last):after{right:-8px;width:8px;height:55%}.timeline-segment:not(.first):before{left:-8px}.timeline-segment:not(.last):before{bottom:-8px;width:50%;height:8px}}.timeline-bar>.timeline-segment:last-child{margin-right:0}@media (max-width:1200px){.timeline-segment{flex-grow:1;flex-shrink:1;flex-basis:calc(33.33% - 20px)}.timeline-segment:nth-child(3n):not(.last):after{display:none}.timeline-segment:nth-child(3n):not(.last):before{display:block}}@media (max-width:768px){.timeline-segment{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 16px)}.timeline-segment:nth-child(2n):not(.last):after{display:none}.timeline-segment:nth-child(2n):not(.last):before{display:block}}@media (max-width:576px){.timeline-segment{flex-grow:1;flex-shrink:1;flex-basis:calc(100% - 16px)}.timeline-segment:not(.last):after{display:none}.timeline-segment:not(.last):before{display:block}}