.consultation-advice {
  grid-template-columns: minmax(0, 1fr) clamp(9rem, 14vw, 16rem);
  justify-content: start;
  align-items: start;

  .common-split__copy {
    gap: 1.5rem;
    justify-content: stretch;
    container-type: inline-size;
  }

  .common-title {
    max-width: 30ch;
  }

  .__introduction {
    line-height: var(--line-height);

    p {
      max-width: none;
    }
  }

  .common-contact__meta {
    grid-template-columns: 1fr;
    margin-top: 2.5rem;
    border-top: 1px solid color-mix(in srgb, currentColor, transparent 75%);
    padding-top: 4rem;
    gap: 4rem;

    article {
      grid-template-columns: 3rem minmax(0, 1fr);
      gap: 0.75rem 1rem;
    }

    p {
      grid-column: 2;
    }

    article > div {
      line-height: var(--line-height);
    }

    a {
      font-weight: normal;
      white-space: normal;
    }

    @container (min-width: 46rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    @container (min-width: 94rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  .__people {
    display: grid;
    align-self: stretch;
    align-content: space-around;
    justify-items: center;
    gap: 3rem;
  }

  figure {
    display: grid;
    justify-items: center;
    gap: 0.75rem;
    margin: 0;
  }

  figure img {
    width: clamp(7rem, 8vw, 10rem);
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: 50%;
  }

  figcaption {
    font-size: 0.875rem;
    text-align: center;
  }

  @media (max-width: 900px) {
    grid-template-columns: 1fr;
    gap: 2rem;

    .__people {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1rem;
    }

    figure img {
      width: min(7rem, 100%);
    }
  }

  @media (max-width: 640px) {
    .common-contact__meta {
      article {
        grid-template-columns: 2.5rem minmax(0, 1fr);
      }
    }
  }
}

.consultation-workshop {
  align-items: start;

  .__description {
    line-height: var(--line-height);
  }

  .__collage {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows: repeat(10, minmax(0, 1fr));
    aspect-ratio: 1;

    img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border: 2px solid rgb(255 255 255 / 55%);
      border-radius: var(--border-radius);
      box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 20%);
    }

    img:nth-child(n + 2) {
      width: 85%;
      height: 85%;
      place-self: end center;
      translate: 0 -10%;
    }

    img:nth-child(1) {
      grid-column: 2 / -1;
      grid-row: 1 / 8;
    }

    img:nth-child(2) {
      grid-column: 1 / 6;
      grid-row: 6 / -1;
      translate: 10% -10%;
      transform: rotate(-7deg);
      z-index: 1;
    }

    img:nth-child(3) {
      grid-column: 6 / -1;
      grid-row: 7 / -1;
      z-index: 1;
    }
  }
}

.consultation-form {
  scroll-margin-top: calc(var(--header-size) + 1.5rem);
}