/* Separate About Us page only — approved cinematic design with full frozen copy. */
.xa-about-page{background:#fff;color:#082c4f;}
.xa-about-page .site-shell{min-height:0;}
.xa-about-page .nav-link.active{color:#a3e1ff;position:relative;}
.xa-about-page .nav-link.active::after{content:"";position:absolute;bottom:1px;left:0;right:0;height:2px;border-radius:2px;background:#28b0f5;}
.xa-wrap{width:min(1240px,calc(100% - 70px));margin-inline:auto;}
.xa-hero{min-height:365px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(112deg,#f3faff 4%,#d7efff 66%,#104679 100%);}
.xa-hero-picture{position:absolute;z-index:-2;top:0;right:0;bottom:0;width:70%;background:url('art/about-page-team.webp') 51% center/cover no-repeat;}
.xa-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#f6fbff 0%,#eff9ff 26%,rgba(235,248,255,.93) 37%,rgba(237,248,255,.3) 57%,rgba(14,46,83,0) 85%);}
.xa-hero-inner{min-height:365px;display:flex;align-items:center;padding-top:102px;padding-bottom:32px;}
.xa-hero-copy{max-width:610px;position:relative;}
.xa-eyebrow,.xa-kicker{font:850 11px/1.6 var(--font);color:#1182d4;letter-spacing:.21em;}
.xa-eyebrow{display:flex;align-items:center;gap:10px;}
.xa-eyebrow-line{width:30px;height:1px;background:#47b2ef;}
.xa-hero h1{margin:12px 0 14px;font:850 clamp(36px,3.65vw,54px)/1.11 var(--display);letter-spacing:-.054em;color:#061e3b;}
.xa-hero h1 em{font-style:normal;color:#0876d1;}
.xa-hero p{max-width:475px;margin:0;font:550 clamp(15px,1.15vw,18px)/1.65 var(--font);color:#234767;}
.xa-company{padding:36px 0 25px;background:linear-gradient(160deg,#fff 0%,#f8fcff 100%);}
.xa-company-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr);gap:clamp(22px,3.2vw,44px);align-items:center;}
.xa-company-copy h2,.xa-section-intro h2{margin:0 0 16px;font:850 clamp(30px,3.1vw,44px)/1.14 var(--display);color:#0c294e;letter-spacing:-.048em;}
.xa-company-copy h2 span,.xa-section-intro h2 span{color:#1085da;}
.xa-company-copy p{color:#203e56;font:450 14px/1.57 var(--font);margin:0 0 10px;}
.xa-company-copy p strong{font-weight:700;color:#12345b;}
.xa-company-copy .xa-company-tagline{font:italic 850 clamp(19px,1.65vw,24px)/1.45 var(--display);color:#095ea9;margin:16px 0 0;padding-left:15px;border-left:4px solid #249fea;}
.xa-company-art{min-width:0;}
.xa-art-photo{position:relative;height:clamp(330px,35vw,455px);overflow:hidden;border-radius:20px;border:6px solid white;box-shadow:0 18px 42px #1a65942d;background:#c6ebff;}
.xa-art-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 48%;filter:saturate(1.08) contrast(1.05);}
/* Approved reference-matched About layout: three text columns on desktop. */
.xa-purpose{padding:20px 0 22px;background:#fff;color:#162d46;}
.xa-purpose-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3.4vw,50px);align-items:start;}
.xa-purpose-column{min-width:0;}
.xa-purpose-column h2{margin:0 0 15px;color:#0b83d0;font:850 clamp(23px,2.05vw,29px)/1.2 var(--display);letter-spacing:-.038em;text-transform:uppercase;}
.xa-purpose-column p,.xa-purpose-column li{font:520 clamp(13.5px,1.1vw,15.5px)/1.69 var(--font);color:#203c53;}
.xa-purpose-column p{margin:0;}
.xa-purpose-column ul{padding-left:20px;margin:0;}
.xa-purpose-column li{padding-left:2px;margin-bottom:6px;}
/* Match compact three-card Why Choose reference, keeping our approved content. */
.xa-why{padding:26px 0 40px;background:#fff;}
.xa-why h2{text-align:center;margin:0 0 22px;color:#0b83d0;text-transform:uppercase;font:850 clamp(27px,2.5vw,34px)/1.25 var(--display);letter-spacing:-.045em;}
.xa-benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;}
.xa-benefit-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;padding:23px 21px 23px;background:#fff;border:1px solid #e9f1f6;border-radius:17px;box-shadow:0 5px 18px rgba(29,56,80,.14);}
.xa-benefit-icon{width:76px;height:76px;flex:none;display:block;color:#138aca;margin-bottom:17px;}
.xa-benefit-card h3{font:800 clamp(18px,1.7vw,23px)/1.3 var(--display);color:#087fc6;letter-spacing:-.026em;margin:0 0 13px;}
.xa-benefit-card p{font:520 clamp(13.5px,1.04vw,15px)/1.66 var(--font);color:#203b52;margin:0;}
.xa-cta-section{padding:0 0 23px;background:#fff;}
.xa-cta-panel{min-height:255px;position:relative;overflow:hidden;border-radius:19px;background:linear-gradient(110deg,#051e3b,#055a9b);color:white;box-shadow:0 17px 42px #144d8030;isolation:isolate;}
.xa-cta-picture{position:absolute;inset:0 0 0 37%;z-index:-2;background:url('art/about-page-handshake.webp') center / cover no-repeat;}
.xa-cta-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#031b39 0%,#063f7a 43%,rgba(4,58,115,.37) 73%,rgba(3,32,69,.08) 100%);}
.xa-cta-content{position:relative;max-width:770px;padding:38px 44px 39px;}
.xa-cta-overline{font:800 10px/1.5 var(--font);letter-spacing:.23em;color:#94dffd;}
.xa-cta-content h2{font:850 clamp(26px,2.55vw,36px)/1.2 var(--display);letter-spacing:-.042em;color:white;margin:9px 0 11px;}
.xa-cta-content p{margin:0 0 20px;color:#e0f2ff;font:500 14px/1.6 var(--font);max-width:600px;}
.xa-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:46px;padding:11px 23px;border-radius:8px;background:linear-gradient(105deg,#0d8af3,#23b5f8);box-shadow:0 7px 17px #001a4a42;color:#fff;font:800 13px var(--font);transition:transform .2s,filter .2s;}
.xa-cta-btn:hover{transform:translateY(-2px);filter:brightness(1.09);}
@media(max-width:1150px){
  .xa-company-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .xa-company-copy p{font-size:13.8px}
  .xa-benefits-grid{gap:16px}
}
@media(max-width:870px){
  .xa-wrap{width:calc(100% - 42px)}
  .xa-hero-picture{width:86%;opacity:.63}
  .xa-hero::after{background:linear-gradient(90deg,#f3faff 0%,rgba(240,249,255,.97) 31%,rgba(239,249,255,.76) 58%,rgba(239,249,255,.08) 100%)}
  .xa-company-grid{grid-template-columns:1fr}
  .xa-company-art{width:min(540px,100%);margin:auto}
  .xa-art-photo{height:clamp(320px,52vw,405px)}
  .xa-purpose-columns{gap:20px}
  .xa-purpose-column p,.xa-purpose-column li{font-size:13px}
  .xa-cta-content{max-width:650px}
  .xa-cta-picture{left:20%}
}
@media(max-width:700px){
  .xa-purpose-columns{grid-template-columns:1fr;gap:26px}
  .xa-benefits-grid{grid-template-columns:1fr;gap:17px}
  .xa-benefit-card{min-height:0;padding:26px 23px}
  .xa-benefit-icon{width:65px;height:65px}
}
@media(max-width:600px){
  .xa-wrap{width:calc(100% - 32px)}
  .xa-hero,.xa-hero-inner{min-height:340px}
  .xa-hero-inner{padding-top:106px}
  .xa-hero-picture{width:120%;opacity:.33;background-position:52% 40%}
  .xa-hero::after{background:linear-gradient(90deg,rgba(246,251,255,.96) 0%,rgba(241,249,255,.88) 75%,rgba(229,245,255,.72))}
  .xa-hero h1{font-size:clamp(33px,8.5vw,43px)}
  .xa-hero p{font-size:14px}
  .xa-company{padding:30px 0 20px}
  .xa-company-copy h2{font-size:29px}
  .xa-company-copy p{font-size:13.8px;line-height:1.55}
  .xa-company-copy .xa-company-tagline{font-size:18px}
  .xa-art-photo{height:clamp(310px,85vw,390px)}
  .xa-purpose{padding:22px 0 22px}
  .xa-purpose-column h2{font-size:25px}
  .xa-purpose-column p,.xa-purpose-column li{font-size:14px}
  .xa-why{padding:28px 0 38px}
  .xa-why h2{font-size:28px}
  .xa-benefit-card h3{font-size:20px}
  .xa-benefit-card p{font-size:14px}
  .xa-cta-section{padding-bottom:20px}
  .xa-cta-panel{border-radius:13px;min-height:300px}
  .xa-cta-picture{left:2%;opacity:.45}
  .xa-cta-panel::before{background:linear-gradient(90deg,rgba(3,28,56,.97),rgba(4,49,97,.83))}
  .xa-cta-content{padding:29px 23px}
  .xa-cta-content h2{font-size:27px}
  .xa-cta-content p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.xa-cta-btn{transition:none}}

/* October approved compact About presentation */
.xa-hero,.xa-hero-inner{min-height:240px}
.xa-hero-inner{padding-top:94px;padding-bottom:17px}
.xa-hero h1{font-size:clamp(30px,3vw,39px);line-height:1.14;margin:6px 0 8px;letter-spacing:-.04em}
.xa-hero p{font-size:clamp(13px,1vw,15px);line-height:1.48;max-width:460px}
.xa-company-copy h2{font-size:clamp(28px,2.65vw,35px);line-height:1.16;margin-bottom:14px}
@media(max-width:700px){.xa-hero,.xa-hero-inner{min-height:225px}.xa-hero-inner{padding-top:86px;padding-bottom:17px}.xa-hero h1{font-size:clamp(29px,7vw,35px)}.xa-hero p{font-size:13px}.xa-company-copy h2{font-size:clamp(27px,7vw,32px)}}