.page-template-page-about .chroma-about-v2 .chroma-v2-page-hero {
    padding-block: clamp(4rem, 6vw, 6rem);
    background-color: #FFFCF8 !important;
  }

  .page-template-page-about .chroma-about-v2 .chroma-v2-page-hero > .max-w-7xl {
    gap: clamp(3rem, 6vw, 4.5rem);
    max-width: 76rem;
  }

  .page-template-page-about .chroma-about-v2 .chroma-v2-page-hero h1 {
    max-width: 14ch;
    font-weight: 600;
    letter-spacing: -0.045em !important;
  }

  .page-template-page-about .chroma-about-v2 .chroma-v2-page-hero p {
    max-width: 42rem;
  }

  .page-template-page-about .chroma-about-hero-img img,
  .page-template-page-about .chroma-about-split-img img,
  .page-template-page-about .chroma-about-split > .relative > img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .page-template-page-about .chroma-about-v2 #mission h2 {
    max-width: 18ch;
    margin-inline: auto;
    font-weight: 600;
    letter-spacing: -0.035em;
  }

  .page-template-page-about .chroma-about-split,
  .page-template-page-about .chroma-about-split-section {
    gap: clamp(3rem, 6vw, 4.5rem) !important;
    align-items: center;
  }

  .page-template-page-about .chroma-about-split-text > span,
  .page-template-page-about .chroma-about-v2 .text-chroma-red.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .text-chroma-blue.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .text-chroma-green.font-bold.tracking-\[0\.2em\] {
    letter-spacing: 0.2em !important;
  }

  .page-template-page-about .chroma-about-split-text h2,
  .page-template-page-about .chroma-about-v2 #values h2,
  .page-template-page-about .chroma-about-v2 #educators h2,
  .page-template-page-about .chroma-about-v2 section > div > .text-center h2 {
    font-weight: 600 !important;
    letter-spacing: -0.03em;
  }

  .page-template-page-about .chroma-about-split-text li {
    font-size: clamp(1rem, 1.15vw, 1.08rem);
    line-height: 1.75;
  }

  .page-template-page-about .chroma-about-split-text p,
  .page-template-page-about .chroma-about-v2 #values > div > .text-center p,
  .page-template-page-about .chroma-about-v2 #educators > div > .text-center p {
  }

  .page-template-page-about .chroma-about-stats > div {
    background: #fff !important;
    border: 1px solid rgba(74, 108, 124, 0.1) !important;
    border-radius: 1.75rem !important;
    box-shadow: 0 18px 48px rgba(38, 50, 56, 0.08);
  }

  .page-template-page-about .chroma-about-value-card {
    position: relative;
    overflow: hidden;
    min-height: 14rem;
    border: 1px solid rgba(74, 108, 124, 0.1) !important;
    border-radius: 2rem !important;
    background: #fff !important;
    box-shadow: 0 18px 48px rgba(38, 50, 56, 0.08);
  }

  .page-template-page-about .chroma-about-value-card::after {
    content: "";
    position: absolute;
    right: -3.25rem;
    bottom: -3.25rem;
    width: 8.75rem;
    height: 8.75rem;
    border-radius: 9999px;
    background: rgba(125, 91, 166, 0.09);
    pointer-events: none;
  }

  .page-template-page-about .chroma-about-value-card h3 {
    position: relative;
    z-index: 1;
    font-weight: 600 !important;
  }

  .page-template-page-about .chroma-about-value-card p {
    position: relative;
    z-index: 1;
  }

  .page-template-page-about .chroma-about-team-grid {
    gap: clamp(1.25rem, 2vw, 1.75rem) !important;
  }

  .page-template-page-about .chroma-about-team-card {
    overflow: hidden;
    text-align: left !important;
    border: 1px solid rgba(74, 108, 124, 0.1) !important;
    border-radius: 2rem !important;
    background: #fff !important;
    padding: clamp(1.25rem, 2vw, 1.5rem) !important;
    box-shadow: 0 18px 48px rgba(38, 50, 56, 0.08);
  }

  .page-template-page-about .chroma-about-team-photo {
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #F3EDEB, #FFF7DE);
  }

  .page-template-page-about .chroma-about-team-card h3 {
    font-weight: 600 !important;
  }

  .page-template-page-about .chroma-about-team-card p {
    margin-inline: 0 !important;
  }

  @media (max-width: 767px) {
    .page-template-page-about .chroma-about-v2 .chroma-v2-page-hero h1 {
    }

    .page-template-page-about .chroma-about-stats {
      grid-template-columns: 1fr 1fr !important;
    }

    .page-template-page-about .chroma-about-value-grid,
    .page-template-page-about .chroma-about-team-grid {
      grid-template-columns: 1fr !important;
    }
  }

  .page-template-page-about .chroma-about-v2 .hover\:text-chroma-blue:hover.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .hover\:text-chroma-green:hover.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .hover\:text-chroma-red:hover.font-bold.tracking-\[0\.2em\] {
    letter-spacing: 0.2em !important;
  }

  .page-template-page-about .chroma-about-v2 .focus\:text-chroma-blue:focus.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .focus\:text-chroma-green:focus.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .focus\:text-chroma-red:focus.font-bold.tracking-\[0\.2em\] {
    letter-spacing: 0.2em !important;
  }

  .page-template-page-about .chroma-about-v2 .group:hover .group-hover\:text-chroma-blue.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .group:hover .group-hover\:text-chroma-green.font-bold.tracking-\[0\.2em\],
  .page-template-page-about .chroma-about-v2 .group:hover .group-hover\:text-chroma-red.font-bold.tracking-\[0\.2em\] {
    letter-spacing: 0.2em !important;
  }