.ba-page {
  --ba-ink: #0b2850;
  --ba-accent: #007e91;
  color: var(--ba-ink);
  padding-block-start: 118px;
}
.ba-wrap { width: min(100% - 44px, 1180px); margin-inline: auto; }
.ba-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .85fr);
  align-items: center;
  gap: clamp(36px, 7vw, 104px);
  padding-block: clamp(52px, 8vw, 118px);
}
.ba-kicker { margin: 0 0 12px; color: var(--ba-accent); font-weight: 700; font-size: .78rem; letter-spacing: .06em; }
.ba-kicker span { display: inline-block; margin-inline-start: 12px; }
.ba-page h1 { margin: 0; font-size: clamp(3rem, 7vw, 6rem); line-height: 1.15; }
.ba-deck { margin: 18px 0 36px; font-size: clamp(1.15rem, 2.1vw, 1.65rem); font-weight: 700; }
.ba-office { position: relative; isolation: isolate; margin: 0; }
.ba-office::before { content: ""; position: absolute; inset: -12px -12px 36px 36px; z-index: -1; background: #087caa; border-radius: 34px; }
.ba-office img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 4.6; object-fit: cover; border-radius: 24px; }
.ba-office figcaption { position: relative; margin: -36px 18px 0; padding: 14px 18px; border-radius: 16px; background: #0b2850; color: white; box-shadow: 0 16px 32px #0b285026; }
.ba-office figcaption strong { font-size: 1.55rem; margin-inline-end: 12px; }
.ba-office figcaption span { font-size: .8rem; }
.ba-factors, .ba-leaders { padding-block: clamp(50px, 7vw, 90px); background: #f1f7fa; text-align: center; }
.ba-page h2 { margin: 0 0 18px; font-size: clamp(1.45rem, 3.4vw, 2.65rem); line-height: 1.4; }
.ba-intro .ba-chapter h2 { font-size: clamp(1.15rem, 2vw, 1.55rem); }
.ba-factor-grid, .ba-leader-grid { display: grid; gap: 14px; margin-top: 32px; }
.ba-factor-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ba-factor-grid a { display: grid; place-items: center; align-content: center; gap: 10px; min-height: 102px; padding: 12px; border: 1px solid #d3e3ee; background: white; border-radius: 16px; transition: color .2s, background .2s; }
.ba-factor-grid a span { color: var(--ba-accent); font-size: .78rem; }
.ba-factor-grid a:is(:hover, :focus-visible, [aria-current]) { background: #0b2850; color: #fff; }
.ba-factor-grid a:is(:hover, :focus-visible, [aria-current]) span { color: #8cefff; }
.ba-story { max-width: 880px; padding-block: clamp(50px, 8vw, 105px); }
.ba-chapter { scroll-margin-top: 28px; }
.ba-chapter:focus { outline: none; }
.ba-story .ba-chapter { padding-block: 28px; border-block-end: 1px solid #dbe7ef; }
.ba-index { display: block; color: var(--ba-accent); font-weight: 700; margin-bottom: 8px; }
.ba-chapter p { margin: 0 0 12px; line-height: 2.1; }
.ba-chapter p:last-child { margin-bottom: 0; }
.ba-quote { margin: 32px 0 0; padding: 22px; border-inline-start: 4px solid #0089a0; background: #edf8fa; border-radius: 12px; font-size: clamp(1rem, 2vw, 1.3rem); }
.ba-leader-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ba-person { background: white; border: 1px solid #dbe7ef; padding: 28px 12px; border-radius: 20px; }
.ba-portrait { display: grid; place-items: center; width: min(78%, 104px); aspect-ratio: 1; margin: 0 auto 16px; border-radius: 50%; overflow: hidden; background: linear-gradient(145deg, #e5f7fb, #c4e8f2); border: 3px solid #fff; box-shadow: 0 0 0 1px #bdddea; color: #0b4168; font-size: 1.55rem; font-weight: 700; }
.ba-portrait img { width: 100%; height: 100%; object-fit: cover; }
.ba-person h3 { margin: 0 0 6px; font-size: clamp(.97rem, 2vw, 1.3rem); }
.ba-person p { margin: 0; color: var(--ba-accent); font-size: .82rem; }
.ba-cta { display: inline-flex; gap: 16px; margin-top: 28px; padding: 12px 22px; border-radius: 999px; background: #0b2850; color: #fff; }
.ba-office figcaption { display: flex; align-items: center; gap: 14px; background: #fff; color: var(--ba-ink); border: 1px solid #dbe7ef; }
.ba-office figcaption strong { font-size: clamp(2rem, 4.5vw, 3.75rem); line-height: 1.2; }
.ba-office figcaption b { display: block; padding-bottom: 5px; margin-bottom: 4px; border-bottom: 1px solid #dbe7ef; color: var(--ba-accent); }
.ba-glance { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: clamp(44px, 7vw, 84px); border-block: 1px solid #dbe7ef; }
.ba-glance > div { display: flex; align-items: center; justify-content: center; gap: 13px; padding: 19px 8px; }
.ba-glance > div + div { border-inline-start: 1px solid #dbe7ef; }
.ba-glance svg { width: clamp(22px, 4vw, 42px); flex: none; fill: none; stroke: var(--ba-accent); stroke-width: 1.5; stroke-linecap: round; }
.ba-glance p { margin: 0; }
.ba-glance strong, .ba-glance span { display: block; }
.ba-glance strong { color: var(--ba-accent); font-size: clamp(1.35rem, 3vw, 2.35rem); }
.ba-glance span { font-size: .8rem; }
.ba-story { max-width: 1080px; display: grid; gap: 20px; }
.ba-story .ba-chapter { position: relative; padding: clamp(24px, 5vw, 52px); border: 1px solid #dbe7ef; border-radius: 26px; background: #fff; box-shadow: 0 12px 32px #0b28500a; }
.ba-story .ba-chapter:nth-child(even) { background: #f0f8fb; }
.ba-story .ba-chapter .ba-index { display: inline-grid; place-items: center; min-width: 42px; height: 42px; border-radius: 50%; background: #dcf4f8; }
.ba-story .ba-chapter h2 { max-width: 27ch; }
.ba-story .ba-chapter p { max-width: 75ch; }
.ba-chapter:target { border-color: #008da5; box-shadow: 0 0 0 3px #008da52b; }
.ba-quote { margin: 0; background: #0b2850; color: #fff; }
.ba-leaders h2 em { color: var(--ba-accent); font-style: normal; }
.ba-leader-grid { gap: clamp(12px, 2vw, 24px); }
.ba-person { position: relative; overflow: hidden; padding-block: clamp(26px, 4vw, 46px); transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.ba-person::before { content: ""; position: absolute; inset: 0 0 auto; height: 5px; background: #dbe7ef; transition: background .3s; }
.ba-person:is(:first-child, :hover)::before { background: linear-gradient(90deg, #0b2850, #00a8bf); }
.ba-person:hover { transform: translateY(-5px); box-shadow: 0 18px 36px #0b285019; border-color: #98c4d3; }
.ba-portrait { width: min(75%, 126px); }
@media (prefers-reduced-motion: reduce) {
  .ba-person, .ba-person::before { transition: none; }
  .ba-person:hover { transform: none; }
}
@media (max-width: 520px) {
  .ba-glance > div { flex-direction: column; gap: 5px; text-align: center; }
  .ba-glance span { font-size: .69rem; }
}

.ba-draft-hero { position:relative; isolation:isolate; overflow:hidden; color:#fff; background:linear-gradient(120deg,#0b4779,#081d3a 70%); padding-block:clamp(45px,7vw,105px) clamp(64px,9vw,125px); }
.ba-draft-hero::after { content:""; position:absolute; z-index:-1; inset:auto -2% -2px; height:clamp(24px,5vw,70px); background:white; clip-path:polygon(0 35%, 52% 100%,100% 10%,100% 100%,0 100%); }
.ba-draft-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:center; gap:clamp(24px,6vw,92px); }
.ba-draft-hero h1 { font-size:clamp(2.25rem,5vw,4.8rem); text-wrap:balance; }
.ba-draft-hero .ba-kicker { color:#87ebf5; }
.ba-draft-hero p:not(.ba-kicker), .ba-draft-story p:not(.ba-kicker) { line-height:2; }
.ba-draft-hero .ba-cta { background:#f3c263; color:#102741; margin-top:10px; }
.ba-draft-hero figure { margin:0; position:relative; }
.ba-draft-hero figure::before { content:""; position:absolute; inset:12% -4% -4% 18%; background:#e9b64c; border-radius:30% 12% 27% 12%; z-index:-1; }
.ba-draft-hero img { display:block; width:100%; height:auto; border-radius:28px; box-shadow:0 22px 55px #06152866; }
.ba-draft-story,.ba-draft-road { padding-block:clamp(52px,8vw,108px); scroll-margin-top:20px; }
.ba-draft-icon { display:grid; place-items:center; padding:24px; border-radius:34px; background:radial-gradient(ellipse,#c8eff6,#eff9fb 72%); }
.ba-draft-icon svg { width:min(72%,235px); }
.ba-draft-pillars article { background:white; border:1px solid #dbe7ef; border-radius:20px; padding:22px 14px; }
.ba-draft-pillars b { color:#007e91; }
.ba-draft-pillars p,.ba-draft-road li p { line-height:1.85; }
.ba-draft-road ol { list-style:none; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:32px; }
.ba-draft-road li { border-block-start:3px solid #0a879e; padding:18px 0 0; }

.ba-timeline-title { text-align:center; padding-block:clamp(52px,9vw,120px) 38px; }
.ba-journey { max-width:900px; padding-bottom:clamp(50px,8vw,95px); }
.ba-journey ol { list-style:none; margin:0; padding:0 26px 0 0; border-inline-start:2px solid #c3e7ef; display:grid; gap:14px; }
.ba-milestone { position:relative; }
.ba-milestone::before { content:""; position:absolute; inset-inline-start:-33px; top:28px; width:12px; aspect-ratio:1; border-radius:50%; background:#007e91; box-shadow:0 0 0 5px #e5f6f9; }
.ba-milestone:has(details[open])::before { box-shadow:0 0 0 5px #d1f3f8,0 0 22px #1cc7e2; }
.ba-milestone details { border:1px solid #d5e7ef; border-radius:18px; background:#fff; overflow:hidden; }
.ba-milestone details[open] { background:#eff8fb; border-color:#94ccda; }
.ba-milestone summary { position:relative; cursor:pointer; display:grid; gap:5px; padding:17px 20px 17px 54px; list-style:none; }
.ba-milestone summary::-webkit-details-marker { display:none; }
.ba-milestone summary::after { content:"+"; position:absolute; inset-inline-end:18px; top:20px; color:#007e91; font-size:1.4rem; }
.ba-milestone details[open] summary::after { content:"−"; }
.ba-stage { color:#007e91; font-size:.82rem; font-weight:700; }
.ba-stage-title { font-size:clamp(1.05rem,2.1vw,1.45rem); font-weight:700; }
.ba-stage-copy { padding:0 20px 18px; }
.ba-stage-copy p { margin:0; line-height:2; }
.ba-stage-copy p + p { margin-top:.75em; }
@media (max-width: 980px) {
  .ba-leader-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ba-page .ba-wrap { min-width: 0; }
}
@media (max-width: 760px) {
  .ba-page .ba-leader-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ba-timeline-title { padding-block: 38px 24px; }
  .ba-journey ol { padding-inline-start: 17px; }
  .ba-milestone::before { inset-inline-start: -24px; }
  .ba-milestone summary { padding-inline: 12px 36px; min-height: 44px; }
  .ba-stage-copy { padding-inline: 12px; }
  .ba-backing h2 { text-wrap: balance; }
  .ba-leaders .ba-person { min-width: 0; padding-block: 16px; }
  .ba-leaders .ba-portrait { width: min(76%, 138px); }
  .ba-page .ba-metrics strong { font-size: clamp(1rem, 4.8vw, 2rem); }
  .ba-metrics p { font-size: .83rem; }
}
.ba-honors { padding-block:clamp(48px,8vw,104px); text-align:center; background:radial-gradient(ellipse at top,#10486b,#081d38 72%); color:#fff; }
.ba-metrics { list-style:none; margin:28px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.ba-metrics li { padding:20px 8px; border:1px solid #72dbed55; border-radius:16px; background:#ffffff08; }
.ba-metrics strong { color:#8cefff; font-size:clamp(1.4rem,3.5vw,3rem); font-variant-numeric:tabular-nums; white-space:nowrap; }
.ba-metrics p { margin:6px 0 0; }
.ba-metric-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ba-honors { background:#fff; color:#0b2850; }
.ba-metrics li { border:0; background:none; }
.ba-metrics strong { color:inherit; }
.ba-leaders { background:#fff; }
.ba-leaders .ba-person { border:0; background:none; box-shadow:none; overflow:visible; padding-inline:0; }
.ba-leaders .ba-person::before { display:none; }
.ba-leaders .ba-portrait { position:relative; isolation:isolate; overflow:visible; width:min(78%,160px); border:0; border-radius:0; background:none; box-shadow:none; }
.ba-leaders .ba-portrait::before,
.ba-leaders .ba-portrait::after { content:""; position:absolute; z-index:-1; }
.ba-leaders .ba-portrait::before { inset:0 -8% 23% 20%; background:#eff4f7; border-radius:35% 24% 31% 24%; }
.ba-leaders .ba-portrait::after { inset:30% 12% -5% -9%; background:#50bed0; border-radius:43% 28% 37% 26%; transform:rotate(-12deg); }
.ba-leaders .ba-portrait img { display:block; border-radius:48% 48% 30% 35%; }
.ba-leaders .ba-person h3 { margin-top:24px; }
@supports (background-clip:text) or (-webkit-background-clip:text) {
  @media (prefers-reduced-motion:no-preference) {
    .ba-honors h2, .ba-metrics p, .ba-metrics [data-ba-count] {
      background:linear-gradient(108deg,#0b2850 40%,#168da6 49%,#0b2850 58%) 100% 50% / 300% 100%;
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
      animation:ba-text-sweep 4s ease-in-out infinite;
    }
    @keyframes ba-text-sweep { 0%,15% { background-position:100% 50%; } 70%,100% { background-position:0% 50%; } }
  }
}
@media(max-width:760px) { .ba-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.ba-backing { position:relative; isolation:isolate; overflow:hidden; text-align:center; padding:clamp(60px,11vw,145px) 18px; background:radial-gradient(ellipse at bottom,#07557a,#06172d 70%); color:#fff; }
.ba-backing h2 { position:relative; margin:0; font-size:clamp(1.85rem,5vw,4rem); }
.ba-backing em { color:#8cefff; font-style:normal; text-shadow:0 0 24px #27b9df88; }
.ba-backing .ba-news-signal { position:relative; display:inline-block; isolation:isolate; white-space:nowrap; margin-inline:.18em; padding:.08em .35em; border:1px solid #ffffff50; border-radius:.45em; }
.ba-news-signal::before { content:""; position:absolute; z-index:-1; inset:-80%; pointer-events:none; background:radial-gradient(ellipse,#4bdcff66,transparent 64%); }
@property --ba-news-angle { syntax:"<angle>"; inherits:false; initial-value:0deg; }
@media (prefers-reduced-motion:no-preference) {
  .ba-backing.is-live .ba-news-signal::before { animation:ba-news-pulse 3s ease-out infinite; }
  @supports (mask-composite:exclude) {
    .ba-backing.is-live .ba-news-signal::after {
      content:""; position:absolute; inset:-2px; border-radius:inherit; padding:2px; pointer-events:none;
      background:conic-gradient(from var(--ba-news-angle),transparent 0 79%,#ffffff55 88%,white 97%,transparent);
      mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0); mask-composite:exclude;
      animation:ba-news-orbit 2.6s linear infinite;
    }
  }
  @keyframes ba-news-pulse { from { transform:scale(.5); opacity:.9; } to { transform:scale(1.65); opacity:0; } }
  @keyframes ba-news-orbit { to { --ba-news-angle:360deg; } }
}
.ba-backing-wave { position:absolute; z-index:-1; inset:-65%; background:repeating-radial-gradient(ellipse at 50% 74%,transparent 0 28px,#58e4ff26 30px 32px,transparent 34px 56px); }
@media (prefers-reduced-motion:no-preference) {
  .ba-backing.is-live .ba-backing-wave { animation:ba-broadcast 3s ease-out both; }
  @keyframes ba-broadcast { from { transform:scale(.75); opacity:.15; } 55% { opacity:1; } to { transform:scale(1.12); opacity:.55; } }
}
@media(max-width:760px) {
  .ba-draft-grid,.ba-draft-road ol { grid-template-columns:1fr; }
  .ba-draft-icon { order:1; }
  .ba-draft-hero figure { margin-inline:8px; }
}
@media (max-width: 1180px) { .ba-page { padding-block-start: 94px; } }
@media (max-width: 760px) {
  .ba-page { padding-block-start: 78px; }
  .ba-wrap { width: calc(100% - 36px); }
  .ba-intro { grid-template-columns: 1fr; }
  .ba-office { width: min(92%, 390px); margin-inline: auto; }
  .ba-factor-grid, .ba-leader-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}