/* ba-li ported */
/* ═══════════════════════════════════════════════════════════
   Blue Arctic · About page
   Loaded via $page_css = ['page', 'about']. Hero, founding story,
   differentiator cards, dark numbers band, industries grid, approach.
   ═══════════════════════════════════════════════════════════ */

/* ── 1 · Hero ──────────────────────────────────────────────
   Larger and airier than the standard interior hero, but still light:
   the dark canvas stays exclusive to the homepage. */

/* Photo card: offset ice frame behind, glass identity badge in front */

/* ── 2 · Why we started ────────────────────────────────── */
.story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
  gap: clamp(2.5rem, 6vw, 5rem);
  align-items: center;
}
.story-copy p:not(.eyebrow) {
  font-size: clamp(1.05rem, 1.35vw, 1.1875rem);
  line-height: 1.75;
  color: var(--ink-2);
}
.story-copy p + p { margin-top: 1.15rem; }
.story-copy p strong { color: var(--ink); font-weight: 650; }
.story-photo { position: relative; }
.story-photo img {
  width: 100%;
  height: auto;
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lift);
}
.story-photo figcaption {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  margin-top: .9rem;
  font-size: var(--fs-tiny);
  color: var(--ink-3);
}
.story-photo figcaption .ico { color: var(--sky-400); }
@media (max-width: 900px) {
  .story-grid { grid-template-columns: minmax(0, 1fr); }
}

/* ── Leadership ────────────────────────────────────────────
   Portrait about 3/8, profile 5/8; stacked portrait-first below 900px. */
.container.leader-wrap { max-width: 64rem; }
.leader-grid {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(0, 5fr);
  gap: clamp(2rem, 5vw, 3.5rem);
  align-items: center;
}
.wp-block-image.leader-photo { margin: 0; }
.leader-photo img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--r-xl);
  box-shadow: var(--shadow-lift);
}
@media (max-width: 900px) {
  .leader-grid { grid-template-columns: minmax(0, 1fr); gap: 2rem; }
  .leader-photo { max-width: 22rem; }
}

/* Then / now contrast: the founding frustration made scannable */

/* ── 3 · What makes us different ───────────────────────────
   Uses the shared .feature-grid/.feature-card kit; About adds
   the gentle hover lift the plan cards already have. */

.about-diff-more {
  margin-top: 2.25rem;
  text-align: center;
  font-size: var(--fs-small);
  color: var(--ink-2);
}

/* ── 4 · By the numbers ────────────────────────────────────
   Licensed accent art (accent-deep-data) far beneath a ~95% navy
   overlay, same restraint as the trial and CTA bands. */

/* ── 5 · Who we help ─────────────────────────────────────── */

/* The eighth tile: an invitation, not an industry */

/* ── 6 · Our approach ──────────────────────────────────────
   Three stations on one route: the node-and-line grammar from the
   trial path, in daylight. */

/* connector between cards (desktop only) */