/* Working-copy proposal: give the mobile hero image more room and use its dark lower area for text. */
.homepage-mobile-hero-proposal .hero__title-sub--mobile-only,
.homepage-mobile-hero-proposal .services-overview__mobile-scope {
  display: none !important;
}

.homepage-mobile-hero-proposal .service-card__mobile-identity {
  display: none;
}

@media (max-width: 620px) {
  .homepage-mobile-hero-proposal main .selected-experience-strip__eyebrow {
    font-size: 0.9rem !important;
    letter-spacing: 0.09em !important;
    line-height: 1.35 !important;
  }
}

.homepage-mobile-hero-proposal .hero__eyebrow-second::before {
  content: " · ";
}

/* Keep the three service images equally proportioned when a phone is used
   in landscape. */
@media (min-width: 621px) and (max-width: 940px) and (max-height: 520px) and (orientation: landscape) {
  .homepage-mobile-hero-proposal main .service-card[data-astro-cid-j7pv25f6] {
    align-items: center;
  }

  .homepage-mobile-hero-proposal main .service-card__media[data-astro-cid-j7pv25f6] {
    width: 100%;
    aspect-ratio: 16 / 10;
    transform: translateY(6px);
  }
}

/* Keep the heading and body copy together in the narrower landscape range. */
@media (min-width: 621px) and (max-width: 760px) and (max-height: 520px) and (orientation: landscape) {
  .homepage-mobile-hero-proposal main .service-card__mobile-identity {
    display: none !important;
  }

  .homepage-mobile-hero-proposal main .service-card__body > .service-card__number,
  .homepage-mobile-hero-proposal main .service-card__body > h3 {
    display: block !important;
  }
}

.services-overview__intro-brief--mobile {
  display: none;
}

@media (max-width: 760px) {
  .homepage-mobile-hero-proposal main .hero[data-astro-cid-j7pv25f6] {
    align-items: flex-end;
  }

  .homepage-mobile-hero-proposal main .hero__inner[data-astro-cid-j7pv25f6] {
    padding-bottom: clamp(8.5rem, 19svh, 10rem);
    transform: none !important;
  }

  .homepage-mobile-hero-proposal main .hero__support[data-astro-cid-j7pv25f6] {
    display: none;
  }

  .homepage-mobile-hero-proposal main .hero__title-sub--mobile-only[data-astro-cid-j7pv25f6] {
    display: block !important;
    margin-top: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .homepage-mobile-hero-proposal main .hero__eyebrow[data-astro-cid-j7pv25f6] {
    margin-top: 1.4rem;
    padding-left: 0.35rem;
    line-height: 1.5;
  }

  .homepage-mobile-hero-proposal main .hero__eyebrow-second {
    display: block;
    margin-top: 0.08rem;
  }

  .homepage-mobile-hero-proposal main .hero__eyebrow-second::before {
    content: "";
  }

  .homepage-mobile-hero-proposal main .hero__overlay[data-astro-cid-j7pv25f6] {
    background: linear-gradient(
      to bottom,
      rgba(6, 9, 12, 0.14) 0%,
      rgba(6, 9, 12, 0.03) 42%,
      rgba(6, 9, 12, 0.14) 55%,
      rgba(6, 9, 12, 0.78) 100%
    ) !important;
  }

  .homepage-mobile-hero-proposal main .services-overview[data-astro-cid-j7pv25f6] {
    padding-top: 1.35rem !important;
    scroll-margin-top: 76px;
  }

  .homepage-mobile-hero-proposal main .services-overview__head[data-astro-cid-j7pv25f6] {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0 !important;
    margin-bottom: 2.8rem !important;
    text-align: left !important;
  }

  .homepage-mobile-hero-proposal main .services-overview__heading {
    order: 1;
    width: 100%;
    text-align: left;
  }

  .homepage-mobile-hero-proposal main .services-overview__heading .eyebrow {
    margin-bottom: 0.7rem !important;
  }

  .homepage-mobile-hero-proposal main .services-overview__heading h2 {
    max-width: none !important;
    margin: 0 !important;
    font-size: clamp(2.15rem, 10.2vw, 2.75rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
  }

  .homepage-mobile-hero-proposal main .services-overview__heading::after {
    content: "";
    display: block;
    width: 3.25rem;
    height: 2px;
    margin: 1.2rem 0 1.25rem;
    background: var(--accent);
  }

  .homepage-mobile-hero-proposal main .services-overview__mobile-scope {
    display: none !important;
  }

  .homepage-mobile-hero-proposal main .services-overview__intro {
    order: 3;
    max-width: 34ch;
    margin: 0 !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    line-height: 1.55;
    text-align: left !important;
  }

  .homepage-mobile-hero-proposal main .services-overview__intro-primary,
  .homepage-mobile-hero-proposal main .services-overview__intro-secondary,
  .homepage-mobile-hero-proposal main .services-overview__intro-brief {
    display: block;
  }

  .homepage-mobile-hero-proposal main .services-overview__intro-secondary,
  .homepage-mobile-hero-proposal main .services-overview__intro-brief {
    margin-top: 0.35rem;
  }

  .homepage-mobile-hero-proposal main .services-overview__intro-secondary {
    display: none;
  }

  .homepage-mobile-hero-proposal main .services-overview__intro-brief--desktop {
    display: none;
  }

  .homepage-mobile-hero-proposal main .services {
    border-top-color: rgba(61, 107, 113, 0.48);
  }

  .homepage-mobile-hero-proposal main .service-card__mobile-identity {
    display: flex;
    align-items: baseline;
    gap: 0.65rem;
    padding: 0.15rem 0 0.85rem;
  }

  .homepage-mobile-hero-proposal main .service-card__mobile-identity span {
    color: var(--accent);
    font-size: 0.72rem;
    font-weight: 700;
  }

  .homepage-mobile-hero-proposal main .service-card__mobile-identity strong {
    color: var(--ink);
    font-family: var(--serif);
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.08;
  }

  .homepage-mobile-hero-proposal main .service-card__body {
    padding-top: 0.85rem;
  }

  .homepage-mobile-hero-proposal main .service-card__body > .service-card__number,
  .homepage-mobile-hero-proposal main .service-card__body > h3 {
    display: none;
  }
}