.about-page{background:#f3f5f8}
.about-page .pagehero{position:relative;isolation:isolate;overflow:hidden;min-height:570px;display:flex;align-items:center;padding:90px 0;background:#061a36}
.about-page .pagehero>.wrap{position:relative;z-index:2}
.about-page .pagehero h1{max-width:780px;font-size:clamp(2.65rem,5.8vw,5.3rem);line-height:1.08;margin:24px 0;letter-spacing:-.045em;text-wrap:balance}
.about-hero-photo{position:absolute;inset:0 0 0 36%;margin:0;z-index:0}
.about-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}
.about-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061a36 0%,rgba(6,26,54,.8) 35%,rgba(6,26,54,.3) 100%)}
.hero-rule{width:100px;height:4px;background:#e2b63f;margin-top:38px}
.about-page .section{padding:90px 0}
.about-page .kicker,.about-page .eyebrow{font-size:.875rem;line-height:1.6}
.about-page h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1.13;text-wrap:balance}
.about-page .grid2{gap:64px;align-items:start}
.about-page .grid2>div{min-width:0}
.about-page .lead{line-height:1.7;margin-top:0}
.about-page .about-intro .grid2>div:last-child{border-left:3px solid #d5a51e;padding-left:30px}
.expo-photo{margin-top:48px;height:340px;overflow:hidden;border-radius:18px}
.expo-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 52%}
.about-page .navy{background:linear-gradient(120deg,#061a36,#103864)}
.about-page .audience-cards{counter-reset:audience;gap:24px;margin-top:42px}
.about-page .audience-cards .card{counter-increment:audience;position:relative;border:0;border-top:3px solid #d5a51e;border-radius:0 0 16px 16px;padding:32px;box-shadow:0 12px 32px #0b2a5508;transition:transform .25s,box-shadow .25s}
.about-page .audience-cards .card:before{content:"0" counter(audience);display:block;color:#b28300;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:30px;font-variant-numeric:tabular-nums}
.about-page .audience-cards h3{color:#0b2a55}
.about-page .audience-cards p{color:#52647a}
.about-page .benefits{counter-reset:benefit;margin:0 0 30px}
.about-page .benefits li{counter-increment:benefit;min-height:62px;padding:8px 0 20px 58px;margin:0 0 20px;border-bottom:1px solid #e3e8ee}
.about-page .benefits li:before{content:"0" counter(benefit);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f8f0d9;color:#85630a;top:6px;font-size:.85rem}
.about-page .community-flow{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:38px 0 40px;font-size:clamp(1.4rem,3.1vw,2.7rem)}
.community-flow span{border:1px solid #ffffff40;border-radius:14px;padding:28px 22px;flex:1;text-align:center}
.community-flow span:last-child{background:#e2b63f;color:#061a36;border-color:#e2b63f}
.community-flow i{font-style:normal;color:#e2b63f;font-size:1.7rem;font-weight:400}
.about-page #veterans .lead{max-width:860px;color:#52647a}
.about-page .footer>p{width:min(1180px,calc(100% - 40px));margin:20px auto 0}
@media(hover:hover){.about-page .audience-cards .card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #0b2a5510}}
@keyframes about-rise{from{opacity:.2;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
.about-page .pagehero h1{animation:about-rise .85s cubic-bezier(.2,.65,.3,1) both}
.about-page .about-reveal.is-visible{animation:about-rise .7s cubic-bezier(.2,.65,.3,1) both}
@media(max-width:800px){.about-page .pagehero{min-height:490px;padding:65px 0}.about-hero-photo{left:0;opacity:.5}.about-hero-photo:after{background:linear-gradient(90deg,#061a36e8,#061a3680)}.about-page .section{padding:58px 0}.about-page .grid2{grid-template-columns:1fr;gap:24px}.about-page .audience-cards{grid-template-columns:1fr}.expo-photo{height:240px;margin-top:32px}.about-page .community-flow{flex-direction:column;align-items:stretch;gap:12px}.community-flow span{padding:20px}.community-flow i{text-align:center;transform:rotate(90deg);line-height:1}.about-page .about-intro .grid2>div:last-child{padding-left:20px}}
@media(prefers-reduced-motion:reduce){.about-page *, .about-page *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
