#strategy{height:64.864vw;min-height:760px;padding:5vw 8.5%;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box}
#strategy .strategy-heading h2{margin:0}
#strategy .strategy-heading>p{margin:22px 0 0}
#strategy .timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px;position:relative;margin-top:40px;padding:0}
#strategy .timeline::before{content:"";position:absolute;left:0;right:0;top:58px;height:1px;background:linear-gradient(90deg,#996424,#996424cc 85%,#99642455);pointer-events:none}
#strategy .timeline article{position:relative;display:block;padding:0;border:0;background:none;min-width:0}
#strategy .timeline article::before{content:"";position:absolute;left:0;top:53px;width:10px;height:10px;border:1px solid #996424;border-radius:50%;background:#996424;box-shadow:0 0 0 5px rgba(153,100,36,.12)}
#strategy .milestone-heading{display:block;margin:0;white-space:normal}
#strategy .milestone-heading .year{display:block;font-family:Anta,sans-serif;font-size:clamp(24px,2vw,34px);line-height:1.3;white-space:nowrap;padding:0}
#strategy .milestone-heading h3{padding:0;margin:48px 0 18px;font-size:clamp(18px,1.35vw,23px);line-height:1.6}
#strategy .timeline article>ul{padding-left:16px;margin:0;color:#e0e5eb;font-size:clamp(13px,1vw,17px);line-height:1.85}
#strategy .timeline article>ul li{padding-left:0;margin-bottom:10px}
#strategy .timeline .keep{display:inline;white-space:normal}
#strategy .vision{display:flex;align-items:baseline;gap:28px;margin-top:32px;padding-top:22px;border-top:1px solid #99642455}
#strategy .vision h3{font-size:20px;margin:0;flex:none}
#strategy .vision p{font-size:clamp(14px,1vw,18px);line-height:1.8;margin:0}
#strategy .vision p br{display:none}
@media(max-width:1000px){#strategy .timeline{gap:20px;grid-template-columns:repeat(6,230px);overflow-x:auto;overflow-y:hidden;padding:5px 4px 20px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#99642466 transparent}#strategy .timeline::before{width:1480px;right:auto;top:63px}#strategy .timeline article{scroll-snap-align:start}#strategy .timeline article>ul{font-size:15px}#strategy .milestone-heading .year{font-size:28px}}
@media(max-width:600px){#strategy{height:100svh;min-height:760px;padding:55px 7%}#strategy .timeline{margin-top:30px;grid-template-columns:repeat(6,250px);gap:25px}#strategy .timeline::before{width:1625px}#strategy .milestone-heading h3{font-size:22px}#strategy .timeline article>ul{font-size:15px}#strategy .vision{gap:20px;margin-top:20px}#strategy .vision p{font-size:14px}#strategy .vision p br{display:block}}