/* Article ("Benefits …") image + WYSIWYG copy split. */

.benefits__layout {
  display: grid;
  grid-template-columns: 1fr 1fr; /* balanced — image no longer the smaller half */
  gap: var(--space-8);
  align-items: center;
}

.benefits__image {
  border-radius: 14px;
  width: 100%;
  aspect-ratio: 3 / 2; /* a touch larger/wider, like the live image */
  object-fit: cover;
}

.benefits__copy {
  font-size: 1.0625rem; /* body copy */
}

/* The article heading lives inside the WYSIWYG copy as an <h3>. */
.benefits__copy h3 {
  font-size: 2rem;
  line-height: 1.15;
  margin-bottom: var(--space-4);
}

@media (max-width: 1024px) {
  .benefits__layout {
    grid-template-columns: 1fr;
  }
}