.about-page {
    --about-navy: #000c44;
    --person-background: #e1edfa;
    --person-border: #b3cae2;
    --person-body: #000000;
    --person-heading: #000c44;
    --person-accent: #17acff;
    --person-muted: #81a0c1;
    background: #f8fbff;
    color: var(--about-navy);
    font-family: 'Lexend Deca', sans-serif;
    overflow: hidden;
  }
  .about-page * { box-sizing: border-box; }
  .about-eyebrow {
    align-items: center; background: #fff; border: 1px solid #d2e6f6; border-radius: 999px;
    color: #000c44; display: inline-flex; font-family: 'Lexend Deca', sans-serif; font-size: .58rem; font-weight: 800; gap: .28rem;
    letter-spacing: .055em; line-height: 1; padding: .25rem .52rem; text-transform: uppercase;
  }
  .about-eyebrow-mark { display: block; flex: none; height: .48rem; object-fit: contain; width: .9rem; }
  .about-hero { background: linear-gradient(180deg, #c5eaff 0%, #f4f8ec 100%); padding: 144px 24px 64px; text-align: center; }
  .about-hero-inner { margin: auto; max-width: 1168px; }
  .about-hero .about-eyebrow { background: #bce5ff; border-color: #17acff; font-size: 14px; font-weight: 500; gap: 4px; letter-spacing: 0; line-height: 18px; padding: 3px 10px; }
  .about-hero .about-eyebrow-mark { height: 11px; width: 21px; }
  .about-hero h1 { color: #000c44; font-size: 58px; font-weight: 900; letter-spacing: 0; line-height: 1.2; margin-top: 12px; }
  .about-hero-description { color: #17acff; font-size: 24px; font-weight: 700; line-height: 1.3; margin: 6px auto 0; }
  .about-foundation { background: #f7f8fa; padding: 16px 24px 40px; }
  .about-foundation-inner { align-items: center; display: grid; gap: 48px; grid-template-columns: minmax(0, 568px) minmax(0, 460px); justify-content: space-between; margin: auto; max-width: 1168px; }
  .about-foundation h2 { color: #000c44; font-size: 30px; font-weight: 900; line-height: 1.2; }
  .about-foundation .about-section-rule { height: 4px; margin: 24px 0; }
  .about-foundation-copy { color: #222; font-size: 16px; line-height: 20px; }
  .about-foundation-copy p + p { margin-top: 20px; }
  .about-foundation-copy strong { font-weight: 700; }
  .about-map-stage { aspect-ratio: 460.6 / 448.35; justify-self: end; width: 100%; max-width: 460px; }
  .about-map-art { display: block; height: 100%; object-fit: contain; width: 100%; }
  .about-milestones { background: #fff; padding: 36px 24px 40px; }
  .about-milestones-inner { display: grid; gap: 32px; grid-template-columns: repeat(4, auto); justify-content: space-between; margin: auto; max-width: 1168px; text-align: center; }
  .about-metric-heading { align-items: baseline; color: #000c44; display: flex; flex-wrap: wrap; font-size: clamp(22px, 2.25vw, 30px); font-weight: 900; gap: 0 10px; justify-content: center; line-height: 1.25; }
  .about-metric-number { color: #17acff; font-variant-numeric: tabular-nums; }
  .about-metric-description { color: #000c44; font-size: clamp(14px, 1.35vw, 18px); font-weight: 500; line-height: 1.3; margin-top: 8px; }
  .about-founders { background: #f7f8fa; padding: 48px 24px 56px; }
  .about-founders-heading { text-align: center; }
  .about-founders-heading .about-eyebrow { background: #d0eeff; border-color: #17acff; font-size: 14px; font-weight: 500; gap: 4px; letter-spacing: 0; line-height: 18px; padding: 3px 10px; }
  .about-founders-heading .about-eyebrow-mark { height: 11px; width: 21px; }
  .about-founders-heading h2 { color: #000c44; font-size: 30px; font-weight: 900; line-height: 36px; margin-top: 16px; }
  .about-founders-grid { display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 22px auto 0; max-width: 1168px; }
  .about-carousel-scrollbar { display: none; }
  .about-founder-card { background: var(--person-background); border: 1px solid var(--person-border); border-radius: 24px; min-width: 0; padding: 14px 16px 32px; transition: background-color .2s ease, border-color .2s ease; }
  .about-founder-image { aspect-ratio: 1; background: #fff; border-radius: 20px; overflow: hidden; }
  .about-founder-image .about-portrait { object-position: center; transition: transform .45s ease; }
  .about-portrait { display: block; height: 100%; object-fit: cover; width: 100%; }
  .about-portrait-placeholder { align-items: center; background: linear-gradient(135deg, #f1f7fb, #d6e4ef); color: #9db2c5; display: flex; font-size: 1.25rem; font-weight: 900; justify-content: center; letter-spacing: .08em; }
  .about-founder-copy { margin-top: 20px; }
  .about-profile-summary { border: 1px solid var(--person-border); border-radius: .85rem; padding: .52rem .62rem; }
  .about-founder-copy .about-profile-summary { border: 1px solid var(--person-border); border-radius: 20px; padding: 12px 18px; transition: border-color .2s ease; }
  .about-founder-copy h3 { color: var(--person-heading); font-family: 'Space Grotesk', sans-serif; font-size: 20px; font-weight: 900; line-height: 24px; }
  .about-founder-role { color: var(--person-accent); font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; margin-top: 4px; }
  .about-founder-bio { color: var(--person-body); font-size: 14px; font-weight: 400; line-height: 18px; margin: 20px 22px 0; }
  .about-founder-bio p + p { margin-top: 20px; }
  .about-founder-bio strong { font-weight: 700; }
  .about-founder-contact { background: #80d2ff; border: 1px solid #17acff; border-radius: 4px; color: #000; display: inline-block; font-family: 'Space Grotesk', sans-serif !important; font-size: 14px; font-weight: 400; line-height: 16px; margin-top: 16px; padding: 2px 12px; text-decoration: none; }
  .about-founder-contact:hover { background: color-mix(in srgb, #80d2ff 62%, white); }
  .about-founder-contact:focus-visible { outline: 3px solid #17acff; outline-offset: 4px; }
  /* Keep below-the-fold sections out of layout and paint work until needed. */
  .about-founders,
  .about-way-section,
  .about-team-section,
  .about-expert-section,
  .about-closing-section {
    content-visibility: auto;
    contain-intrinsic-size: auto 1200px;
  }
  .about-way-section { background: #fff; padding: 40px 24px 48px; }
  .about-way-title { color: #000c44; font-size: 30px; font-weight: 900; line-height: 1.2; text-align: center; }
  .about-way-section .about-section-rule { height: 4px; margin-top: 16px; }
  .about-way-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 32px auto 0; max-width: 1168px; }
  .about-way-card { background: #f7f8fa; border: 1px solid #efefef; border-radius: 24px; box-shadow: 0 2px 4px rgba(0, 0, 0, .16); min-width: 0; min-height: 172px; padding: 40px; }
  .about-way-card h3 { align-items: center; color: #000c44; display: flex; font-size: 24px; font-weight: 900; gap: 28px; line-height: 30px; text-transform: uppercase; }
  .about-way-card h3::after { background: #f72b0f; content: ''; flex: 0 0 64px; height: 4px; }
  .about-way-card--vision h3::after { background: #89ed06; }
  .about-way-card p { color: #222; font-size: 16px; font-weight: 400; line-height: 20px; margin-top: 16px; }
  .about-team-section { background: #f7f8fa; padding: 48px 16px 72px; }
  .about-expert-section { background: #fff; padding: 28px 16px 56px; }
  .about-team-heading { text-align: center; }
  .about-team-heading .about-eyebrow,
  .about-department-badge {
    align-items: center; background: #d0eeff; border: 1px solid #17acff;
    border-radius: 999px; color: #000c44; display: inline-flex; gap: 8px;
    font-weight: 500; letter-spacing: 0;
    padding: 3px 12px; text-transform: uppercase; vertical-align: middle;
  }
  .about-team-heading .about-eyebrow { font-size: 12px; line-height: 16px; }  
.about-department-badge {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
}
  .about-team-heading .about-eyebrow-mark,
  .about-department-badge .about-eyebrow-mark { height: 11px; width: 21px; }
  .about-team-heading h2 { color: #000c44; font-size: 30px; font-weight: 900; line-height: 1.25; margin-top: 10px; }
  .about-section-rule { background: #17acff; height: 3px; margin: 24px auto 0; width: 64px; }
  .about-team-grid { display: grid; gap: 24px; grid-template-columns: repeat(2, minmax(0, 336px)); margin: 24px auto 0; max-width: 696px; }
  .about-team-heading + .about-team-grid { margin-top: 64px; }
  .about-member-card { background: var(--person-background); border: 1px solid var(--person-border); border-radius: 24px; cursor: pointer; min-width: 0; padding: 14px; position: relative; text-align: left; transition: background-color .2s ease, border-color .2s ease; }
  .about-member-modal-trigger { background: transparent; border: 0; border-radius: inherit; cursor: pointer; inset: 0; padding: 0; position: absolute; z-index: 1; }
  .about-member-modal-trigger:focus-visible { outline: 3px solid #17acff; outline-offset: 4px; }
  .about-member-image { aspect-ratio: 1; border-radius: 18px; overflow: hidden; }
  .about-member-image .about-portrait { object-position: center; transition: transform .45s ease; }
  .about-member-copy { margin-top: 18px; }
  .about-member-card .about-profile-summary { border: 1px solid var(--person-border); border-radius: 18px; min-height: 100px; padding: 16px; transition: border-color .2s ease; }
  .about-member-copy h3 { color: var(--person-heading); font-family: 'Space Grotesk', sans-serif; font-size: 18px; font-weight: 900; line-height: 1.25; }
  .about-member-role { color: var(--person-body); font-family: 'Space Grotesk', sans-serif; font-size: 12px; font-weight: 400; line-height: 1.4; margin-top: 4px; }
  .about-member-contact { color: var(--person-accent); display: block; font-size: 12px; font-weight: 500; line-height: 1.4; margin-top: 5px; overflow-wrap: anywhere; position: relative; text-decoration: none; z-index: 2; }
  a.about-member-contact { font-family: 'Space Grotesk', sans-serif !important; font-size: 14px; font-weight: 500; }
  a.about-member-contact:hover { text-decoration: underline; }
  .about-member-department { border: 1px solid currentColor; border-radius: 4px; color: #222; display: table; font-size: 12px; font-weight: 500; line-height: 1.2; margin-top: 10px; max-width: 100%; padding: 2px 12px; position: relative; text-align: center; text-decoration: none; z-index: 2; }
  a.about-member-department { cursor: pointer; transition: box-shadow .2s ease, transform .2s ease; }
  a.about-member-department:hover { box-shadow: 0 3px 8px rgba(0, 12, 68, .16); transform: translateY(-1px); }
  a.about-member-department:focus-visible { outline: 3px solid #17acff; outline-offset: 4px; }
  .about-member-department--operations { background: #ff9e8f; border-color: #f72b0f; }
  .about-member-department--finance { background: #c1f17e; border-color: #89ed06; }
  .about-member-department--branding { background: #fff082; border-color: #ffdd00; }
  .about-member-department--executive { background: #80d2ff; border-color: #17acff; font-family: 'Space Grotesk', sans-serif !important; }
  .about-member-department--muted { border-color: var(--person-border); color: var(--person-muted); }
  @media (hover: hover) and (pointer: fine) {
    .about-founder-card:hover,
    .about-member-card:hover {
      --person-background: color-mix(in srgb, #e1edfa 52%, white);
      --person-border: color-mix(in srgb, #b3cae2 62%, white);
    }
    .about-founder-card:hover .about-portrait,
    .about-member-card:hover .about-portrait { transform: scale(1.02); }
  }
  @media (prefers-reduced-motion: reduce) {
    .about-founder-image .about-portrait,
    .about-member-image .about-portrait,
    a.about-member-department { transition: none; }
  }
  .about-department { margin-top: 40px; scroll-margin-top: 120px; text-align: center; }
  .about-department-badge { justify-content: center; min-width: 220px; padding-inline: 18px; }
  .about-department-badge.it,
  .about-department-badge.operations { min-width: 264px; }
  .about-closing-section { background: #f7f8fa; padding: 36px 24px; }
  .about-closing-panel { background: #fff; border-radius: 20px; margin: auto; max-width: 1168px; padding: 52px 32px; text-align: center; }
  .about-closing-title { color: #000c44; font-size: 30px; font-weight: 900; line-height: 1.3; margin: auto; max-width: 850px; }
  .about-closing-title span { color: #f72b0f; }
  .about-closing-panel .about-section-rule { margin-top: 16px; }
  .about-closing-link { align-items: center; background: #bf0000; border-radius: 11px; color: #fff; display: inline-flex; font-family: 'Lexend Deca', sans-serif; font-size: 20px; font-weight: 600; justify-content: center; margin-top: 18px; min-height: 64px; padding: 16px 24px; text-decoration: none; transition: background-color .25s ease, color .25s ease; width: min(100%, 472px); }
  html.about-modal-open { overflow: hidden; scrollbar-gutter: stable; }
  .about-person-modal {
    background: transparent; border: 0; border-radius: 20px; color: #000; margin: auto;
    font-family: 'Lexend Deca', sans-serif;
    max-height: calc(100dvh - 32px); max-width: 970px; overflow: visible; padding: 0;
    opacity: 0; transform: scale(.97) translateY(10px);
    transition: opacity .2s ease-in, transform .22s cubic-bezier(.4, 0, 1, 1), overlay .22s ease, display .22s ease;
    transition-behavior: allow-discrete; width: calc(100% - 48px);
  }
  .about-person-modal[open] {
    opacity: 1; transform: scale(1) translateY(0);
    transition-duration: .34s;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }
  .about-person-modal::backdrop {
    background: rgba(0, 8, 42, .62); backdrop-filter: blur(3px); opacity: 0;
    transition: opacity .22s ease-in, overlay .22s ease, display .22s ease;
    transition-behavior: allow-discrete;
  }
  .about-person-modal[open]::backdrop {
    opacity: 1; transition-duration: .36s;
    transition-timing-function: cubic-bezier(.16, 1, .3, 1);
  }
  @starting-style {
    .about-person-modal[open] { opacity: 0; transform: scale(.97) translateY(10px); }
    .about-person-modal[open]::backdrop { opacity: 0; }
  }
  .about-person-modal__panel {
    background: linear-gradient(135deg, #dff4ff 0%, #f8fcff 100%); border-radius: 20px;
    box-sizing: border-box; min-height: 520px; padding: 48px 100px 30px; position: relative;
  }
  .about-person-modal__mobile-scrollbar { display: none; }
  .about-person-modal__x {
    align-items: center; background: transparent; border: 0; color: #666; cursor: pointer; display: inline-flex;
    font: 400 24px/1 Arial, sans-serif; height: 32px; justify-content: center; left: 14px; padding: 0;
    position: absolute; top: 10px; width: 32px;
  }
  .about-person-modal__top { align-items: start; display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr) auto; }
  .about-person-modal__heading .about-eyebrow { background: #d0eeff; border-color: #17acff; font-size: 14px; font-weight: 500; gap: 8px; letter-spacing: 0; line-height: 18px; padding: 3px 18px; }
  .about-person-modal__heading .about-eyebrow-mark { height: 11px; width: 21px; }
  .about-person-modal__department { color: #000c44; font-size: 30px; font-weight: 900; line-height: 1.2; margin-top: 10px; text-transform: uppercase; }
  .about-person-modal__schedule {
    align-items: center; background: #f72b0f; border-radius: 999px; color: #fff; display: inline-flex;
    font-size: 16px; font-weight: 700; justify-content: center; min-height: 50px; padding: 12px 24px;
    text-decoration: none; transition: background-color .2s ease, color .2s ease; width: 193px;
  }
  .about-person-modal__card {
    align-items: center; background: #e1edfa; border: 1px solid #b3cae2; border-radius: 18px;
    display: grid; gap: 24px; grid-template-columns: 218px minmax(0, 1fr); margin-top: 32px;
    min-height: 265px; padding: 21px 20px;
  }
  .about-person-modal__portrait {
    aspect-ratio: 1; background: #d8e6f3; border-radius: 18px; color: transparent;
    display: block; height: 218px; object-fit: cover; width: 218px;
  }
  .about-person-modal--image-loading .about-person-modal__portrait {
    animation: about-portrait-skeleton 1.15s ease-in-out infinite;
    background: linear-gradient(100deg, #d8e6f3 25%, #eef5fb 45%, #d8e6f3 65%);
    background-size: 220% 100%;
  }
  @keyframes about-portrait-skeleton {
    from { background-position: 100% 0; }
    to { background-position: -120% 0; }
  }
  .about-person-modal__details { align-self: stretch; min-width: 0; }
  .about-person-modal__summary { border: 1px solid #b3cae2; border-radius: 18px; min-height: 90px; padding: 14px 28px; }
  .about-person-modal__name { align-items: center; color: #000c44; display: flex; font-family: 'Space Grotesk', sans-serif !important; font-size: 18px; font-weight: 900; gap: 8px; line-height: 1.2; }
  .about-person-modal__name-mark { flex: none; height: 11px; width: 21px; }
  .about-person-modal__role { font-family: 'Space Grotesk', sans-serif; font-size: 12px; line-height: 1.4; margin-top: 4px; }
  .about-person-modal__membership { color: #17acff; font-size: 14px; font-weight: 500; line-height: 1.3; margin-top: 4px; }
  .about-person-modal__membership[hidden] { display: none; }
  .about-person-modal__email { color: #17acff; display: inline-block; font-family: 'Space Grotesk', sans-serif; font-size: 14px; font-weight: 500; line-height: 1.3; margin-top: 4px; overflow-wrap: anywhere; text-decoration: none; }
  .about-person-modal__email:hover { text-decoration: underline; }
  .about-person-modal__email[hidden] { display: none; }
  .about-person-modal__bio { font-size: 14px; line-height: 18px; margin: 12px 2px 0; }
  .about-person-modal__close {
    align-items: center; background: #fff; border: 1px solid #b3cae2; border-radius: 999px; color: #333;
    cursor: pointer; display: flex; font-size: 16px; font-weight: 700; justify-content: center;
    margin: 24px auto 0; min-height: 52px; padding: 12px 24px; width: 194px;
  }
  .about-person-modal__x:focus-visible,
  .about-person-modal__schedule:focus-visible,
  .about-person-modal__close:focus-visible { outline: 3px solid #17acff; outline-offset: 4px; }
  @media (hover: hover) and (pointer: fine) {
    .about-closing-link:hover { background: #ffdd00; color: #000c44; }
    .about-person-modal__schedule:hover { background: #ffdd00; color: #000c44; }
    .about-person-modal__close:hover { background: #f2f8ff; }
  }
  @media (prefers-reduced-motion: reduce) {
    .about-person-modal,
    .about-person-modal[open],
    .about-person-modal::backdrop,
    .about-person-modal[open]::backdrop { transition: none; }
    .about-person-modal,
    .about-person-modal[open] { transform: none; }
    .about-person-modal--image-loading .about-person-modal__portrait { animation: none; }
  }
  .about-team-section a:focus-visible, .about-expert-section a:focus-visible,
  .about-closing-link:focus-visible { outline: 3px solid #17acff; outline-offset: 4px; }
  @media (min-width: 768px) {
    .about-team-grid--three { grid-template-columns: repeat(3, minmax(0, 336px)); max-width: 1056px; }
  }
  @media (min-width: 1024px) {
    .about-team-grid--four { grid-template-columns: repeat(4, minmax(0, 336px)); max-width: 1416px; }
  }
  @media (max-width: 1023px) {
    .about-founders-grid--scroll,
    .about-team-grid--scroll {
      display: flex; max-width: none; overflow-x: auto; overscroll-behavior-inline: contain;
      scroll-behavior: smooth; scroll-snap-type: inline mandatory; scrollbar-width: none;
      touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch;
    }
    .about-founders-grid--scroll::-webkit-scrollbar,
    .about-team-grid--scroll::-webkit-scrollbar { display: none; }
    .about-founders-grid--scroll > .about-founder-card,
    .about-team-grid--scroll > .about-member-card { flex: 0 0 min(336px, calc(100% - 24px)); scroll-snap-align: start; }
    .about-founders-grid--scroll > :first-child,
    .about-team-grid--scroll > :first-child { margin-left: auto; }
    .about-founders-grid--scroll > :last-child,
    .about-team-grid--scroll > :last-child { margin-right: auto; }
    .about-carousel-scrollbar {
      --carousel-progress: 0; --carousel-thumb-offset: 0px; --carousel-thumb-width: 42%;
      align-items: center; display: flex; gap: 6px; height: 20px;
      margin: 8px auto 0; max-width: 100%; position: relative; width: 100%;
    }
    .about-carousel-scrollbar::before { background: #b3cae2; content: ''; height: 1px; left: 18px; position: absolute; right: 18px; top: 50%; }
    .about-carousel-arrow {
      align-items: center; background: #fff; border: 0; color: #81a0c1; cursor: pointer;
      display: inline-flex; flex: 0 0 12px; font-family: Arial, sans-serif; font-size: 20px;
      height: 20px; justify-content: center; line-height: 1; padding: 0; position: relative; z-index: 2;
    }
    .about-carousel-track { flex: 1; height: 10px; margin-inline: clamp(32px, 15vw, 112px); position: relative; z-index: 1; }
    .about-carousel-thumb {
      background: #f72b0f; border-radius: 999px; display: block; height: 10px;
      left: var(--carousel-thumb-offset); position: absolute; top: 0;
      transition: left .2s ease; width: var(--carousel-thumb-width);
    }
    .about-founder-bio { margin-inline: 16px; }
    .about-hero { padding-top: 120px; }
    .about-hero h1 { font-size: 50px; }
    .about-hero-description { font-size: 22px; }
    .about-foundation { padding-block: 48px; }
    .about-foundation-inner { gap: 32px; grid-template-columns: minmax(0, 1fr); max-width: 680px; }
    .about-map-stage { justify-self: center; }
    .about-milestones-inner { gap: 32px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 680px; }
    .about-metric-heading { font-size: 26px; }
    .about-metric-description { font-size: 16px; }
    .about-way-card { padding: 32px 28px; }
    .about-team-grid { gap: 18px; }
    .about-member-card { border-radius: 18px; padding: 10px; }
    .about-member-image, .about-member-card .about-profile-summary { border-radius: 14px; }
    .about-member-copy { margin-top: 14px; }
    .about-member-card .about-profile-summary { padding: 12px; }
    .about-member-copy h3 { font-size: 16px; }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .about-hero { padding-bottom: 48px; }
    .about-hero h1 { font-size: 56px; line-height: 1; }
    .about-hero-description { font-size: 24px; line-height: 1.15; max-width: 620px; }
    .about-foundation { padding-block: 40px; }
    .about-foundation-inner { max-width: 606px; }
    .about-founders { padding-inline: 16px; padding-top: 24px; }
    .about-way-section { padding: 24px 24px 47px; }
    .about-way-grid { gap: 32px; grid-template-columns: minmax(0, 606px); margin-top: 22px; max-width: 606px; }
    .about-team-grid--leadership { gap: 22px; grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; }
    .about-team-grid--leadership > .about-member-card,
    .about-team-grid--scroll > .about-member-card { padding: 14px; }
    .about-team-grid--leadership .about-member-image,
    .about-team-grid--leadership .about-profile-summary,
    .about-team-grid--scroll .about-member-image,
    .about-team-grid--scroll .about-profile-summary { border-radius: 18px; }
    .about-team-grid--leadership .about-member-copy,
    .about-team-grid--scroll .about-member-copy { margin-top: 18px; }
    .about-team-grid--leadership .about-profile-summary,
    .about-team-grid--scroll .about-profile-summary { min-height: 104px; padding: 14px 18px; }
    .about-team-grid--leadership .about-member-copy h3,
    .about-team-grid--scroll .about-member-copy h3 { font-size: 20px; }
    .about-team-grid--leadership .about-member-role,
    .about-team-grid--leadership .about-member-contact,
    .about-team-grid--leadership .about-member-department,
    .about-team-grid--scroll .about-member-role,
    .about-team-grid--scroll .about-member-contact,
    .about-team-grid--scroll .about-member-department { font-size: 14px; }
    .about-way-card { min-height: 177px; padding: 40px; }
    .about-founders-grid--scroll,
    .about-team-grid--scroll { gap: 22px; }
    .about-founders-grid--scroll > .about-founder-card,
    .about-team-grid--scroll > .about-member-card { flex-basis: min(336px, calc(100% - 22px)); }
  }
  @media (max-width: 767px) {
    .about-section-rule { width: 34px; }
    .about-founders { padding: 36px 20px 40px; }
    .about-founders-heading h2 { font-size: 26px; line-height: 1.2; }
    .about-founders-grid { grid-template-columns: minmax(0, 1fr); max-width: 400px; }
    .about-founders-grid > :last-child { grid-column: auto; width: 100%; }
    .about-founders-grid--scroll,
    .about-team-grid--scroll { max-width: none; }
    .about-founders-grid--scroll { padding-inline: 0; scroll-padding-inline: 0; }
    .about-team-grid--scroll { padding-inline: 14px; scroll-padding-inline: 14px; }
    .about-founders-grid--scroll > .about-founder-card,
    .about-team-grid--scroll > .about-member-card { flex-basis: 285px; }
    .about-carousel-scrollbar { --carousel-thumb-width: 33.5%; }
    .about-carousel-track { margin-inline: 15px; }
    .about-team-grid--scroll.about-team-grid--three > :last-child:nth-child(odd) { grid-column: auto; justify-self: auto; width: auto; }
    .about-team-section .about-section-rule { display: none; }
    .about-team-heading + .about-team-grid { margin-top: 22px; }
    .about-team-grid--leadership { grid-template-columns: minmax(0, 285px); margin-left: auto; margin-right: auto; max-width: 285px; }
    .about-team-grid--leadership + .about-team-grid--leadership { margin-top: 12px; }
    .about-expert-section .about-team-grid:not(.about-team-grid--scroll) { grid-template-columns: minmax(0, 285px); max-width: 285px; margin-left: auto; margin-right: auto; }
    .about-founder-card { padding: 12px 12px 28px; }
    .about-founder-bio { margin-inline: 12px; }
    .about-founder-copy .about-profile-summary { padding-inline: 14px; }
    .about-hero { padding: 100px 20px 25px; }
    .about-hero h1 { font-size: 42px; margin-top: 0; }
    .about-hero-description { font-size: 14px; line-height: 18px; max-width: 335px; }
    .about-foundation { padding: 17px 26px 32px; }
    .about-foundation-inner { gap: 24px; }
    .about-foundation h2 { font-size: 26px; text-align: center; }
    .about-foundation .about-section-rule { margin: 6px auto 14px; }
    .about-foundation-copy { font-size: 14px; line-height: 18px; }
    .about-milestones { padding: 22px 20px 28px; }
    .about-milestones-inner { gap: 20px; grid-template-columns: minmax(0, 1fr); }
    .about-metric-heading { align-items: baseline; flex-direction: row; font-size: 26px; gap: 6px; }
    .about-metric-description { font-size: 14px; margin-top: 0; }
    .about-way-section { padding: 36px 28px 40px; }
    .about-way-title { font-size: 26px; }
    .about-way-grid { gap: 20px; grid-template-columns: minmax(0, 1fr); margin-top: 28px; }
    .about-way-card { border-radius: 20px; min-height: 0; padding: 28px; }
    .about-way-card h3 { font-size: 22px; gap: 24px; }
    .about-way-card h3::after { flex-basis: 32px; }
    .about-way-card p { font-size: 14px; line-height: 18px; }
    .about-team-section, .about-expert-section { padding-inline: 16px; }
    .about-team-section { padding-top: 34px; }
    .about-team-heading h2, .about-closing-title { font-size: 24px; }
    .about-team-heading h2 { margin-top: 5px; }
    .about-team-grid { gap: 14px; }
    .about-team-grid--three > :last-child:nth-child(odd) { grid-column: 1 / -1; justify-self: center; width: calc((100% - 14px) / 2); }
    .about-member-card { border-radius: 16px; padding: 8px; }
    .about-member-copy { margin-top: 10px; }
    .about-member-card .about-profile-summary { min-height: 96px; padding: 10px 8px; }
    .about-member-copy h3 { font-size: 14px; }
    .about-member-role, .about-member-contact, .about-member-department { font-size: 11px; }
    .about-member-department { padding-inline: 5px; }
    .about-team-grid--leadership > .about-member-card,
    .about-team-grid--scroll > .about-member-card { padding: 12px; }
    .about-team-grid--leadership .about-member-image,
    .about-team-grid--leadership .about-profile-summary,
    .about-team-grid--scroll .about-member-image,
    .about-team-grid--scroll .about-profile-summary { border-radius: 16px; }
    .about-team-grid--leadership .about-member-copy,
    .about-team-grid--scroll .about-member-copy { margin-top: 14px; }
    .about-team-grid--leadership .about-profile-summary,
    .about-team-grid--scroll .about-profile-summary { min-height: 84px; padding: 10px 14px; }
    .about-team-grid--leadership .about-member-copy h3,
    .about-team-grid--scroll .about-member-copy h3 { font-size: 18px; }
    .about-team-grid--leadership .about-member-role,
    .about-team-grid--leadership .about-member-contact,
    .about-team-grid--leadership .about-member-department,
    .about-team-grid--scroll .about-member-role,
    .about-team-grid--scroll .about-member-contact,
    .about-team-grid--scroll .about-member-department { font-size: 12px; }
    .about-department-badge,
    .about-department-badge.it { min-width: 185px; }
    .about-department-badge.operations { min-width: 212px; }
    .about-department { margin-top: 24px; }
    .about-person-modal { max-height: calc(100dvh - 24px); overflow-y: auto; width: calc(100% - 24px); }
    .about-person-modal__panel { min-height: 0; padding: 42px 16px 24px; }
    .about-person-modal__top { gap: 18px; grid-template-columns: minmax(0, 1fr); }
    .about-person-modal__department { font-size: 24px; }
    .about-person-modal__schedule { width: 100%; }
    .about-person-modal__card { gap: 16px; grid-template-columns: minmax(0, 1fr); margin-top: 24px; min-height: 0; padding: 12px; }
    .about-person-modal__portrait { height: auto; margin: auto; max-width: 280px; width: 100%; }
    .about-person-modal__summary { min-height: 0; padding: 14px; }
    .about-person-modal__bio { margin: 14px 4px 0; }
    .about-person-modal__close { margin-top: 20px; }
    .about-closing-section { padding: 24px 16px 40px; }
    .about-closing-panel { padding: 36px 20px; }
    .about-closing-title br { display: none; }
    .about-closing-link { font-size: 14px; min-height: 52px; }
  }
  @media (min-width: 540px) and (max-width: 1023px) {
    .about-person-modal { max-height: calc(100dvh - 8px); max-width: 556px; overflow-y: auto; width: calc(100% - 12px); }
    .about-person-modal__panel { min-height: 522px; padding: 51px 44px 51px; }
    .about-person-modal__x { height: 24px; left: 10px; top: 10px; width: 24px; }
    .about-person-modal__top { display: block; }
    .about-person-modal__heading { margin-left: 17px; }
    .about-person-modal__heading .about-eyebrow { font-size: 12px; line-height: 16px; padding: 2px 19px; }
    .about-person-modal__department { font-size: 24px; margin-top: 8px; }
    .about-person-modal__schedule {
      bottom: 55px; font-size: 14px; left: 104px; min-height: 41px; padding: 8px 16px;
      position: absolute; width: 160px;
    }
    .about-person-modal__card {
      align-items: start; gap: 17px; grid-template-columns: 160px minmax(0, 1fr); margin-top: 16px;
      min-height: 279px; padding: 18px 16px;
    }
    .about-person-modal__portrait { height: 160px; margin: 0; max-width: none; width: 160px; }
    .about-person-modal__summary { border-radius: 14px; min-height: 73px; padding: 10px 18px; width: min(100%, 213px); }
    .about-person-modal__name { font-size: 15px; gap: 6px; }
    .about-person-modal__role { font-size: 11px; margin-top: 3px; }
    .about-person-modal__membership { font-size: 11px; margin-top: 2px; }
    .about-person-modal__bio { font-size: 12px; line-height: 15px; margin: 12px 2px 0; }
    .about-person-modal__close {
      bottom: 55px; font-size: 14px; margin: 0; min-height: 41px; padding: 8px 16px;
      position: absolute; right: 104px; width: 160px;
    }
  }
  @media (max-width: 539px) {
    .about-person-modal {
      border-radius: 18px; max-height: min(calc(100dvh - 12px), 660px); max-width: 280px;
      overflow: hidden; width: calc(100% - 12px);
    }
    .about-person-modal__panel {
      border-radius: 18px; display: flex; flex-direction: column;
      height: auto; max-height: min(calc(100dvh - 12px), 660px); min-height: 0; overflow-y: auto;
      padding: 51px 19px 26px; scrollbar-width: none;
    }
    .about-person-modal__panel::-webkit-scrollbar { width: 0; }
    .about-person-modal--scrollable .about-person-modal__mobile-scrollbar {
      background: #81a0c1; bottom: 24px; display: block; pointer-events: none;
      position: absolute; right: 10px; top: 114px; width: 1px; z-index: 3;
    }
    .about-person-modal__mobile-scrollbar-thumb {
      background: #17acff; border-radius: 999px; height: 80px; position: absolute;
      right: -1px; top: 0; width: 3px;
    }
    .about-person-modal__x { font-size: 18px; height: 24px; left: 8px; top: 8px; width: 24px; }
    .about-person-modal__top { display: block; }
    .about-person-modal__heading .about-eyebrow { font-size: 10px; line-height: 14px; padding: 2px 10px; }
    .about-person-modal__heading .about-eyebrow-mark { height: 8px; width: 16px; }
    .about-person-modal__department { font-size: 20px; line-height: .9; margin-top: 8px; max-width: 200px; }
    .about-person-modal__schedule {
      font-size: 10px; min-height: 27px; padding: 6px 10px; position: absolute;
      right: 19px; top: 15px; width: 89px;
    }
    .about-person-modal__card {
      display: block; flex: none; margin: 10px 0 18px; min-height: 0; padding: 10px 10px 22px;
    }
    .about-person-modal__portrait { border-radius: 12px; height: auto; max-width: none; width: 100%; }
    .about-person-modal__details { margin-top: 10px; }
    .about-person-modal__summary { border-radius: 11px; min-height: 54px; padding: 7px 10px; }
    .about-person-modal__name { font-size: 12px; gap: 5px; }
    .about-person-modal__name-mark { height: 8px; width: 16px; }
    .about-person-modal__role { font-size: 8.5px; line-height: 10px; margin-top: 2px; }
    .about-person-modal__membership { font-size: 8.5px; line-height: 10px; margin-top: 1px; }
    .about-person-modal__bio { font-size: 9px; line-height: 10.5px; margin: 12px 5px 0; }
    .about-person-modal__close { box-sizing: border-box; font-size: 13px; height: 26px; margin: auto auto 0; min-height: 26px; padding: 0 12px; width: 128px; }
  }
  @media (max-width: 359px) {
    .about-metric-heading { font-size: 16px; }
    .about-team-grid { grid-template-columns: minmax(0, 336px); }
    .about-team-grid--leadership { grid-template-columns: minmax(0, 285px); }
    .about-team-grid--three > :last-child:nth-child(odd) { width: 100%; }
  }