/* ==========================================================================
   blocks/team-founders — /the-monarch-team/ #our-founders, upper half (docs/R3-PLAN.md §1.3, §1.4.5;
   docs/scout/r3/TEAM.md §4). Mobile-first. Tabs: parts/tabs (tabs.css); bios: parts/read-more (read-more.css).

   Live (final state, tab 1)             390               768                1440
   heading block (eyebrow + h2)          79.42             90.61              108.28
   row (photo + tabs)                    1427.11           1052.36            659.75
     photo                               390 × 333.63 bleed 329.16 × 281.58   637.5 × 545.36
     tabs = list + panels (pane + 2×20)  122.67 + 938.44   76.5 + 975.86      49.25 + 610.5
   The row stacks ≤767 (Bricks .brxe-block wrap) and is two equal columns from 768 (329.16 / 329.14, 637.5 / 637.5).
   ========================================================================== */

/* ---- Root -------------------------------------------------------------------------------------------
   Nested (the team page): the root sits in the section wrapper's container, which centres its children; live's
   container stretches them, so the root is full width. Its own children (header, row) are spaced by the wrapper's
   gap (--block-section-gap = live's container gap 30 / 26.43 / 24.18), as team-overview. Colour: live's tabs column
   is .text--white, while the replica's body / heading colours are navy. */
.block-team-founders--nested,
.block-team-founders__inner {
  display: flex;
  flex-direction: column;
  color: var(--white);
}
.block-team-founders--nested {
  gap: var(--block-section-gap, var(--content-gap));
  width: 100%;
}
.block-team-founders__inner { gap: var(--content-gap); }   /* standalone: .container keeps its 1366px cap */

/* ---- Header (parts/heading-header + eyebrow). (0,2,0) beats base.css .heading-header whatever the order.
   live div.brxe-block.center--all.gap--xs: full width (no 50rem cap), eyebrow → h2 13.5px. */
.heading-header.block-team-founders__header {
  gap: var(--space-xs);
  max-width: none;
}

/* A flex item of the header column (blockified): its box is exactly one 1em line (22.94 / 28 / 36). */
.block-team-founders__header .heading-header__eyebrow {
  font-size: clamp(2.2rem, 1.338vw + 1.772rem, 3.6rem);   /* live #brxe-kolnvu (measured one-off) */
  line-height: 1em;
}

.block-team-founders__header .heading-header__heading {
  font-size: clamp(3.8rem, 1.625vw + 3.28rem, 5.5rem);   /* live .wlp-text--l (measured one-off) */
}

/* ---- Row: photo + tabs ----------------------------------------------------------------------------- */
.block-team-founders__row {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-l);                               /* live .gap--l */
  width: 100%;
}

.block-team-founders__media,
.block-team-founders__body { inline-size: 100%; }

/* ≤478: the photo bleeds to the viewport edges (live .wlp-breakout--s-full, 100vw). */
.block-team-founders__media {
  margin-inline: calc(-1 * var(--gutter));
  inline-size: calc(100% + 2 * var(--gutter));
}

.block-team-founders__image {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

/* ---- Member pane (the content of each tab) --------------------------------------------------------- */
.block-team-founders__member {
  display: flex;
  flex-direction: column;
  gap: var(--content-gap);
}

.block-team-founders__name { color: var(--white); }   /* Nimbus 700 --h2, calc(4px + 2ex) (base h2) */

.block-team-founders__job {
  font-size: clamp(1.6rem, 0.191vw + 1.539rem, 1.8rem);   /* live #brxe-ozaxgw (measured one-off) */
  text-transform: uppercase;
}

@media (min-width: 479px) {
  .block-team-founders__media {
    margin-inline: 0;
    inline-size: 100%;
  }
}

/* ≥768: two equal columns as live makes them: two 100%-wide blocks that shrink (329.16 / 329.14 at 768; a zero
   basis that grows puts the 1/64px remainder on the other column). */
@media (min-width: 768px) {
  .block-team-founders__row { flex-direction: row; }

  .block-team-founders__media,
  .block-team-founders__body {
    flex: 0 1 100%;
    min-inline-size: 0;
  }
}