/* Recovered-site refinement: stronger text measure and a true mobile image block. */
.eg-hero-copy {
  overflow: hidden;
}

.eg-hero h1 {
  max-width: 8.2ch;
  font-size: clamp(3.5rem, 6.2vw, 6.4rem);
}

.eg-lede {
  max-width: 36ch;
}

@media (max-width: 640px) {
  html,
  body,
  .eg-page {
    max-width: 100%;
    overflow-x: hidden;
  }

  .eg-concept-bar {
    padding: 0.5rem 0.85rem;
    font-size: 0.54rem;
    line-height: 1.45;
  }

  .eg-hero {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .eg-hero-copy {
    min-height: 0;
    padding: 8.25rem 1.2rem 2rem;
  }

  .eg-hero h1 {
    max-width: 7.6ch;
    margin-bottom: 1.1rem;
    font-size: clamp(3rem, 15vw, 4.35rem);
    line-height: 0.92;
  }

  .eg-lede {
    max-width: 31ch;
    margin-bottom: 1.4rem;
    font-size: 0.96rem;
    line-height: 1.55;
  }

  .eg-actions {
    gap: 0.75rem;
  }

  .eg-hero-note {
    max-width: 100%;
    margin-top: 1.5rem;
  }

  .eg-hero-image {
    order: 2;
    position: relative;
    min-height: 72vw;
    max-height: 420px;
    opacity: 1;
    background-position: center 46%;
  }

  .eg-hero-image::after {
    inset: 0;
    background: linear-gradient(180deg, rgba(23, 33, 38, 0.15), transparent 28%, rgba(23, 33, 38, 0.22));
  }

  .eg-hero-stamp {
    display: none;
  }

  .eg-kicker {
    max-width: 32ch;
    line-height: 1.45;
  }
}