.highlighted-card {
  background: rgba(var(--bg-color-26));
  /* padding: clamp(48px, 7vw, 96px) 0; */

  /* Heading */
  .highlighted-card__heading {
    font-family: var(--font-source-serif-4);
    font-size: var(--font-9-2);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-9);
    color: rgba(var(--text-color-3));
    margin-bottom: 28px;
  }

  /* Intro paragraphs */
  .highlighted-card__body {
    p {
      font-size: var(--font-24);
      font-weight: 400;
      color: rgba(var(--text-color-9));
      line-height: 1.75;
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  /* ── Highlight card ── */
  .about-highlight-card {
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius-11);
    margin-top: clamp(36px, 5vw, 56px);
    padding: clamp(1.875rem, 0.5357rem + 3.5714vw, 3.75rem);
    padding-top: 34px;
    background: linear-gradient(120deg,
        rgba(var(--bg-color-5), 1) 0%,
        rgba(var(--bg-color-6), 1) 55%,
        rgba(var(--bg-color-7), 1) 100%);

    &::after {
      content: "";
      position: absolute;
      top: -60px;
      right: -70px;
      width: 260px;
      height: 260px;
      background: radial-gradient(circle,
          rgba(var(--bg-color-13), 0.16) 0%,
          rgba(var(--bg-color-13), 0) 70%);
      pointer-events: none;
    }

    .about-highlight-card__inner {
      position: relative;
      z-index: 1;
      max-width: 91%;
    }

    .about-highlight-card__eyebrow {
      font-family: var(--font-source-serif-4);
      font-size: var(--font-25);
      font-weight: 600;
      color: rgba(var(--text-color-14));
      margin-bottom: 12px;
    }

    .about-highlight-card__title {
      font-family: var(--font-source-serif-4);
      font-size: var(--font-13);
      font-weight: 700;
      line-height: 1.35;
      letter-spacing: var(--letter-spacing-10);
      color: rgba(var(--text-color-1));
      margin-bottom: 22px;
    }

    .about-highlight-card__body {
      font-size: var(--font-24);
      font-weight: 400;
      color: rgba(var(--text-color-1), 0.82);
      line-height: 1.75;
    }
  }

  @media (max-width: 767px) {
    .about-highlight-card__inner {
      max-width: 100% !important;
    }
  }
}