@layer sections {
.goals__blocks {
  display: grid;
  gap: var(--row-gap);
}

.goals__title {
  margin-block-end: var(--space-lg);
  color: var(--color-purple);
  font-size: var(--fs-h3);
  font-weight: var(--fw-semibold);
}

.goals__block--wide {
  max-inline-size: 61.5625rem;
  padding-block-start: var(--space-lg);
}

.goals__block--wide .prose {
  max-inline-size: none;
}

.goals__photo {
  overflow: hidden;
  aspect-ratio: 582 / 436;
  border-radius: var(--radius-photo);
  background-color: var(--color-bg);
}

.goals__photo--shaped {
  aspect-ratio: 1 / 1;
  border-radius: 0;
  clip-path: url(#clip-tall-mobile);
}

.goals__image {
  inline-size: 100%;
  block-size: 100%;
  object-fit: cover;
}

.goals__photo--shaped .goals__image {
  object-position: 50% 25%;
}

@media (min-width: 56.25em) {
  .goals__photo--shaped {
    aspect-ratio: 582 / 736;
    clip-path: url(#clip-tall);
  }
}
}