/* Page-level design layer. Global styles remain in assets/css/global.css. */
.about-page{background:#fff;color:#222638}
.about-hero{background:linear-gradient(135deg,#171A28 0%,#2C3148 62%,#3B4258 100%);position:relative;overflow:hidden}
.about-hero:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(199,224,243,.18);border-radius:50%;right:-150px;top:-180px}
.about-hero:after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(199,224,243,.12);border-radius:50%;left:-140px;bottom:-180px}
.hero-inner{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#C7E0F3;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}
.eyebrow:before{content:"";width:30px;height:2px;background:#C7E0F3}
.display-title{font-size:clamp(2.35rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.045em;font-weight:800;color:white}
.display-title span{color:#C7E0F3}
.lead{font-size:1.08rem;line-height:1.9;color:#dce5ee;max-width:760px}
.content-section{padding:90px 0}
.section-kicker{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:#5C677D;font-weight:800}
.section-heading{font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.035em;color:#222638;font-weight:800}
.section-copy{color:#5C677D;line-height:1.9;font-size:1rem}
.story-card,.info-card,.value-card,.leader-card,.facility-card{background:#fff;border:1px solid #e5e9ee;border-radius:24px;box-shadow:0 16px 50px rgba(44,49,72,.08);transition:.3s ease}
.story-card:hover,.info-card:hover,.value-card:hover,.leader-card:hover,.facility-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(44,49,72,.13)}
.image-slot{min-height:230px;border:1.5px dashed #AFCFE8;background:#F4F7FA;display:flex;align-items:center;justify-content:center;color:#829DB8;text-align:center;padding:24px;border-radius:20px}
.image-slot span{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800}
.number{font-family:Georgia,serif;color:#AFCFE8;font-size:3rem;line-height:1}
.quote-box{border-left:4px solid #AFCFE8;background:#F4F7FA;padding:28px 30px;border-radius:0 18px 18px 0}
.timeline{position:relative}
.timeline:before{content:"";position:absolute;left:11px;top:10px;bottom:10px;width:2px;background:#E8F0F6}
.timeline-item{position:relative;padding-left:48px;padding-bottom:42px}
.timeline-dot{position:absolute;left:3px;top:5px;width:18px;height:18px;border-radius:50%;background:#2C3148;border:4px solid #C7E0F3}
.check-list{display:grid;gap:14px}
.check-list li{display:flex;gap:12px;align-items:flex-start;color:#4D576C;line-height:1.7}
.check-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;flex:0 0 24px;height:24px;border-radius:50%;background:#E8F0F6;color:#2C3148;font-weight:800;font-size:.78rem;margin-top:2px}
.mini-stat{padding:22px;border:1px solid #e5e9ee;border-radius:18px;background:#fff}
.mini-stat strong{display:block;font-size:1.8rem;color:#222638}
.mini-stat span{color:#829DB8;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.cta-band{background:#2C3148;color:white;border-radius:28px;padding:48px}
.footer-title{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:18px}
.footer-links{display:grid;gap:10px}
.footer-links a{color:#94a3b8;font-size:.9rem;transition:.2s}
.footer-links a:hover{color:#fff}
.site-footer{background:#171A28}
.mobile-quick-actions{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#171A28;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;padding:12px}
.mobile-quick-actions a{padding:8px}
.mobile-apply{background:#C7E0F3!important;color:#171A28!important;border-radius:8px}