/* Results gateway: approved metrics double as navigation to the case evidence. */
.home-results-intro__inner {
  align-items: end;
  display: grid;
  gap: 3rem var(--gutter);
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.home-results-intro__heading {
  grid-column: 1 / span 6;
}

.home-results-intro h2 {
  font-size: var(--type-display-size);
  line-height: var(--type-display-leading);
  max-width: 11ch;
}

.home-results-intro__metrics {
  grid-column: 8 / -1;
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-results-intro__metrics li {
  border-top: 1px solid var(--ink);
}

.home-results-intro__metrics li:last-child {
  border-bottom: 1px solid var(--ink);
}

.home-results-intro__metrics a {
  align-items: center;
  color: var(--ink);
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: 2rem minmax(5rem, auto) minmax(0, 1fr) 1rem;
  min-height: 7.5rem;
  padding-block: 1.25rem;
  text-decoration: none;
  transition: color var(--motion-fast) var(--motion-ease), transform var(--motion-fast) var(--motion-ease);
}

.home-results-intro__metrics a:hover {
  color: var(--volt-deep);
  transform: translateY(-2px);
}

.home-results-intro__metrics a:focus-visible {
  outline: 3px solid var(--signal);
  outline-offset: 4px;
}

.home-results-intro__index,
.home-results-intro__label {
  font-family: var(--font-mono);
  font-size: 0.6875rem;
  letter-spacing: 0.08em;
  line-height: 1.45;
  text-transform: uppercase;
}

.home-results-intro__index {
  align-self: start;
  color: var(--volt-deep);
  padding-block-start: 0.4rem;
}

.home-results-intro__metrics strong {
  font-size: clamp(2.75rem, 4vw, 4.5rem);
  font-weight: 750;
  letter-spacing: -0.055em;
  line-height: 0.96;
}

.home-results-intro__label {
  max-width: 19ch;
}

.home-results-intro__arrow {
  font-size: 1.25rem;
}

@media (max-width: 63.99rem) {
  .home-results-intro__heading {
    grid-column: 1 / span 7;
  }

  .home-results-intro__metrics {
    grid-column: 8 / -1;
  }

  .home-results-intro__metrics a {
    grid-template-columns: 1.5rem minmax(0, 1fr) 1rem;
  }

  .home-results-intro__metrics strong {
    grid-column: 2;
  }

  .home-results-intro__label {
    grid-column: 2;
  }

  .home-results-intro__arrow {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
}

@media (max-width: 47.99rem) {
  .home-results-intro__inner {
    display: block;
  }

  .home-results-intro h2 { font-size: 3rem; line-height: 1; }

  .home-results-intro__metrics {
    margin-block-start: 3rem;
  }

  .home-results-intro__metrics a {
    min-height: 6.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-results-intro__metrics a {
    transition: none;
  }

  .home-results-intro__metrics a:hover {
    transform: none;
  }
}