.app-shell .hero .eyebrow {
  color: rgba(21, 21, 21, 0.75);
  font-size: clamp(15px, 0.95vw, 16px);
  letter-spacing: 0.14em;
}

.app-shell .hero .talk-link {
  font-size: clamp(15px, 1vw, 17px);
}

.app-shell .hero .talk-link > span {
  color: rgba(21, 21, 21, 0.7);
  font-size: clamp(15px, 1vw, 17px);
}

.app-shell .hero-summary > p {
  color: rgba(21, 21, 21, 0.76);
  font-size: clamp(17px, 1.15vw, 19px);
  line-height: 1.55;
}

.app-shell .industry-dock .capability-name {
  font-size: clamp(1.16rem, 1.45vw, 1.5rem);
}

.app-shell .industry-dock .capability-description {
  color: rgba(21, 21, 21, 0.72);
  font-size: clamp(17px, 1.12vw, 19px);
  line-height: 1.55;
}

.app-shell .industry-group-number {
  color: rgba(21, 21, 21, 0.55);
  font-size: clamp(15px, 0.95vw, 16px);
  letter-spacing: 0.14em;
}

.app-shell .industry-group-title {
  font-size: clamp(1.25rem, 1.45vw, 1.5rem);
  line-height: 1.1;
}

.app-shell .industry-group-tagline {
  color: rgba(21, 21, 21, 0.68);
  font-size: clamp(17px, 1.12vw, 19px);
  line-height: 1.55;
}

.app-shell .industry-group-list a {
  font-size: clamp(17px, 1.12vw, 19px);
  line-height: 1.3;
}

@media (min-width: 821px) {
  .app-shell .hero:has(.industry-groups) {
    grid-template-rows: minmax(max(300px, calc((100svh - 68px) * 0.46)), max-content) auto;
  }
  .app-shell .hero:has(.industry-groups) .hero-lead {
    grid-template-columns: minmax(0, 1fr) minmax(320px, 470px);
  }

  .app-shell .hero:has(.industry-groups) .hero-summary > p {
    margin-bottom: 20px;
  }
}