/* Applications introduction: transparent copy alongside the project image. */
.applications-page .ap-hero {
  min-height: 0;
  padding: clamp(56px, 5vw, 88px) 0 clamp(56px, 5vw, 80px);
}
.applications-page .ap-hero-stage {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr);
  gap: clamp(32px, 4vw, 72px);
  align-items: center;
  min-height: 0;
}
.applications-page .ap-hero-copy,
.applications-page .ap-hero-copy.is-visible {
  position: static;
  width: auto;
  min-width: 0;
  padding: 0;
  background: transparent;
  transform: none;
}
.applications-page .ap-hero-copy .ap-kicker { margin-bottom: 28px; }
.applications-page .ap-hero h1 {
  margin-bottom: 28px;
}
.applications-page .ap-hero h1 span { white-space: normal; }
.applications-page .ap-hero-intro { max-width: 480px; }
.applications-page .ap-hero-figure {
  position: static;
  width: 100%;
  min-width: 0;
  margin: 0;
}
.applications-page .ap-hero-figure picture { height: auto; aspect-ratio: 4 / 3; }
.applications-page .ap-hero > .ap-section-index { position: static; margin-top: 32px; }
@media (min-width: 1164px) {
  .applications-page .applications-overview .ap-hero h1 { font-size: clamp(29px, 2.2vw, 32px) !important; }
}
@media (max-width: 800px) {
  .applications-page .ap-hero-stage { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .applications-page .ap-hero h1 { }
  .applications-page .ap-hero-intro { max-width: 610px; }
  .applications-page .ap-hero-figure picture { aspect-ratio: 3 / 2; }
}
@media (max-width: 560px) {
  .applications-page .ap-hero { padding: 44px 0 48px; }
  .applications-page .ap-hero h1 { margin-bottom: 22px; }
  .applications-page .ap-hero-copy .ap-kicker { margin-bottom: 22px; }
  .applications-page .ap-hero-intro { }
  .applications-page .ap-hero-figure picture { aspect-ratio: 4 / 3; }
}