.about-hero{padding-bottom:90px}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:start;margin-top:10px}
.about-story h2{font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--navy-800);letter-spacing:-.3px;margin-bottom:18px}
.about-story p{color:var(--muted);font-size:15.5px;line-height:1.8;margin-bottom:16px}
.timeline{position:relative;padding-left:28px}
.timeline::before{content:"";position:absolute;left:6px;top:4px;bottom:4px;width:2px;background:linear-gradient(to bottom,var(--blue-500),transparent)}
.tl-item{position:relative;margin-bottom:28px;opacity:0;transform:translateX(16px);transition:.6s cubic-bezier(.2,.7,.3,1)}
.tl-item.on{opacity:1;transform:none}
.tl-item::before{content:"";position:absolute;left:-26px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--blue-500);box-shadow:0 0 0 4px rgba(30,99,208,.2)}
.tl-y{font-size:12px;font-weight:800;letter-spacing:1.5px;color:var(--blue-500);text-transform:uppercase}
.tl-item h3{font-size:18px;font-weight:800;color:var(--navy-800);margin:4px 0 6px}
.tl-item p{font-size:14px;color:var(--muted);line-height:1.65}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;width:180px;height:180px;right:-40px;top:-40px;border-radius:50%;background:radial-gradient(circle,rgba(30,99,208,.12),transparent 70%)}
.mission{margin-top:20px;padding:22px;border-radius:14px;background:linear-gradient(135deg,#0a2352,#1450b4);color:#fff}
.mission h3{font-size:14px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px;color:var(--sky-300)}
.mission p{font-size:15px;line-height:1.7;color:#e8f0fc}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}}