.about-page{background:#fff}
.about-hero{position:relative;min-height:330px;display:grid;align-items:center;overflow:hidden;padding-block:42px;background:#071b29;color:#c5d8e2}
.about-hero::after{content:"";position:absolute;width:360px;height:360px;inset-inline-end:-130px;top:-190px;border:1px solid rgba(107,204,232,.16);border-radius:50%;box-shadow:0 0 0 58px rgba(107,204,232,.035),0 0 0 116px rgba(107,204,232,.02)}
.about-hero__grid{position:relative;z-index:1;display:grid;gap:36px;align-items:center}
.about-hero .breadcrumbs{margin-bottom:18px;color:#9eb8c5}
.about-hero .breadcrumbs a{color:#c7dce6}
.about-hero h1{margin-bottom:11px;color:#fff;font-size:clamp(2rem,4vw,3.15rem);line-height:1.3}
.about-hero__copy>p:last-of-type{max-width:680px;margin-bottom:0;color:#bfd2dc;font-size:.94rem;line-height:1.85}
.about-hero__actions{margin-top:22px}
.about-hero__actions .button{min-height:44px;padding-block:9px;box-shadow:none}
.about-hero__actions .button:first-child .asset-icon{transform:none}

.about-brand-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px 18px;align-items:center;padding:20px;background:#0c2a3c;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 55px rgba(0,0,0,.2)}
.about-brand-card__mark{position:relative;width:108px;height:108px;display:grid;place-items:center;color:#fff}
.about-brand-card__mark>i{position:absolute;border:1px solid rgba(111,205,233,.42);border-radius:50%}
.about-brand-card__mark>i:nth-child(1){inset:12px;opacity:.68}.about-brand-card__mark>i:nth-child(2){inset:3px;opacity:.4}.about-brand-card__mark>i:nth-child(3){inset:-6px;opacity:.2}
.about-brand-card__logo{position:relative;z-index:1;width:70px;height:70px}
.about-brand-card__copy strong{display:block;color:#fff;font-size:1.05rem}
.about-brand-card__copy p{margin:5px 0 0;color:#a8c0cc;font-size:.68rem;line-height:1.7}
.about-brand-card__meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding-top:14px;border-top:1px solid rgba(255,255,255,.11)}
.about-brand-card__meta>span{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 10px;background:rgba(255,255,255,.035);color:#69cce8}
.about-brand-card__meta small{color:#d2e1e8;font-size:.62rem;line-height:1.55}

.about-intro__grid{display:grid;gap:44px;align-items:start}
.about-intro__content>p:not(.eyebrow){color:var(--muted);font-size:.98rem;line-height:2}
.about-editor-content{max-width:760px;font-size:1rem;line-height:2}
.about-editor-content h2:first-child,.about-editor-content h3:first-child{margin-top:0}
.about-facts{overflow:hidden;border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-sm)}
.about-facts>header{display:flex;align-items:center;gap:13px;padding:19px;background:#0b283a;color:#fff}
.about-facts>header>span{width:48px;height:48px;display:grid;place-items:center;background:#143d54;color:#fff}
.about-facts>header>div{display:flex;flex-direction:column}
.about-facts>header small{color:#83cce3;font-size:.63rem}
.about-facts>header strong{margin-top:2px;font-size:.9rem}
.about-facts dl{margin:0;padding:6px 20px 12px}
.about-facts dl>div{display:grid;grid-template-columns:94px 1fr;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}
.about-facts dl>div:last-child{border-bottom:0}
.about-facts dt{color:var(--muted);font-size:.68rem}
.about-facts dd{margin:0;color:var(--ink);font-size:.73rem;font-weight:700;line-height:1.7}

.about-story__header{display:grid;gap:28px;align-items:start;margin-bottom:32px}
.about-story__heading h2{max-width:650px;margin-bottom:0}
.about-story__narrative p{margin-top:0;color:var(--muted);font-size:.94rem;line-height:2}
.about-story__narrative p:last-child{margin-bottom:0}
.about-story__pillars{display:grid;gap:12px}
.about-story__pillars article{min-height:210px;padding:24px;background:#fff;border:1px solid var(--border)}
.about-story__pillars article>span{width:50px;height:50px;display:grid;place-items:center;margin-bottom:22px;background:#eaf5fc;color:var(--blue)}
.about-story__pillars h3{margin-bottom:8px;font-size:1rem}
.about-story__pillars p{margin:0;color:var(--muted);font-size:.76rem;line-height:1.85}
.about-page>.content-cta{margin-block:64px}

@media (min-width:700px){
  .about-hero__grid{grid-template-columns:minmax(0,1fr) 300px;gap:28px}
  .about-story__pillars{grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media (min-width:840px){
  .about-intro__grid{grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr)}
  .about-story__header{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:48px}
}

@media (max-width:699px){
  .about-hero{min-height:280px;padding-block:32px 38px}
  .about-hero__grid{gap:26px}
  .about-hero .breadcrumbs{margin-bottom:15px}
  .about-hero h1{font-size:1.95rem}
  .about-hero__copy>p:last-of-type{font-size:.84rem;line-height:1.85}
  .about-hero__actions{margin-top:19px}
  .about-brand-card{display:none}
  .about-intro,.about-story{padding-block:50px}
  .about-intro__grid{gap:28px}
  .about-story__header{margin-bottom:24px}
  .about-story__pillars article{min-height:190px;padding:20px}
  .about-page>.content-cta{margin-block:50px}
}

@media (max-width:430px){
  .about-brand-card{grid-template-columns:1fr;text-align:center}
  .about-brand-card__mark{margin-inline:auto}
  .about-brand-card__meta{grid-column:auto;text-align:right}
  .about-facts dl>div{grid-template-columns:78px 1fr}
}
