/* The centred introduction and split panel mirror the supplied design. */
.ebp-image-content-2 {
  overflow: hidden;
  color: var(--clr-ink);
  background-color: var(--clr-air);
}

.ebp-image-content-2__intro {
  padding: var(--spacing-20) var(--spacing-56) var(--spacing-28);
  text-align: center;
}

.ebp-image-content-2__section-heading {
  position: relative;
  margin: 0;
  padding-block-end: var(--spacing-28);
}

.ebp-image-content-2__heading {
  margin-top: var(--spacing-28);
  line-height: 1.15;
}

.ebp-image-content-2__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-height: 30.9375rem;
}

.ebp-image-content-2__content {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  padding: var(--spacing-84) var(--spacing-84) var(--spacing-56);
  background-color: var(--clr-beige);
}

.ebp-image-content-2__eyebrow {
  margin: 0 0 var(--spacing-20);
  font-size: var(--fs-12);
  line-height: 1.2;
  text-transform: uppercase;
}

.ebp-image-content-2__extra-heading {
  margin: 0 0 var(--spacing-20);
  font-family: var(--font-secondary);
  font-size: 1.65rem;
  font-weight: 400;
  line-height: 1.15;
}

.ebp-image-content-2__copy {
  width: 100%;
}

/* The first rich-text block is the founder's pull quote. */
.ebp-image-content-2__copy blockquote {
  margin: 0 0 var(--spacing-20);
  padding: 0;
  border: 0;
  font-family: var(--font-secondary);
  font-size: var(--fs-24);
  font-style: italic;
  font-weight: 400;
  line-height: 1.25;
}

.ebp-image-content-2__copy blockquote > :first-child,
.ebp-image-content-2__copy blockquote > :last-child {
  margin-block: 0;
}

.ebp-image-content-2__copy > p {
  max-width: 17.51rem;
  margin: 0;
  font-size: var(--fs-18);
  line-height: 1.12;
}

/* The first paragraph beneath the quote is the person's name. */
.ebp-image-content-2__copy > p:first-of-type {
  margin-bottom: var(--spacing-20);
  font-size: var(--fs-24);
}

.ebp-image-content-2__action {
  margin-top: var(--spacing-28);
}

.ebp-image-content-2__action .ebp-button {
  inline-size: 10.625rem;
  min-block-size: 1.875rem;
  font-size: 0.5rem;
}

.ebp-image-content-2__media {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

/* This translucent block is the lower-right detail shown over the portrait. */
.ebp-image-content-2__image-accent {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 35%;
  height: 42%;
  background-color: rgba(38, 38, 38, 0.78);
  pointer-events: none;
}

.ebp-image-content-2--no-accents .ebp-image-content-2__image-accent {
  display: none;
}

/* Swap the panel columns when the existing Elementor layout toggle is used. */
.ebp-image-content-2--reversed .ebp-image-content-2__content {
  order: 2;
}

.ebp-image-content-2--reversed .ebp-image-content-2__media {
  order: 1;
}

/*
 * Set the GSAP reveal positions before the page paints so content does not
 * briefly flash in its finished position.
 */
.ebp-image-content-2--animation-pending
  :is(
    .ebp-image-content-2__section-heading,
    .ebp-image-content-2__heading,
    .ebp-image-content-2__eyebrow,
    .ebp-image-content-2__extra-heading,
    .ebp-image-content-2__copy,
    .ebp-image-content-2__action
  ) {
  visibility: hidden;
  opacity: 0;
  transform: translateY(var(--spacing-20));
}

.ebp-image-content-2--animation-pending .ebp-image-content-2__media {
  visibility: hidden;
  opacity: 0;
  transform: translateX(var(--spacing-20));
}

@media (max-width: 900px) {
  .ebp-image-content-2__content {
    padding: var(--spacing-56);
  }
}

@media (max-width: 767px) {
  .ebp-image-content-2__intro {
    padding-inline: var(--spacing-20);
  }

  .ebp-image-content-2__inner {
    grid-template-columns: 1fr;
  }

  .ebp-image-content-2__content {
    min-height: 30rem;
    padding: var(--spacing-56) var(--spacing-28);
  }

  .ebp-image-content-2__media {
    min-height: 30rem;
  }

  .ebp-image-content-2--reversed .ebp-image-content-2__content {
    order: 2;
  }

  .ebp-image-content-2--reversed .ebp-image-content-2__media {
    order: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ebp-image-content-2__media,
  .ebp-image-content-2--animation-pending
    :is(
      .ebp-image-content-2__section-heading,
      .ebp-image-content-2__heading,
      .ebp-image-content-2__eyebrow,
      .ebp-image-content-2__extra-heading,
      .ebp-image-content-2__copy,
      .ebp-image-content-2__action
    ) {
    visibility: visible !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Keep every item readable if JavaScript has been disabled. */
@media (scripting: none) {
  .ebp-image-content-2--animation-pending
    :is(
      .ebp-image-content-2__section-heading,
      .ebp-image-content-2__heading,
      .ebp-image-content-2__eyebrow,
      .ebp-image-content-2__extra-heading,
      .ebp-image-content-2__copy,
      .ebp-image-content-2__action,
      .ebp-image-content-2__media
    ) {
    visibility: visible;
    opacity: 1;
    transform: none;
  }
}