/* ══════════════════════════════════════════════
       SECTION 1, HERO  (identiek aan careers hero)
    ══════════════════════════════════════════════ */
    .cr-hero {
      position: relative;
      min-height: 440px;
      display: flex;
      align-items: center;
      overflow: hidden;
    }
    .cr-hero__image {
      position: absolute;
      inset: 0;
      z-index: 0;
    }
    .cr-hero__image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      display: block;
    }
    .cr-hero__image::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(to right,
        rgba(15,26,46,0.72) 0%,
        rgba(15,26,46,0.42) 50%,
        rgba(15,26,46,0.08) 100%);
      pointer-events: none;
    }
    .cr-hero__text {
      position: relative;
      z-index: 2;
      width: 100%;
      max-width: 1400px;
      margin: 0 auto;
      padding: 0 var(--gutter);
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
    }
    .cr-hero__text-inner {
      max-width: 640px;
      padding-top: 40px;
    }
    .cr-hero__heading {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(30px, 3.8vw, 52px);
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: #ffffff;
      margin: 0 0 12px;
    }
    .cr-accent {
      position: relative;
      display: inline-block;
    }
    .cr-accent::after {
      content: '';
      position: absolute;
      left: -2px;
      right: -2px;
      bottom: 0.06em;
      height: 0.27em;
      background: var(--e-global-color-accent);
      opacity: 0.85;
      z-index: -1;
      transform: skew(-6deg);
      border-radius: 4px;
    }
    .cr-hero__sub {
      font-family: 'Inter', sans-serif;
      font-size: clamp(15px, 1.1vw, 17px);
      line-height: 1.65;
      color: rgba(255,255,255,0.78);
      margin: 0 0 20px;
    }
    .cr-hero__stats {
      display: flex;
      gap: 36px;
      margin-top: 32px;
      padding-top: 20px;
      border-top: 1px solid rgba(255,255,255,0.22);
    }
    .cr-hero__stat strong {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 28px;
      color: #ffffff;
      line-height: 1;
      margin-bottom: 6px;
    }
    .cr-hero__stat span {
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      color: rgba(255,255,255,0.62);
    }

    /* ══════════════════════════════════════════════
       SECTION 2, COMPANY INTRO
    ══════════════════════════════════════════════ */
    .ab-intro {
      padding: var(--section-pad-y) 0 0;
      background: var(--e-global-color-bg);
    }
    .ab-intro__wrap {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter);
    }

    /* Layout: heading+body+stats LEFT  |  founder cards RIGHT */
    .ab-intro__text-row {
      display: grid;
      grid-template-columns: 52% 48%;
      gap: 0;
      align-items: start;
    }

    /* Left column */
    .ab-intro__left {
      display: flex;
      flex-direction: column;
      gap: 36px;
      padding-right: 64px;
    }
    .ab-intro__heading {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(32px, 4.2vw, 60px);
      line-height: 1.05;
      letter-spacing: -0.03em;
      color: var(--e-global-color-text);
      margin: 0;
    }
    .ab-intro__body {
      font-family: 'Inter', sans-serif;
      font-size: 16px;
      line-height: 1.72;
      color: var(--e-global-color-text-dim);
      margin: 0;
    }
    .ab-intro__stats {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
    .ab-intro__stat-num {
      display: block;
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(28px, 3vw, 44px);
      line-height: 1;
      letter-spacing: -0.025em;
      color: var(--e-global-color-text);
      margin-bottom: 6px;
    }
    .ab-intro__stat-label {
      display: block;
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      line-height: 1.4;
      color: var(--e-global-color-text-dim);
    }

    /* Right column: 2 founder cards */
    .ab-intro__founders {
      display: flex;
      gap: 10px;
      align-items: flex-end;
    }
    .ab-intro__founder-card {
      flex: 1;
      position: relative;
      border-radius: 14px;
      overflow: hidden;
    }
    .ab-intro__founder-card:nth-child(1) { height: 400px; }
    .ab-intro__founder-card:nth-child(2) { height: 360px; }
    .ab-intro__founder-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      display: block;
    }
    .ab-intro__founder-card__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top,
        rgba(15,26,46,0.78) 0%,
        rgba(15,26,46,0.00) 52%);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      padding: 16px;
      gap: 8px;
    }
    .ab-intro__founder-card__info {
      display: flex;
      flex-direction: column;
    }
    .ab-intro__founder-card__name {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 14px;
      line-height: 1.3;
      color: #ffffff;
    }
    .ab-intro__founder-card__role {
      font-family: 'Inter', sans-serif;
      font-size: 12px;
      color: rgba(255,255,255,0.65);
      margin-top: 3px;
    }
    .ab-intro__founder-card__li {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(255,255,255,0.15);
      border: 1px solid rgba(255,255,255,0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      text-decoration: none;
      flex-shrink: 0;
      align-self: flex-end;
      transition: background .2s ease;
    }
    .ab-intro__founder-card__li:hover { background: rgba(255,255,255,0.3); }

    /* ══════════════════════════════════════════════
       SECTION 3, OUR CULTURE
    ══════════════════════════════════════════════ */
    .ab-culture {
      padding: var(--section-pad-y) 0;
      background: var(--e-global-color-bg-soft);
      isolation: isolate;
    }
    .ab-culture__head {
      max-width: 640px;
      margin: 0 auto 48px;
      padding: 0 var(--gutter);
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 14px;
    }
    .ab-culture__label {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--e-global-color-primary);
      margin: 0;
    }
    .ab-culture__heading {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(22px, 2.4vw, 32px);
      line-height: 1.12;
      letter-spacing: -0.015em;
      color: var(--e-global-color-text);
      margin: 0;
    }
    .ab-culture__sub {
      font-family: 'Inter', sans-serif;
      font-size: 16px;
      line-height: 1.65;
      color: var(--e-global-color-text-dim);
      margin: 0;
      max-width: 520px;
    }

    /* Tab navigation */
    .ab-tabs::-webkit-scrollbar { display: none; }
    .ab-tabs {
      width: max-content;
      max-width: calc(100% - 2 * var(--gutter));
      margin: 0 auto 40px;
      display: flex;
      gap: 0;
      flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none;
      justify-content: center;
    }
    .ab-tab {
      position: relative;
      font-family: 'Inter', sans-serif;
      font-weight: 600;
      font-size: 16px;
      color: var(--e-global-color-text-mute);
      background: none;
      border: none;
      padding: 14px 18px;
      min-height: 44px;
      cursor: pointer;
      transition: color .2s ease;
      line-height: 1;
      white-space: nowrap;
    }
    .ab-tab::before {
      content: ''; position: absolute; left: 0; right: 0; bottom: 0;
      height: 1px; background: var(--e-global-color-border);
    }
    .ab-tab::after {
      content: ''; position: absolute; left: 12px; right: 12px; bottom: 0;
      height: 2px; border-radius: 2px; z-index: 1;
      background: var(--e-global-color-primary);
      transform: scaleX(0); transition: transform .25s ease;
    }
    .ab-tab:hover { color: var(--e-global-color-text); }
    .ab-tab.is-active { color: var(--e-global-color-text); }
    .ab-tab.is-active::after { transform: scaleX(1); }

    /* Tab panels */
    .ab-tab-panel { display: none; }
    .ab-tab-panel.is-active { display: block; }

    /* Mission / Vision panels */
    /* Mission / Vision panels */
    .ab-mv-panel {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter) 48px;
    }
    .ab-mv-card {
      background: var(--e-global-color-bg);
      border-radius: 20px;
      padding: 52px 56px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 4px 28px rgba(15,26,46,0.07);
      display: grid;
      grid-template-columns: 260px 1fr;
      gap: 60px;
      align-items: start;
    }
    .ab-mv-card__bar {
      position: absolute;
      top: 0; left: 0;
      width: 4px; height: 100%;
      background: var(--e-global-color-primary);
      border-radius: 20px 0 0 20px;
    }
    .ab-mv-card__deco {
      position: absolute;
      right: 32px; bottom: -16px;
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 180px;
      line-height: 1;
      letter-spacing: -0.05em;
      color: var(--e-global-color-text);
      opacity: 0.04;
      user-select: none;
      pointer-events: none;
    }
    .ab-mv-left {
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .ab-mv-left__kicker {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--e-global-color-primary);
    }
    .ab-mv-left__icon {
      width: 48px; height: 48px;
      border-radius: 12px;
      background: rgba(56,196,234,0.1);
      display: flex;
      align-items: center;
      justify-content: center;
      color: var(--e-global-color-primary);
    }
    .ab-mv-left__icon svg { width: 22px; height: 22px; }
    .ab-mv-left__title {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(26px, 2.8vw, 36px);
      line-height: 1.15;
      letter-spacing: -0.02em;
      color: var(--e-global-color-text);
      margin: 0;
    }
    .ab-mv-chips {
      display: flex;
      flex-direction: column;
      gap: 9px;
      margin-top: 4px;
    }
    .ab-mv-chip {
      display: flex;
      align-items: center;
      gap: 9px;
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      font-weight: 500;
      color: var(--e-global-color-text-dim);
    }
    .ab-mv-chip::before {
      content: '';
      width: 6px; height: 6px;
      border-radius: 50%;
      background: var(--e-global-color-primary);
      opacity: 0.7;
      flex-shrink: 0;
    }
    .ab-mv-right {
      display: flex;
      flex-direction: column;
      gap: 24px;
      padding-top: 2px;
    }
    .ab-mv-right__quote {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(17px, 1.8vw, 22px);
      line-height: 1.45;
      letter-spacing: -0.01em;
      color: var(--e-global-color-text);
      margin: 0;
      padding-left: 20px;
      border-left: 3px solid var(--e-global-color-primary);
    }
    .ab-mv-right__body {
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      line-height: 1.78;
      color: var(--e-global-color-text-dim);
      margin: 0;
    }
    @media (max-width: 1024px) {
      .ab-mv-card { grid-template-columns: 1fr; gap: 32px; padding: 36px 28px; }
      .ab-mv-card__deco { font-size: 100px; }
    }

    /* Mission tab */
    .ab-mission {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter) 52px;
      display: grid;
      grid-template-columns: 1fr 420px;
      gap: clamp(48px, 6vw, 80px);
      align-items: center;
    }
    .ab-mission__top-line {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 14px;
    }
    .ab-mission__top-line-bar {
      width: 24px; height: 1.5px;
      background: var(--e-global-color-primary);
      border-radius: 1px;
    }
    .ab-mission__top-line-dots {
      font-size: 9px;
      color: var(--e-global-color-primary);
      letter-spacing: 3px;
    }
    .ab-mission__top-line-label {
      font-family: 'JetBrains Mono', monospace;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--e-global-color-primary);
    }
    .ab-mission__heading {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(30px, 3.2vw, 44px);
      line-height: 1.1;
      letter-spacing: -0.02em;
      color: var(--e-global-color-text);
      margin: 0 0 10px;
    }
    .ab-mission__rule {
      width: 40px; height: 2.5px;
      background: var(--e-global-color-primary);
      border-radius: 2px;
      margin-bottom: 24px;
    }
    .ab-mission__body {
      font-family: 'Inter', sans-serif;
      font-size: 15px;
      line-height: 1.78;
      color: var(--e-global-color-text-dim);
      margin: 0 0 28px;
    }
    .ab-mission__pills {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .ab-mission__pill {
      font-family: 'Inter', sans-serif;
      font-size: 12px;
      font-weight: 500;
      color: var(--e-global-color-primary);
      background: rgba(56,196,234,0.1);
      border-radius: 999px;
      padding: 5px 13px;
    }
    .ab-mission__items {
      display: flex;
      flex-direction: column;
      gap: 20px;
      margin-top: 28px;
    }
    .ab-mission__item {
      display: flex;
      align-items: center;
      gap: 16px;
    }
    .ab-mission__item-icon {
      width: 40px;
      height: 40px;
      flex-shrink: 0;
      border: 1.5px solid var(--e-global-color-border);
      border-radius: 8px;
      transform: rotate(45deg);
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--e-global-color-bg);
      color: var(--e-global-color-primary);
      transition: border-color .2s ease, background .2s ease;
    }
    .ab-mission__item:hover .ab-mission__item-icon {
      border-color: var(--e-global-color-primary);
      background: rgba(56,196,234,0.08);
    }
    .ab-mission__item-icon svg {
      transform: rotate(-45deg);
      flex-shrink: 0;
    }
    .ab-mission__item-text {
      padding-top: 4px;
    }
    .ab-mission__item-text h4 {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 14px;
      color: var(--e-global-color-text);
      margin: 0 0 4px;
    }
    .ab-mission__item-text p {
      font-family: 'Inter', sans-serif;
      font-size: 13px;
      line-height: 1.65;
      color: var(--e-global-color-text-dim);
      margin: 0;
    }
    /* Photo mosaic, logo shape via clip-path */
    .ab-mission__mosaic {
      position: relative;
      width: 420px;
      max-width: 100%;
      aspect-ratio: 1 / 1;
      height: auto;
      flex-shrink: 0;
    }
    /* Outer wrapper: holds the filter, NO clip-path here so shadow isn't clipped */
    .ab-mosaic-tile {
      position: absolute;
      inset: 0;
    }
    /* Inner clip: holds clip-path + overflow hidden, NO filter here */
    .ab-mosaic-tile__clip {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
    .ab-mosaic-tile__clip img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.5s ease;
    }

    /* clip-path on inner, filter on outer */
    /* Build animation */
    @keyframes ab-tile-build {
      from { transform: translateY(-44px); opacity: 0; }
      to   { transform: translateY(0);    opacity: 1; }
    }
    .ab-mosaic-tile {
      filter: drop-shadow(0 6px 24px rgba(15,26,46,0.16));
      opacity: 0;
    }
    .ab-mission__mosaic.is-building .ab-mosaic-tile {
      animation: ab-tile-build 1.1s cubic-bezier(0.22,1,0.36,1) both;
    }
    .ab-mission__mosaic.is-building .ab-mosaic-tile:nth-child(1) { animation-delay: 0.05s; }
    .ab-mission__mosaic.is-building .ab-mosaic-tile:nth-child(2) { animation-delay: 0.28s; }
    .ab-mission__mosaic.is-building .ab-mosaic-tile:nth-child(3) { animation-delay: 0.51s; }
    .ab-mission__mosaic.is-building .ab-mosaic-tile:nth-child(4) { animation-delay: 0.74s; }

    .ab-mosaic-tile:nth-child(1) .ab-mosaic-tile__clip {
      clip-path: polygon(85.4% 37.3%, 99.9% 67%,  66%   83.7%, 73.2% 57.7%, 59.6% 29.8%);
    }
    .ab-mosaic-tile:nth-child(2) .ab-mosaic-tile__clip {
      clip-path: polygon(37.3% 14.6%, 67%   0%,   83.7% 34%,   57.7% 26.8%, 29.8% 40.5%);
    }
    .ab-mosaic-tile:nth-child(3) .ab-mosaic-tile__clip {
      clip-path: polygon(14.6% 62.6%, 0%    32.9%, 34%   16.3%, 26.7% 42.2%, 40.4% 70.1%);
    }
    .ab-mosaic-tile:nth-child(4) .ab-mosaic-tile__clip {
      clip-path: polygon(62.5% 85.2%, 32.8% 99.8%, 16.2% 65.9%, 42.1% 73.1%, 70.1% 59.4%);
    }
    /* Per-tile SVG border (animates with its tile) */
    .ab-mosaic-tile__border {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      overflow: visible;
      z-index: 2;
    }
    @media (max-width: 1024px) {
      .ab-mission { grid-template-columns: 1fr; gap: 48px; }
      .ab-mission__mosaic { margin: 0 auto; }
    }
    @media (max-width: 640px) {
      .cr-hero__heading { font-size: clamp(20px, 6.2vw, 30px); }
      .ab-mission__mosaic { width: min(300px, 80vw); }
    }

    /* Values grid 3x2 */
    .ab-values {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter);
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
    }
    .ab-value-card {
      background: var(--e-global-color-bg);
      border: 1px solid var(--e-global-color-border);
      border-radius: 14px;
      padding: 28px 28px 32px;
      position: relative;
      overflow: hidden;
      transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
      min-height: 180px;
    }
    .ab-value-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 16px 36px -16px rgba(15,26,46,0.12);
    }
    .ab-value-card__deco {
      position: absolute;
      bottom: -14px;
      right: -4px;
      font-family: 'JetBrains Mono', monospace;
      font-weight: 800;
      font-size: 80px;
      line-height: 1;
      letter-spacing: -0.04em;
      text-transform: uppercase;
      color: currentColor;
      opacity: 0.055;
      pointer-events: none;
      user-select: none;
    }
    .ab-value-card--cyan .ab-value-card__deco { opacity: 0.13; }
    .ab-value-card__num {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      font-size: 11px;
      letter-spacing: 0.10em;
      text-transform: uppercase;
      color: currentColor;
      opacity: 0.7;
      margin: 0 0 12px;
      display: block;
    }
    .ab-value-card__title {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 20px;
      line-height: 1.2;
      color: var(--e-global-color-text);
      margin: 0 0 8px;
    }
    .ab-value-card__motto {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 600;
      font-size: 13px;
      line-height: 1.4;
      color: var(--e-global-color-text);
      margin: 0 0 10px;
    }
    .ab-value-card__desc {
      font-family: 'Inter', sans-serif;
      font-size: 14px;
      line-height: 1.65;
      color: var(--e-global-color-text-dim);
      margin: 0;
    }
    .ab-value-card--cyan   { color: var(--e-global-color-primary);    border-color: rgba(56,196,234,0.22); }
    .ab-value-card--blue   { color: var(--e-global-color-secondary);  border-color: rgba(13,89,209,0.15);  }
    .ab-value-card--yellow { color: var(--e-global-color-accent);     border-color: rgba(238,198,17,0.28); }
    .ab-value-card--red    { color: var(--e-global-color-alert);      border-color: rgba(254,91,91,0.18);  }
    .ab-value-card--cyan:hover   { border-color: var(--e-global-color-primary);   }
    .ab-value-card--blue:hover   { border-color: var(--e-global-color-secondary); }
    .ab-value-card--yellow:hover { border-color: var(--e-global-color-accent);    }
    .ab-value-card--red:hover    { border-color: var(--e-global-color-alert);     }

    /* Benefits grid, reuses wwb-card */
    .ab-benefits-grid {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter);
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
    }
    .ab-benefits-grid .wwb-card__icon { background: none !important; border-radius: 0; width: 32px; height: 32px; }
    .ab-benefits-grid .wwb-card__icon svg { width: 28px; height: 28px; }
    .ab-benefits-grid .wwb-card__body { gap: 10px; }
    .ab-benefits-grid .wwb-card--yellow .wwb-card__icon { color: var(--e-global-color-accent); }

    /* Icon draw animation */
    .ab-benefits-grid .wwb-card__icon svg path,
    .ab-benefits-grid .wwb-card__icon svg polyline,
    .ab-benefits-grid .wwb-card__icon svg polygon,
    .ab-benefits-grid .wwb-card__icon svg line,
    .ab-benefits-grid .wwb-card__icon svg rect,
    .ab-benefits-grid .wwb-card__icon svg circle {
      stroke-dasharray: 1000;
      stroke-dashoffset: 1000;
      transition: stroke-dashoffset 1.1s cubic-bezier(.65, 0, .35, 1);
    }
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg path,
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg polyline,
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg polygon,
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg line,
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg rect,
    .ab-benefits-grid .wwb-card.is-in-view .wwb-card__icon svg circle {
      stroke-dashoffset: 0;
    }

    /* Placeholder panels */
    .ab-placeholder {
      max-width: 560px;
      margin: 0 auto;
      padding: 56px var(--gutter);
      text-align: center;
    }
    .ab-placeholder__icon {
      width: 48px; height: 48px; border-radius: 12px;
      background: var(--e-global-color-bg);
      border: 1px solid var(--e-global-color-border);
      display: inline-flex; align-items: center; justify-content: center;
      margin-bottom: 20px; color: var(--e-global-color-primary);
    }
    .ab-placeholder h3 {
      font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 18px;
      color: var(--e-global-color-text); margin: 0 0 12px;
    }
    .ab-placeholder p {
      font-family: 'Inter', sans-serif; font-size: 15px; line-height: 1.65;
      color: var(--e-global-color-text-dim); margin: 0 0 20px;
    }
    .ab-placeholder a {
      font-family: 'JetBrains Mono', monospace; font-size: 12px; font-weight: 500;
      letter-spacing: 0.06em; text-transform: uppercase;
      color: var(--e-global-color-primary); text-decoration: none;
      display: inline-flex; align-items: center; gap: 6px;
      transition: gap .2s ease;
    }
    .ab-placeholder a:hover { gap: 10px; }

    /* ══════════════════════════════════════════════
       SECTION 4, MEET THE TEAM  (carousel)
    ══════════════════════════════════════════════ */
    .ab-team {
      padding: var(--section-pad-y) 0;
      background: var(--e-global-color-bg);
    }

    /* Header row aligned with culture/intro section above (content-max / gutter). */
    .ab-team__top {
      max-width: var(--content-max);
      margin: 0 auto 40px;
      padding: 0 var(--gutter);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
    }
    .ab-team__top-left {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
    .ab-team__label {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--e-global-color-primary);
      margin: 0;
    }
    .ab-team__heading {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: clamp(26px, 3vw, 42px);
      line-height: 1.12;
      letter-spacing: -0.015em;
      color: var(--e-global-color-text);
      margin: 0;
    }
    .ab-team__all {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 500;
      font-size: 13px;
      letter-spacing: 0.04em;
      color: var(--e-global-color-primary);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 6px;
      transition: gap .2s ease;
      width: fit-content;
    }
    .ab-team__all:hover { gap: 10px; }

    .ab-team__top-right {
      display: flex;
      gap: 10px;
      padding-bottom: 4px;
    }
    .ab-team__nav {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      border: 1.5px solid var(--e-global-color-border);
      background: var(--e-global-color-bg);
      color: var(--e-global-color-text);
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      padding: 0;
      transition: border-color .2s ease, background .2s ease, color .2s ease;
    }
    .ab-team__nav:hover {
      border-color: var(--e-global-color-primary);
      background: var(--e-global-color-primary);
      color: #ffffff;
    }
    .ab-team__nav:disabled {
      opacity: 0.35;
      pointer-events: none;
    }
    .ab-team__nav svg { width: 24px; height: 24px; }

    /* Carousel wrap, no overflow here; track handles scroll, wrap::before/after provide edge fades */
    .ab-team__carousel-wrap {
      position: relative;
    }
    .ab-team__carousel-wrap::before,
    .ab-team__carousel-wrap::after {
      content: '';
      position: absolute;
      top: 0; bottom: 0;
      width: 100px;
      z-index: 2;
      pointer-events: none;
    }
    .ab-team__carousel-wrap::before {
      left: 0;
      background: linear-gradient(to right, #ffffff 0%, transparent 100%);
    }
    .ab-team__carousel-wrap::after {
      right: 0;
      background: linear-gradient(to left, #ffffff 0%, transparent 100%);
    }

    /* Scrollable track */
    .ab-team__track {
      display: flex;
      gap: 16px;
      overflow-x: auto;
      scroll-behavior: smooth;
      scroll-snap-type: x mandatory;
      scrollbar-width: none;
      -ms-overflow-style: none;
      padding: 56px 80px 100px;
    }
    .ab-team__track::-webkit-scrollbar { display: none; }

    /* Portrait card, 3:4 aspect, staircase via data-dist attribute */
    .ab-member-card {
      flex: 0 0 220px;
      aspect-ratio: 3 / 4;
      border-radius: 5px;
      overflow: hidden;
      position: relative;
      scroll-snap-align: center;
      transform: translateY(60px) scale(1);
      filter: brightness(0.78);
      box-shadow: none;
      transition: transform .45s cubic-bezier(0.4,0,0.2,1),
                  filter .45s cubic-bezier(0.4,0,0.2,1),
                  box-shadow .45s cubic-bezier(0.4,0,0.2,1),
                  translate .25s ease;
    }
    /* hover: float up 10px (independent of the coverflow transform) */
    .ab-member-card:hover { translate: 0 -10px; }
    /* no hover float on the centred/active photo */
    .ab-member-card[data-dist="0"]:hover { translate: 0; }
    .ab-member-card[data-dist="3"] {
      transform: translateY(50px) scale(1);
      filter: brightness(0.82);
    }
    .ab-member-card[data-dist="2"] {
      transform: translateY(34px) scale(1);
      filter: brightness(0.88);
    }
    .ab-member-card[data-dist="1"] {
      transform: translateY(14px) scale(1);
      filter: brightness(0.94);
    }
    .ab-member-card[data-dist="0"] {
      transform: translateY(-18px) scale(1);
      filter: brightness(1);
      box-shadow: 0 32px 64px -14px rgba(15,26,46,0.36);
    }
    .ab-member-card[data-dist="0"] .ab-member-card__overlay {
      background: linear-gradient(to top,
        rgba(15,26,46,0.90) 0%,
        rgba(15,26,46,0.00) 55%);
    }
    .ab-member-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: top;
      display: block;
    }
    .ab-member-card__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top,
        rgba(15,26,46,0.82) 0%,
        rgba(15,26,46,0.00) 55%);
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      padding: 18px 16px;
      gap: 8px;
    }
    .ab-member-card__info {
      display: flex;
      flex-direction: column;
    }
    .ab-member-card__name {
      font-family: 'JetBrains Mono', monospace;
      font-weight: 700;
      font-size: 13px;
      line-height: 1.3;
      color: #ffffff;
    }
    .ab-member-card__role {
      font-family: 'Inter', sans-serif;
      font-size: 11px;
      color: rgba(255,255,255,0.68);
      margin-top: 3px;
    }
    .ab-member-card__li {
      width: 30px;
      height: 30px;
      border-radius: 50%;
      background: rgba(255,255,255,0.15);
      border: 1px solid rgba(255,255,255,0.25);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #ffffff;
      flex-shrink: 0;
      align-self: flex-end;
      transition: background .2s ease;
      text-decoration: none;
    }
    .ab-member-card__li:hover { background: rgba(255,255,255,0.3); }
    /* Touch: vergroot het tikbare gebied van de 30px LinkedIn-cirkels naar 44px
       zonder de visuele grootte te veranderen (onzichtbare overlay). */
    @media (hover: none) and (pointer: coarse) {
      .ab-intro__founder-card__li, .ab-member-card__li { position: relative; }
      .ab-intro__founder-card__li::after, .ab-member-card__li::after {
        content: ''; position: absolute; top: 50%; left: 50%;
        width: 44px; height: 44px; transform: translate(-50%, -50%);
      }
    }

    /* ══════════════════════════════════════════════
       SECTION 5, ISATIS LIFE
    ══════════════════════════════════════════════ */
    .ab-life {
      padding: var(--section-pad-y) 0;
      background: var(--e-global-color-bg-soft);
    }
    .ab-life__head {
      max-width: 640px; margin: 0 auto 64px; padding: 0 var(--gutter);
      text-align: center; display: flex; flex-direction: column; align-items: center; gap: 14px;
    }
    .ab-life__label {
      font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 12px;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
    }
    .ab-life__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(26px, 3vw, 42px); line-height: 1.12;
      letter-spacing: -0.015em; color: var(--e-global-color-text); margin: 0;
    }
    .ab-life__sub {
      font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.65;
      color: var(--e-global-color-text-dim); margin: 0; max-width: 540px;
    }

    /* ── Masonry grid ── */
    .ab-life__scene {
      max-width: var(--content-max);
      margin: 0 auto;
      padding: 0 var(--gutter);
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: 185px 185px 185px;
      gap: 10px;
    }
    .ab-life__pic {
      border-radius: 12px;
      overflow: hidden;
    }
    .ab-life__pic img {
      width: 100%; height: 100%;
      object-fit: cover; object-position: center; display: block;
      transition: transform .45s ease;
    }
    .ab-life__pic:hover img { transform: scale(1.05); }

    /* Grid placement, 4 cols × 3 rows, no rotation */
    .ab-life__pic:nth-child(1) { grid-column: 1; grid-row: 1; }
    .ab-life__pic:nth-child(2) { grid-column: 2; grid-row: 1 / 4; } /* DOMINANT tall */
    .ab-life__pic:nth-child(3) { grid-column: 3; grid-row: 1; }
    .ab-life__pic:nth-child(4) { grid-column: 4; grid-row: 1 / 3; }
    .ab-life__pic:nth-child(5) { grid-column: 1; grid-row: 2; }
    .ab-life__pic:nth-child(6) { grid-column: 3; grid-row: 2 / 4; }
    .ab-life__pic:nth-child(7) { grid-column: 1; grid-row: 3; }
    .ab-life__pic:nth-child(8) { grid-column: 4; grid-row: 3; }

    /* ══════════════════════════════════════════════
       SECTION 6, CTA
    ══════════════════════════════════════════════ */
    .ab-cta-outer {
      background: var(--e-global-color-bg);
      padding: 0 var(--gutter);
    }
    .ab-cta {
      border-radius: 20px;
      background: var(--e-global-color-text);
      padding: var(--section-pad-y) 24px;
      text-align: center;
    }
    .ab-cta__inner {
      max-width: 680px; margin: 0 auto;
      display: flex; flex-direction: column; align-items: center; gap: 16px;
    }
    .ab-cta__label {
      font-family: 'JetBrains Mono', monospace; font-weight: 500; font-size: 12px;
      letter-spacing: 0.12em; text-transform: uppercase;
      color: var(--e-global-color-primary); margin: 0;
    }
    .ab-cta__heading {
      font-family: 'JetBrains Mono', monospace; font-weight: 700;
      font-size: clamp(28px, 3.2vw, 44px); line-height: 1.1;
      letter-spacing: -0.02em; color: #ffffff; margin: 0;
    }
    .ab-cta__sub {
      font-family: 'Inter', sans-serif; font-size: 16px; line-height: 1.6;
      color: rgba(255,255,255,0.55); margin: 0 0 8px;
    }

    /* ══════════════════════════════════════════════
       RESPONSIVE
    ══════════════════════════════════════════════ */
    /* ── TABLET ── (<=1024px): 4/3-col grids → 2-col, wide text+visual rows stack */
    @media (max-width: 1024px) {
      .cr-hero__text     { width: 100%; padding: 120px var(--gutter) 56px; }
      .ab-intro__left    { padding-right: 40px; }
      .ab-intro__founder-card:nth-child(1) { height: 330px; }
      .ab-intro__founder-card:nth-child(2) { height: 295px; }
      .ab-values         { grid-template-columns: repeat(2, 1fr); }
      .ab-benefits-grid  { grid-template-columns: repeat(2, 1fr); }
      .ab-team__track    { padding: 30px var(--gutter) 24px; }
      .ab-life__scene    { grid-template-rows: 160px 160px 160px; }
      /* Isatians 3D sphere (1200×480 fixed via JS): scale to fit, pull the
         reserved layout box in with the same factor so nothing overflows. */
      #isatians-sphere  { transform: scale(0.78); transform-origin: top center;
                          margin: 0 -132px -106px; }
    }
    /* Sphere intermediate step for the 640–820px zone (fixed-px 3D widget
       needs more scale stops than the layout to stay fully in view). */
    @media (max-width: 820px) {
      #isatians-sphere  { transform: scale(0.6); transform-origin: top center;
                          margin: 0 -240px -192px; }
    }
    /* ── PHONE ── (<=640px) */
    @media (max-width: 640px) {
      /* Touch: geen verplaatsende hover/tap-effecten in kaarten
         (specificiteit verhoogd: de basisregels staan later in het bestand) */
      .ab-values .ab-value-card:hover { transform: none; box-shadow: none; }
      .ab-team__track .ab-member-card:hover { translate: 0 0; }
      .ab-life__scene .ab-life__pic:hover img { transform: none; }
      .mtt__cards .mtt-card, .mtt__cards .mtt-card * { transition: none !important; }
      .cr-hero__stats    { gap: 24px; flex-wrap: wrap; }
      .ab-intro__text-row  { grid-template-columns: 1fr; gap: 40px; }
      .ab-intro__left      { padding-right: 0; }
      .ab-intro__stats     { grid-template-columns: repeat(2, 1fr); gap: 24px 0; }
      .ab-intro__founder-card:nth-child(1) { height: 280px; }
      .ab-intro__founder-card:nth-child(2) { height: 250px; }
      .ab-values         { grid-template-columns: 1fr; }
      .ab-benefits-grid  { grid-template-columns: 1fr; }
      .ab-team__top      { flex-direction: column; align-items: flex-start; gap: 20px; }
      .ab-member-card    { flex: 0 0 172px; }
      .ab-culture__head  { margin-bottom: 32px; }
      .ab-culture__heading { white-space: normal; }
      .ab-tab            { font-size: 15px; padding: 13px 14px; }
      .ab-mission        { gap: 36px; }
      .ab-mission__pills { gap: 6px; }
      /* Mission: logo-mozaïek boven de titel */
      .ab-mission__mosaic { order: -1; width: min(300px, 78vw); margin: 0 auto; }
      /* Tabs mogen tegen de rand aan; fades komen van het scroll-fade script */
      .ab-tabs { max-width: 100%; justify-content: flex-start; }
      /* Team-slider: kaarten steken door de coverflow-offsets onder de track
         uit (verticale swipe); extra bodempadding + overflow-y dicht. Randfade
         smaller zodat de fade minder heftig oogt. */
      .ab-team__track { overflow-y: hidden; padding-bottom: 72px; }
      .ab-team__carousel-wrap::before,
      .ab-team__carousel-wrap::after { width: 36px; }
      /* Sphere: shrink hardest on phones so the full ring stays in view */
      #isatians-sphere  { transform: scale(0.46); transform-origin: top center;
                          margin: 0 -324px -260px; }
      /* Life grid → 2 cols, reset all spanning */
      .ab-life__scene {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: none;
        grid-auto-rows: 140px;
        gap: 8px;
      }
      .ab-life__pic { grid-column: auto !important; grid-row: auto !important; }
      .ab-life__pic:nth-child(7),
      .ab-life__pic:nth-child(8) { display: none; }
    }
    @media (max-width: 420px) {
      .ab-culture__heading { font-size: clamp(20px, 6.4vw, 26px); }
      .ab-team__heading    { font-size: clamp(22px, 6.8vw, 30px); }
      #isatians-sphere   { transform: scale(0.36); transform-origin: top center;
                           margin: 0 -384px -308px; }
    }
  
    /* ── Uniform met de industrie-verzamelpagina (referentie voor alle
       cr-hero's): zelfde tekst-padding en geen minimumhoogte op telefoon,
       zodat alle hero's op elk toestel even hoog zijn. Staat bewust als
       laatste in dit stylesheet en overschrijft de regels hierboven. ── */
    @media (max-width: 1024px) {
      .cr-hero { min-height: 440px; }
      .cr-hero__text { padding: 120px 24px 56px; }
      .cr-hero__text-inner { padding-top: 0; }
    }
    @media (max-width: 640px) {
      .cr-hero { min-height: 0; }
      .cr-hero__text { padding: 104px 18px 44px; }
      .cr-hero__text-inner { padding-top: 0; }
      /* zelfde ritme als industries; 28 = kopmarge 12 + statmarge 16, want in
         deze block-context (text-inner) collapsen die marges anders tot 16 */
      .cr-hero__stats { margin-top: 28px; padding-top: 16px; }
      .cr-hero__stat strong { font-size: 24px; }   /* zelfde statgrootte als industries op telefoon */
    }
  
    /* ── Breadcrumb in de hero (zelfde als industries/services; stijl lokaal
       omdat deze pagina overview.css niet laadt) ── */
    .ov-crumb {
      display: flex; align-items: center; gap: 8px;
      font-family: 'JetBrains Mono', monospace;
      font-size: 12px; letter-spacing: 0.06em;
      margin: 0 0 18px;
    }
    .ov-crumb a { text-decoration: none; transition: color .2s ease; }
    .ov-crumb__sep { opacity: 0.5; }
    .ov-crumb--light { color: rgba(255, 255, 255, 0.7); }
    .ov-crumb--light a { color: rgba(255, 255, 255, 0.7); }
    .ov-crumb--light a:hover { color: #fff; }
    .ov-crumb--light [aria-current] { color: #fff; }