/* Eva about hero — Figma 625:16585 (1920 × 798) */
.eva-about-hero {
  display: grid;
  grid-template-columns: minmax(0, 883fr) minmax(0, 997fr);
  column-gap: clamp(24px, 2.0833vw, 40px);
  min-height: clamp(520px, 41.5625vw, 798px);
}
.eva-about-hero--image-left { grid-template-columns: minmax(0, 997fr) minmax(0, 883fr); }
.eva-about-hero--image-left .eva-about-hero__media { order: -1; }
.eva-about-hero--image-left .eva-about-hero__text { padding-inline: 0 var(--eva-gutter); }

.eva-about-hero__text {
  display: flex;
  flex-direction: column;
  padding: clamp(32px, 3.125vw, 60px) 0 clamp(48px, 4.1667vw, 80px) var(--eva-gutter);
}
.eva-about-hero__copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: clamp(20px, 1.875vw, 36px);
  max-width: 803px;
  padding-top: clamp(40px, 6.25vw, 120px);
}
.eva-about-hero__intro {
  max-width: 661px;
  margin: 0;
  font-size: var(--eva-fs-eyebrow);
  line-height: 1.667;
  letter-spacing: 0.05em;
}
.eva-about-hero__btn { align-self: flex-start; }
.eva-about-hero__media { min-height: 100%; }

@media (max-width: 959px) {
  .eva-about-hero,
  .eva-about-hero--image-left { grid-template-columns: 1fr; min-height: 0; }
  .eva-about-hero__text,
  .eva-about-hero--image-left .eva-about-hero__text { padding: 20px var(--eva-gutter) 40px; }
  .eva-about-hero__copy { padding-top: 32px; }
  .eva-about-hero__media,
  .eva-about-hero--image-left .eva-about-hero__media { order: 0; aspect-ratio: 4 / 5; }
}