#about-main #about-story{margin-block:88px;background:#FFFFFF;--story-progress:0;--story-top:96px}
#about-story .story-stage{padding:24px 0}
#about-story .story-heading{text-align:center;margin-bottom:32px}
#about-story .about-eyebrow{margin-bottom:14px}
#about-story h2{font-size:clamp(32px,3.4vw,48px);line-height:1.15;margin-bottom:0}
#about-story .story-years{display:none;position:relative;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding-bottom:24px;margin-bottom:24px}
#about-story[data-story-ready] .story-years{display:grid}
#about-story .story-years::after{content:"";position:absolute;bottom:5px;left:8.333%;right:8.333%;height:2px;background:#35AECB}
#about-story .story-years button{min-width:0;min-height:48px;border:0;background:transparent;color:#032058;font:600 17px/1.4 Poppins,Arial,sans-serif;border-radius:12px;padding:8px 4px;cursor:pointer;position:relative}
#about-story .story-years button[aria-selected=true]{background:#EBF7FA;color:#032058;font-weight:700}
#about-story .story-years button:hover{background:#F6F6F2}
#about-story .story-years button[aria-selected=true]::after{content:"";position:absolute;bottom:-24px;left:50%;width:8px;height:8px;border-radius:50%;background:#35AECB;transform:translate(-50%,-1px)}
#about-story .story-light{position:absolute;bottom:0;left:calc(8.333% + var(--story-progress)*83.334%);width:12px;height:12px;background:#35AECB;border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 0 0 4px rgb(53 174 203 / .18);transform:translateX(-50%);z-index:1;pointer-events:none}
#about-story .story-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:32px;padding:32px 40px;background:#F6F6F2;border-radius:24px;margin:0 0 16px;min-height:254px}
#about-story .story-year{font-size:14px;font-weight:600;color:#032058;margin-bottom:12px}
#about-story h3{font-size:clamp(24px,2.4vw,32px);line-height:1.25;margin-bottom:16px}
#about-story .story-panel-copy>p:last-child{font-size:17px;line-height:1.65;margin:0;max-width:650px}
#about-story .story-visual{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#032058}
#about-story .story-visual svg{width:170px;height:76px;fill:#FFFFFF;stroke:#35AECB;stroke-width:2}
#about-story .story-visual strong{font-size:clamp(23px,2.8vw,38px);line-height:1.2;color:#032058}
#about-story .story-visual span,#about-story .story-context{font-size:12px;line-height:1.5}
#about-story .story-context{margin:16px 0 12px;text-align:center}
#about-story .story-closing{font-size:20px;line-height:1.5;text-align:center;font-weight:600;margin:0}
#about-story[data-story-scroll] .story-stage{position:sticky;top:var(--story-top)}
#about-story .story-panel.story-activate{animation:story-activate .2s ease-out}
@keyframes story-activate{from{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){#about-main #about-story{margin-block:64px}}
@media(max-width:700px){#about-story .story-years{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:0;gap:8px}#about-story .story-years::after,#about-story .story-light,#about-story .story-years button::after{display:none}#about-story .story-panel{grid-template-columns:minmax(0,1fr);padding:24px;gap:20px;min-height:0}#about-story .story-visual svg{display:none}#about-story .story-visual{align-items:flex-start;text-align:left}#about-story .story-years button{font-size:15px}}
@media(max-width:600px){#about-main #about-story{margin-block:48px}#about-story .story-panel{border-radius:16px}#about-story .story-panel-copy>p:last-child{font-size:16px}}
@media(prefers-reduced-motion:reduce){#about-story .story-panel.story-activate{animation:none}}