.about-page{background:#fff}
.about-page .main-nav>a.active{color:#0B457F;font-weight:700}

.about-hero{position:relative;min-height:690px;overflow:hidden;color:#fff;background:#073864}
.about-hero-media,.about-hero-media img,.about-hero-shade{position:absolute;inset:0;width:100%;height:100%}
.about-hero-media img{object-fit:cover;object-position:center;display:block}
.about-hero-shade{background:linear-gradient(90deg,rgba(4,30,53,.92) 0%,rgba(5,39,70,.72) 38%,rgba(5,39,70,.20) 69%,rgba(5,39,70,.08) 100%)}
.about-hero-content{position:relative;z-index:2;min-height:690px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.about-hero h1,.about-intro h2,.about-section-head h2,.about-experience h2,.about-aoa h2,.about-location h2,.about-final-cta h2{
  margin:0;font-family:"Changan Uni","Arial Narrow","Noto Sans",sans-serif;font-weight:400;text-transform:uppercase
}
.about-hero h1{max-width:820px;font-size:clamp(58px,6vw,90px);line-height:.9}
.about-hero h1 span{color:#B3CFE4}
.about-hero p{max-width:610px;margin:25px 0 0;color:#d9e6ef;font-size:16px;line-height:1.72}
.about-hero-actions{display:flex;gap:12px;margin-top:30px}
.about-outline{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.55)}

.about-pillars{background:#fff;border-bottom:1px solid #dfe7ee}
.about-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.about-pillar-grid>div{min-height:115px;padding:22px;border-left:1px solid #dfe7ee}
.about-pillar-grid>div:last-child{border-right:1px solid #dfe7ee}
.about-pillar-grid small{display:block;font-family:"Changan Uni","Arial Narrow",sans-serif;font-size:28px;color:#bfd2df}
.about-pillar-grid strong{display:block;margin-top:-18px;margin-left:48px;font-family:"Changan Uni","Arial Narrow",sans-serif;font-size:22px;font-weight:400;color:#0B457F;text-transform:uppercase}
.about-pillar-grid span{display:block;margin:7px 0 0 48px;color:#6b7c88;font-size:10px;line-height:1.5}

.about-intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.about-intro h2,.about-experience h2,.about-location h2{color:#0B457F;font-size:clamp(43px,4.6vw,66px);line-height:.94}
.about-intro-copy p,.about-experience-copy p{color:#617482;font-size:14px;line-height:1.78}
.about-intro-actions{display:flex;gap:10px;margin-top:25px}
.about-intro-image{position:relative;min-height:460px;overflow:hidden;background:#edf4f9}
.about-intro-image img{width:100%;height:460px;object-fit:cover;display:block}
.about-image-label{position:absolute;left:20px;bottom:20px;padding:16px 18px;background:rgba(255,255,255,.95);border-left:3px solid #708EC9;color:#0B457F}
.about-image-label small,.about-image-label strong{display:block}
.about-image-label small{font-size:8px;letter-spacing:.14em;color:#748895}
.about-image-label strong{margin-top:3px;font-family:"Changan Uni","Arial Narrow",sans-serif;font-size:21px;font-weight:400;text-transform:uppercase}

.about-services{padding:100px 0;background:#073864;color:#fff}
.about-section-head{display:grid;grid-template-columns:1fr minmax(320px,530px);gap:50px;align-items:end;margin-bottom:38px}
.about-section-head h2,.about-aoa h2,.about-final-cta h2{color:#fff;font-size:clamp(43px,4.7vw,68px);line-height:.94}
.about-section-head>p{margin:0;color:#c8d9e5;font-size:14px;line-height:1.7}
.about-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.about-service-card{min-height:365px;padding:30px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05);transition:.25s}
.about-service-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.09)}
.about-service-highlight{background:linear-gradient(145deg,rgba(112,142,201,.36),rgba(255,255,255,.06))}
.about-service-card>span{font-family:"Changan Uni","Arial Narrow",sans-serif;font-size:34px;color:#9fc1d8}
.about-service-card h3{margin:56px 0 10px;font-family:"Changan Uni","Arial Narrow",sans-serif;font-size:32px;font-weight:400;text-transform:uppercase}
.about-service-card p{color:#c7d8e4;font-size:12px;line-height:1.7}
.about-service-card b{margin-top:auto;font-size:10px;color:#fff}

.about-experience{background:#f6f9fb}
.about-experience-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:center}
.about-experience-image{min-height:430px;overflow:hidden}
.about-experience-image img{width:100%;height:430px;object-fit:cover;display:block}
.about-experience-copy .btn{margin-top:15px}

.about-aoa{padding:90px 0;background:linear-gradient(125deg,#062f55,#0B457F 64%,#708EC9);color:#fff}
.about-aoa-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:center}
.about-aoa-logo{padding:35px;border:1px solid rgba(255,255,255,.18);text-align:center}
.about-aoa-logo img{width:min(260px,80%);margin:auto}
.about-aoa-logo span{display:block;margin-top:12px;color:#cddde8;font-size:10px}
.about-aoa-copy p{max-width:720px;color:#d2e0e9;line-height:1.72}
.about-aoa-copy small{display:block;margin-top:18px;color:#aec5d6;font-size:9px;line-height:1.55}

.about-location{background:#fff}
.about-location-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:stretch}
.about-location-copy{padding:24px 0}
.about-location-copy>p{color:#627482;line-height:1.7}
.about-contact-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 18px}
.about-contact-list a{padding:16px;border:1px solid #d9e4ec;background:#f8fbfd}
.about-contact-list small,.about-contact-list strong{display:block}
.about-contact-list small{font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#7b8c98}
.about-contact-list strong{margin-top:5px;color:#0B457F}
.about-hours{padding:16px 0 22px;color:#536777;font-size:12px;line-height:1.5}
.about-hours p{margin:5px 0}
.about-map{min-height:500px;overflow:hidden;background:#eaf2f7}
.about-map iframe{width:100%;height:100%;min-height:500px;border:0}

.about-final-cta{padding:72px 0;background:#073864;color:#fff}
.about-final-grid{display:flex;align-items:center;justify-content:space-between;gap:40px}
.about-final-actions{display:flex;align-items:center;gap:22px}
.about-text-link{color:#d3e3ee;font-size:11px;text-decoration:underline;text-underline-offset:4px}

@media(max-width:1024px){
  .about-pillar-grid{grid-template-columns:repeat(2,1fr)}
  .about-intro-grid,.about-experience-grid{gap:35px}
}
@media(max-width:900px){
  .about-page{padding-bottom:78px}
  .about-hero,.about-hero-content{min-height:600px}
  .about-hero-shade{background:linear-gradient(90deg,rgba(4,30,53,.9),rgba(4,30,53,.56))}
  .about-intro-grid,.about-section-head,.about-experience-grid,.about-aoa-grid,.about-location-grid{grid-template-columns:1fr}
  .about-service-grid{grid-template-columns:1fr}
  .about-service-card{min-height:260px}
  .about-service-card h3{margin-top:30px}
  .about-final-grid{align-items:flex-start;flex-direction:column}
}
@media(max-width:620px){
  .about-hero,.about-hero-content{min-height:560px}
  .about-hero h1{font-size:clamp(48px,14vw,64px)}
  .about-hero-actions,.about-intro-actions,.about-final-actions{align-items:stretch;flex-direction:column;width:100%}
  .about-hero-actions .btn,.about-intro-actions .btn,.about-final-actions .btn{width:100%}
  .about-pillar-grid{grid-template-columns:1fr}
  .about-pillar-grid>div{border-right:1px solid #dfe7ee}
  .about-intro-image,.about-intro-image img,.about-experience-image,.about-experience-image img{min-height:300px;height:300px}
  .about-services,.about-aoa{padding:72px 0}
  .about-section-head h2,.about-aoa h2,.about-final-cta h2,.about-intro h2,.about-experience h2,.about-location h2{font-size:clamp(38px,11vw,50px)}
  .about-contact-list{grid-template-columns:1fr}
  .about-map,.about-map iframe{min-height:390px}
}