@font-face{font-family:Brother;src:url(./BrotherRegular-4u77NhzT.otf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Brother;src:url(./BrotherBold-3Zje2Hj6.otf) format("truetype");font-weight:700;font-style:normal}:root{font-family:Brother,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:block;min-width:320px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--circle-color: #fff6f3;--year-2018: #f9c006;--year-2019: #ff6647;--year-2020: #85bcf9;--year-2025: #ff6647;--timeline-bg: #041b54}body{padding:0;background:var(--timeline-bg);width:100%;margin:auto;display:flex;vertical-align:middle}.timeline-container{display:grid;grid-template-columns:50% 50%;align-items:flex-start;height:850px;background:var(--timeline-bg);overflow:hidden;position:relative;position:sticky}.circle{position:relative;width:var(--circle-size);height:var(--circle-size);aspect-ratio:1/1;margin-left:calc(var(--circle-size) * -.5);overflow:visible;display:flex;align-items:center;justify-content:flex-start;transform:translateY(50px)}.wheel{width:100%;height:100%;transform-origin:center center;transition:transform .8s ease-out}.circle-outline{width:100%;height:100%;border-radius:50%;border:98px solid var(--circle-color);box-sizing:border-box}.year-point{position:absolute;color:#fff;width:7.5em;height:3.5em;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(1rem,2.2vw,1.5rem);cursor:pointer;transition:.3s}.year-point[data-year="2018"]{background-color:var(--year-2018)}.year-point[data-year="2019"]{background-color:var(--year-2019)}.year-point[data-year="2020"]{background-color:var(--year-2020)}.year-point[data-year="2025"]{background-color:var(--year-2025)}.year-point:hover{opacity:.7}.year-point.active{box-shadow:0 8px 20px #0000004d}.text-area{padding:.5rem .75rem;width:90%;margin:0 auto;height:100%;box-sizing:border-box;display:flex;align-items:center;transform:translateY(-160px)}.text-card{background:transparent;padding:0 0 0 2em;border-radius:0;box-shadow:none;border-left:#041b54 solid 5px}h3{margin-bottom:10px;color:#fff;font-size:35px;font-weight:700;line-height:40px}p{color:#fff;line-height:1.6}.text-slider{margin-left:-20%;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:scroll;width:80%;height:850px;scroll-behavior:smooth;transition:none}.text-item{margin:6px 0;padding:8px 0;min-height:100px;display:flex;flex-direction:column;justify-content:center;opacity:.35;transform:scale(.94);transition:all .8s ease-out}.text-item.active{opacity:1;transform:scale(1)}@media(min-width:768px)and (max-width:1024px){:root{--circle-size: 20vh}.circle{margin-left:calc(var(--circle-size) * 2);height:20vh;aspect-ratio:1/1}.year-point{width:20.8%;height:10.4%;font-size:clamp(1.1rem,2.2vw,1.6rem)}.circle-outline{border-width:70px}.text-area{max-width:480px}}