.wp-block-acf-froggy-hero {
  margin-bottom: 0 !important;
}

.froggy-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: var(--spacing-l, 3rem);
  padding: var(--spacing-l, 3rem) var(--spacing-m, 1.5rem) 0;
}

.froggy-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-s, 1rem);
  max-width: 1200px;
}

/* Override the site's global ".blocks .inner-blocks > *" rule, which caps
   each direct child (heading, paragraph, buttons) to --width-content-m -
   let froggy-hero's own .froggy-hero__content max-width control this
   instead. */
.blocks .froggy-hero__content.inner-blocks > * {
  max-width: none;
}

.froggy-hero__content .froggy-buttons {
  justify-content: center;
}

.froggy-hero__image {
  width: 100%;
  max-width: 30rem;
}

.froggy-hero__image img {
  width: 100%;
  height: auto;
  display: block;
}

.froggy-hero__image--placeholder {
  aspect-ratio: 4 / 3;
  background: var(--color-grey-light, #e5e5e5);
  border-radius: .5rem;
}