/* Mobile hero: readable copy and actions above a separate slideshow panel. */
@media (max-width: 900px) {
  .hero {
    --hero-slide-gradient: linear-gradient(transparent, transparent);
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-height: 0;
  }
  .hero .hero__inner {
    grid-area: 1 / 1;
    display: block;
    min-height: 0;
  }
  .hero .hero__copy {
    width: 100%;
    max-width: 680px;
    padding: 36px 0 24px;
  }
  .hero .hero__copy > .eyebrow {
    margin: 0 0 20px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .02em;
  }
  .hero h1 {
    max-width: 18ch;
    font-size: clamp(32px, 8.4vw, 48px);
    line-height: 1.05;
    letter-spacing: -.045em;
    overflow-wrap: normal;
  }
  .hero .hero__copy > p:not(.eyebrow) {
    max-width: 42ch;
    margin: 20px 0 24px;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: normal;
  }
  .hero__actions { gap: 8px; }
  .hero__actions .button { min-height: 48px; }
  .hero .hero__rail { display: none; }
  .hero .hero__media,
  .hero .hero__media-next {
    grid-area: 2 / 1;
    position: relative;
    inset: auto;
    width: 100%;
    min-width: 0;
    height: auto;
    aspect-ratio: 16 / 10;
    background-size: cover;
    background-repeat: no-repeat;
    filter: none;
    transform: none;
  }
  .hero .hero__media:not(.is-transitioning),
  .hero .hero__media-next.is-visible { transform: none; }
  .hero .hero-pause {
    grid-area: 2 / 1;
    position: relative;
    inset: auto;
    align-self: end;
    justify-self: end;
    margin: 16px;
    min-height: 44px;
  }
}
@media (max-width: 600px) {
  .site-header__inner { min-height: 72px; }
  .hero__actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .hero__actions .button { width: 100%; }
}

/* Industry mobile artwork keeps the supplied full-frame composition visible on phones. */
@media (max-width: 760px) {
  .industries-activities .industry-activity__media {
    aspect-ratio: auto;
    min-height: 0;
    height: auto;
    overflow: hidden;
  }

  .industries-activities .industry-activity__media picture,
  .industries-activities .industry-activity__media picture img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: contain;
  }
}