[data-i8tac3glqugby="p5iqjzp"] {
  --team-space: clamp(16px, 2.2vw, 32px);
  --team-section-space: clamp(40px, 6vw, 88px);
  --team-radius: 8px;
  --team-font-size: clamp(16px, 1vw, 18px);
  --team-content-cap: clamp(280px, 84vw, 1100px);
  --team-wide-cap: clamp(280px, 88vw, 1320px);
  --team-color: #373737;
  --team-surface: #ffffff;
  --team-accent: #c29bd3;
  --team-action: #fec544;
  display: flex;
  flex-direction: column;
  gap: 0;
  color: var(--team-color);
  font-size: var(--team-font-size);

  & .frame-teamIntroduction,
  & .frame-teamSection {
    box-sizing: border-box;
    width: 100%;
    padding: var(--team-section-space) clamp(16px, 5vw, 72px);
  }

  & .frame-teamIntroduction {
    padding-top: clamp(40px, 7vw, 104px);
    padding-bottom: clamp(32px, 5vw, 72px);
  }

  & .frame-teamContentWidth {
    display: flex;
    flex-direction: column;
    gap: var(--team-space);
    box-sizing: border-box;
    width: min(100%, var(--team-content-cap));
    margin-inline: auto;
  }

  & .piece-teamEyebrow {
    margin: 0;
    color: #594265;
    font-size: clamp(12px, .85vw, 14px);
    font-weight: 900;
    letter-spacing: .08em;
    line-height: 1.35;
    text-transform: uppercase;
  }

  & .piece-teamPageTitle {
    max-width: 18ch;
    margin: 0;
    font-size: clamp(36px, 6vw, 76px);
    line-height: 1.04;
  }

  & .piece-teamLead,
  & .piece-teamSectionHeading > p:last-child,
  & .piece-teamContactLayout > div:first-child > p:last-child {
    max-width: 72ch;
    margin: 0;
    font-size: clamp(17px, 1.2vw, 20px);
    line-height: 1.65;
  }

  & .frame-teamSection {
    border-top: 1px solid rgb(55 55 55 / .18);
  }

  & .piece-teamSectionHeading {
    display: flex;
    flex-direction: column;
    gap: clamp(10px, 1.4vw, 18px);
    max-width: 74ch;
  }

  & .piece-teamSectionHeading h2,
  & .piece-teamContactLayout h2 {
    margin: 0;
    font-size: clamp(28px, 3.5vw, 46px);
    line-height: 1.12;
  }

  & .frame-teamProfiles {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--team-space);
    width: min(100%, var(--team-wide-cap));
    margin-inline: auto;
  }

  & .piece-teamProfile {
    position: relative;
    box-sizing: border-box;
    flex: 1 1 18em;
    min-width: min(100%, 18em);
    padding: clamp(22px, 2.5vw, 36px);
    border: 1px solid rgb(55 55 55 / .16);
    border-radius: var(--team-radius);
    background: var(--team-surface);
  }

  & .piece-teamProfileNumber {
    display: block;
    margin-bottom: clamp(16px, 2vw, 24px);
    color: #684d76;
    font-size: clamp(13px, .9vw, 15px);
    font-weight: 900;
    letter-spacing: .08em;
  }

  & .piece-teamProfile h3,
  & .piece-teamDisclosure h3,
  & .piece-teamContactCard h3 {
    margin: 0 0 clamp(12px, 1.5vw, 20px);
    font-size: clamp(21px, 1.8vw, 27px);
    line-height: 1.2;
  }

  & .piece-teamRole {
    display: block;
    margin-top: 6px;
    color: #594265;
    font-size: clamp(14px, 1vw, 16px);
    font-weight: 700;
  }

  & .piece-teamProfile p,
  & .piece-teamDisclosure p,
  & .piece-teamWorkflowStep p,
  & .piece-teamContactCard p,
  & .piece-teamNote {
    margin: 0;
    line-height: 1.65;
  }

  & .piece-teamProfile p + p {
    margin-top: clamp(14px, 1.5vw, 20px);
  }

  & .piece-teamNote {
    max-width: 82ch;
    padding-left: clamp(14px, 2vw, 24px);
    border-left: 4px solid var(--team-accent);
  }

  & .piece-teamWorkflowSection {
    background: rgb(255 255 255 / .35);
  }

  & .frame-teamWorkflow {
    display: flex;
    flex-direction: column;
    gap: clamp(20px, 3vw, 36px);
    margin: 0;
    padding: 0;
    list-style: none;
  }

  & .piece-teamWorkflowStep {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    padding: clamp(18px, 2vw, 28px);
    border-left: 4px solid var(--team-accent);
    background: var(--team-surface);
  }

  & .piece-teamStepLabel {
    font-weight: 900;
  }

  & .piece-teamDisclosure {
    box-sizing: border-box;
    padding: clamp(18px, 2vw, 28px);
    border: 1px solid rgb(55 55 55 / .18);
    border-radius: var(--team-radius);
  }

  & .frame-teamContactLayout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--team-section-space);
    width: min(100%, var(--team-wide-cap));
  }

  & .frame-teamContactLayout > div:first-child {
    display: flex;
    flex: 1 1 22em;
    flex-direction: column;
    gap: var(--team-space);
    min-width: 0;
  }

  & .piece-teamContactCard {
    display: flex;
    flex: 1 1 18em;
    flex-direction: column;
    gap: clamp(16px, 2vw, 24px);
    box-sizing: border-box;
    min-width: min(100%, 18em);
    padding: clamp(22px, 2.5vw, 36px);
    border-radius: var(--team-radius);
    background: var(--team-surface);
    box-shadow: 0 12px 32px rgb(25 38 58 / .1);
  }

  & .piece-teamContactCard h3,
  & .piece-teamContactCard p {
    margin-bottom: 0;
  }

  & .piece-teamContactCard address {
    font-style: normal;
    line-height: 1.6;
  }

  & .piece-teamContactCard a {
    color: #3c2860;
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: .18em;
    overflow-wrap: anywhere;
  }

  @media (max-width: 70rem) {
    & .frame-teamProfiles {
      flex-direction: column;
    }

    & .piece-teamProfile {
      flex-basis: auto;
    }
  }

  @media (max-width: 48rem) {
    & .frame-teamIntroduction,
    & .frame-teamSection {
      padding-inline: clamp(16px, 4vw, 28px);
    }

    & .frame-teamContactLayout {
      flex-direction: column;
    }

    & .piece-teamContactCard {
      width: 100%;
      flex-basis: auto;
    }
  }

  @media (max-width: 30rem) {
    & .piece-teamPageTitle {
      font-size: clamp(34px, 10vw, 42px);
    }

    & .piece-teamWorkflowStep,
    & .piece-teamDisclosure,
    & .piece-teamContactCard {
      padding: 18px;
    }
  }
}