:root{--navy:#050e1c;--lake:#091525;--steel:#112035;--bright:#5bb8ff;--blue:#2e7fd4;--gold:#c8a96e;--white:#fff;--text:#c8dcee;--muted:#86a4c0;--border:rgba(91,184,255,.15)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text);font:16px/1.7 'DM Sans',sans-serif}.about-main{overflow:hidden}.about-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.about-tag{display:flex;align-items:center;gap:12px;color:var(--bright);font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.23em;text-transform:uppercase}.about-tag::before{content:'';width:35px;height:1px;background:linear-gradient(90deg,var(--gold),var(--bright));box-shadow:0 0 12px rgba(91,184,255,.35)}h1,h2,h3{margin:0;color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;line-height:.95}.about-hero{position:relative;min-height:84vh;display:flex;align-items:center;padding:160px 0 90px;background:radial-gradient(circle at 75% 35%,rgba(46,127,212,.2),transparent 30%),linear-gradient(135deg,#050e1c,#0b203b);border-bottom:1px solid var(--border)}.about-hero::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(91,184,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(91,184,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,transparent,#000)}.about-hero .about-wrap{position:relative}.about-hero h1{font-size:clamp(72px,11vw,148px);margin:24px 0}.about-hero h1 span{color:var(--bright)}.about-hero>div>p{font-size:21px;color:#d6e8f8}.about-facts{display:flex;gap:1px;margin-top:45px;max-width:700px;background:var(--border);border:1px solid var(--border)}.about-facts div{flex:1;padding:22px;background:rgba(5,14,28,.85)}.about-facts strong,.about-facts span{display:block}.about-facts strong{color:#fff;font:700 30px 'Barlow Condensed',sans-serif;text-transform:uppercase}.about-facts span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.about-intro,.history,.purpose{padding:105px 0;border-bottom:1px solid var(--border)}.intro-grid,.purpose-grid,.history-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.about-main h2{font-size:clamp(48px,7vw,82px);margin-top:20px}.intro-copy,.purpose-grid>div:last-child{padding:30px;background:var(--steel);border-left:3px solid var(--bright);position:relative}.intro-copy::after,.purpose-grid>div:last-child::after{content:'';position:absolute;left:0;bottom:0;width:38%;height:3px;background:linear-gradient(90deg,var(--gold),var(--blue),var(--bright))}.intro-copy p,.purpose p{margin:0 0 18px;color:var(--text);font-size:18px}.intro-copy p:last-child,.purpose p:last-child{margin:0}.history{background:#081422}.history-head{align-items:end;margin-bottom:55px}.history-head>p{color:var(--muted);font-size:18px;max-width:600px}.timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.milestone{position:relative;display:grid;grid-template-columns:90px 1fr;gap:25px;padding:30px;background:var(--steel);border:1px solid var(--border);overflow:hidden;transition:transform .2s,border-color .2s}.milestone::after{content:'';position:absolute;left:0;bottom:0;width:18%;height:3px;background:linear-gradient(90deg,var(--gold),var(--blue),var(--bright));transition:width .35s}.milestone:hover{transform:translateY(-3px);border-color:rgba(91,184,255,.4)}.milestone:hover::after{width:100%}.year{color:var(--bright);font:700 32px 'Barlow Condensed',sans-serif}.milestone h3{font-size:25px;margin-bottom:10px}.milestone p{margin:0;color:var(--muted);font-size:14px}.purpose{background:radial-gradient(circle at 15% 50%,rgba(46,127,212,.1),transparent 30%),var(--navy)}.about-thanks{padding:110px 0;background:linear-gradient(105deg,var(--blue),#318de8);border-top:3px solid var(--bright)}.about-thanks h2{max-width:850px}.about-thanks p{color:#eaf6ff;font-size:18px}.about-button{display:inline-flex;margin-top:20px;padding:16px 25px;background:var(--navy);color:#fff;text-decoration:none;font:700 13px 'Barlow Condensed',sans-serif;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s,background .2s}.about-button:hover{transform:translateY(-2px);background:#fff;color:var(--navy)}
@media(max-width:820px){.intro-grid,.purpose-grid,.history-head{grid-template-columns:1fr;gap:30px}.timeline{grid-template-columns:1fr}.about-hero{min-height:75vh}.about-intro,.history,.purpose{padding:75px 0}}
@media(max-width:560px){.about-wrap{width:min(100% - 30px,1180px)}.about-facts{flex-direction:column}.about-hero h1{font-size:64px}.milestone{grid-template-columns:1fr;gap:8px;padding:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}