.event-planning .event-planning-card {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: clamp(28px, 5vw, 72px);
  align-items: center;
  padding: clamp(24px, 4vw, 56px);
  border: 1px solid var(--line);
  border-radius: 28px;
  background: linear-gradient(120deg, var(--warm-white), var(--champagne));
  box-shadow: var(--shadow);
}

.event-planning .event-planning-copy h2 {
  max-width: 620px;
  text-wrap: balance;
}

.event-planning .event-planning-copy > p:not(.eyebrow) {
  max-width: 570px;
}

.event-planning .actions {
  gap: 16px;
}

.event-planning .actions a:focus-visible {
  outline: 3px solid var(--brown);
  outline-offset: 5px;
}

.event-planning .event-planning-photo {
  margin: 0;
}

.event-planning .event-planning-photo img {
  width: 100%;
  max-height: 480px;
  object-fit: cover;
  border-radius: 180px 180px 12px 12px;
  border: 5px solid var(--warm-white);
  box-shadow: 0 16px 36px rgba(89, 61, 20, 0.16);
}

.event-planning .event-planning-photo figcaption {
  margin-top: 16px;
  color: var(--brown);
  font-family: var(--serif);
  font-size: 1.2rem;
  font-style: italic;
  text-align: center;
}

@media (max-width: 760px) {
  .event-planning .event-planning-card {
    grid-template-columns: 1fr;
  }

  .event-planning .event-planning-copy {
    text-align: center;
  }

  .event-planning .actions {
    justify-content: center;
  }

  .event-planning .event-planning-photo {
    width: min(100%, 360px);
    justify-self: center;
  }

  .event-planning .actions a {
    max-width: 100%;
    text-align: center;
  }
}