.history{padding:64px 40px;position:relative}.history__grid{align-items:start;display:grid;gap:clamp(16px,3vw,40px);grid-template-columns:1fr 1fr;margin:0 auto}.history__intro{align-self:start;position:sticky;top:clamp(12px,6vh,72px)}.history__timeline{isolation:isolate;max-height:clamp(420px,70vh,820px);overflow-x:visible;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;overscroll-behavior:auto;scrollbar-width:none}.history__timeline::-webkit-scrollbar{display:none}.history__timeline{margin-left:calc(var(--icon, 35px)/-2);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent);padding-left:40px}.timeline{--line-w:3px;--icon:35px;--gutter:28px;border-left:var(--line-w) solid #000;display:grid;list-style:none;overflow:visible;padding:6px 4px 12px;padding-left:var(--gutter);z-index:0}.timeline,.timeline__item{position:relative}.timeline__item:before{background-image:url(https://strategicplatform.com/hubfs/ICON%20SP/history_point.png);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:var(--icon);left:calc(var(--icon)/2*-1.07 + var(--gutter)*-1.07 - var(--line-w)/2*-1.07);position:absolute;top:1.2rem;width:var(--icon);z-index:1}.milestone{background:#fff;display:grid;gap:10px;grid-template-rows:auto auto 1fr auto;min-height:280px;padding:clamp(16px,2.5vw,24px) 0 clamp(16px,2.5vw,24px) 12px}.milestone__desc{color:#6b6b6b;font-size:14px;line-height:1.6}.milestone__logos{box-sizing:border-box;flex-wrap:wrap;gap:14px 18px;list-style:none;margin:6px 0 0;max-width:100%;padding:0}.milestone__logo,.milestone__logos{display:flex;justify-content:center}.milestone__logo{align-items:center;flex:1 1 150px;max-width:250px;min-width:100px}.milestone__logo img{height:auto;max-height:55px;max-width:110px;object-fit:contain}.timeline__edge{pointer-events:none;position:absolute;z-index:2}.timeline__edge--top{background:linear-gradient(180deg,#fff,transparent);height:24px;left:0;right:0;top:0}.timeline__edge--bottom{background:linear-gradient(0deg,#fff,transparent);bottom:0;height:24px;left:0;right:0}@media (max-width:1024px){.history{padding:48px 20px}}@media (max-width:980px){.history__grid{grid-template-columns:1fr}.history__intro{position:relative;top:0}.history__timeline{margin-left:calc(var(--icon, 28px)/-2);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent);mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent);max-height:65vh;padding-left:20px}.timeline{--icon:28px;--gutter:22px}.milestone{min-height:240px}}