
#main-content{overflow-x:unset!important}
.timeline-section{background-color:#0a1e42;color:#fff;height:500vh;min-height:100vh}
.sidebar-nav{position:absolute;left:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:200;max-height:70vh;padding-left:10px;border-left:1px solid rgba(255,255,255,.2);pointer-events:auto}
.sidebar-nav::-webkit-scrollbar{display:none}
.timeline-tick-new{appearance:none;border:0;padding:0;width:20px;height:1px;background-color:rgba(255,255,255,.4);cursor:pointer;transition:all .3s ease;position:relative;color:transparent;display:block}
.timeline-tick-new:nth-child(5n){width:30px}
.timeline-tick-new:hover{width:40px;background-color:rgba(255,255,255,.8)}
.timeline-tick-new:focus-visible{width:40px;background-color:rgba(255,255,255,.95);outline:2px solid rgba(255,255,255,.8);outline-offset:6px}
.timeline-tick-new.active{width:50px;background-color:#999}
.timeline-tick-new.active::after{content:attr(data-year);position:absolute;left:60px;top:50%;transform:translateY(-50%);color:#999;font-size:16px;font-family:'Outfit',sans-serif;font-weight:200;white-space:nowrap}
.timeline-tick-new:hover::after,.timeline-tick-new:focus-visible::after{content:attr(data-year);position:absolute;left:50px;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.8);font-size:14px;font-family:'Outfit',sans-serif;white-space:nowrap}
.center-year{font-family:'Outfit',sans-serif;font-size:165px;font-weight:100;letter-spacing:10px;color:#999;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;pointer-events:none;text-shadow:0 0 20px rgba(0,0,0,.5)}
.fade-anim{transition:opacity .5s ease}
.fade-out{opacity:0}
.header-simple{position:absolute;top:0;left:0;width:100%;padding:20px 40px;z-index:200;display:flex;justify-content:space-between;align-items:center;pointer-events:auto}
.burger-menu-btn{cursor:pointer}
.timeline-section .circle-container{position:absolute;inset:0;top:0!important;left:0!important;transform:none!important;pointer-events:none;width:100%;height:100%;display:block}
.circle-wrapper{position:absolute;inset:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}
.timeline-section .inner-circle,.timeline-section .outer-circle{position:relative!important;top:auto!important;left:auto!important;transform:none!important;margin:0!important;max-width:none;grid-area:auto}
.timeline-section .inner-circle{width:clamp(300px,55vmin,600px);opacity:.4;z-index:2}
.timeline-section .outer-circle{width:clamp(800px,200vmin,2500px);min-width:200vmin;opacity:.6;z-index:1}
.timeline-fallback{position:absolute;inset:0;z-index:120;overflow:auto;background:#0a1e42;color:#fff;padding:120px 24px 56px;pointer-events:auto}
.timeline-ready .timeline-fallback{display:none}
.timeline-ready #timeline-instant-loader{opacity:0;visibility:hidden;transition:visibility 0s 1s,opacity 1s ease}
.timeline-fallback__inner{width:min(1100px,100%);margin:0 auto}
.timeline-fallback__eyebrow{margin:0 0 10px;color:rgba(255,255,255,.68);font-family:'Outfit',sans-serif;font-size:13px;font-weight:300;letter-spacing:.08em;text-transform:uppercase}
.timeline-fallback__title{margin:0;color:#fff;font-family:'Outfit',sans-serif;font-size:42px;font-weight:200;line-height:1.1;letter-spacing:0}
.timeline-fallback__body{max-width:720px;margin:18px 0 32px;color:rgba(255,255,255,.76);font-size:18px;line-height:1.8}
.timeline-fallback__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.timeline-fallback__item{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.08)}
.timeline-fallback__item img{width:100%;aspect-ratio:1/1;object-fit:cover;filter:grayscale(1)}
.timeline-fallback__item span{display:block;padding:12px 14px;color:#fff;font-family:'Outfit',sans-serif;font-size:18px;font-weight:200;letter-spacing:0}
.ui-overlay{position:absolute;top:0;left:0;width:100%;height:100vh;pointer-events:none}
.scroll-indicator{appearance:none;border:0;background:transparent;padding:0;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:200;cursor:pointer}
.scroll-indicator:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:6px}
html.timeline-menu-open,body.timeline-menu-open{overflow:hidden!important}
footer{display:none!important}
@media(max-width:1024px){.timeline-section .inner-circle{width:clamp(250px,50vmin,500px)}.timeline-section .outer-circle{width:clamp(500px,130vmin,1200px)}}
@media(max-width:768px){.timeline-section .inner-circle{width:clamp(200px,55vmin,400px)}.timeline-section .outer-circle{width:clamp(400px,120vmin,900px)}.center-year{font-size:80px;letter-spacing:5px}.sidebar-nav{left:15px;gap:5px;padding-left:5px}.timeline-tick-new{width:15px}.timeline-tick-new.active{width:30px}.timeline-tick-new.active::after{left:40px;font-size:14px}}
@media(max-width:480px){.timeline-section .inner-circle{width:clamp(180px,60vmin,300px)}.timeline-section .outer-circle{width:clamp(300px,110vmin,700px)}.center-year{font-size:60px;letter-spacing:2px}.sidebar-nav{left:10px}.timeline-tick-new{width:12px}.timeline-tick-new.active{width:25px}.timeline-tick-new.active::after{left:35px;font-size:12px}.timeline-fallback{padding:100px 16px 44px}.timeline-fallback__title{font-size:32px}.timeline-fallback__body{font-size:15px;line-height:1.7}.timeline-fallback__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.timeline-fallback__item span{font-size:15px;padding:10px 12px}}
