/* Application and community gateways use the workshop's opening hierarchy. */
body.hemu-public-2026 #main .gateway-hero-copy {
  min-width: 0;
}
body.hemu-public-2026 #main .gateway-hero-kicker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 0 0 12px;
  color: var(--pi-accent-strong);
  font: 600 12px/1.5 var(--font);
  letter-spacing: .08em;
}
body.hemu-public-2026 #main .gateway-hero-kicker strong {
  font: inherit;
}
body.hemu-public-2026 #main .gateway-hero-kicker > span {
  padding-left: 14px;
  border-left: 1px solid var(--pi-line);
  color: var(--pi-muted);
}
body.hemu-public-2026 #main .gateway-hero-title {
  margin: 0;
  font: 700 clamp(42px, 4vw, 58px)/1.2 var(--font);
  letter-spacing: -.01em;
  color: var(--pi-ink);
  overflow-wrap: anywhere;
}
body.hemu-public-2026 #main .gateway-hero-title em {
  font-style: normal;
  color: var(--pi-accent-strong);
  background: none;
}
body.hemu-public-2026 #main .gateway-hero-lead {
  max-width: 28em;
  margin: 24px 0 0;
  color: var(--pi-muted);
  font: 400 clamp(16px, 1.4vw, 20px)/1.85 var(--font);
  text-wrap: pretty;
}
body.hemu-public-2026 #main .gateway-hero-copy > .app-actions {
  margin-top: 28px;
}
body.hemu-public-2026 #main .app-hub-hero .app-hero-grid {
  align-items: start;
}
@media (max-width: 600px) {
  body.hemu-public-2026 #main .gateway-hero-kicker {
    margin-bottom: 10px;
  }
  body.hemu-public-2026 #main .gateway-hero-title {
    font-size: clamp(33px, 8.8vw, 44px);
  }
  body.hemu-public-2026 #main .gateway-hero-lead {
    margin-top: 20px;
  }
  body.hemu-public-2026 #main .gateway-hero-copy > .app-actions {
    margin-top: 22px;
  }
}