/* Recruiter-focused refinements added after site review. */
a:focus-visible,
button:focus-visible {
  outline: 2px solid var(--teal);
  outline-offset: 4px;
}

.hero-image {
  background-image: none;
}

.hero-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 620px;
  object-fit: cover;
  object-position: center center;
}

.case-link {
  display: inline-block;
  margin-top: 22px;
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.case-link span { color: var(--teal); }
.case.feature .case-link,
.dark-case .case-link { color: var(--white); }

.ai-systems { background: #dce7e4; }
.ai-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.ai-grid article { min-height: 270px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.ai-grid span { color: var(--teal); font: 500 11px var(--mono); letter-spacing: .08em; }
.ai-grid h3 { margin: 56px 0 12px; font: 500 27px/1.1 var(--serif); letter-spacing: -.035em; }
.ai-grid p { margin: 0; color: #536069; font-size: 14px; line-height: 1.6; }
.light-text-link { color: var(--white); }
.form-honeypot { display: none; }

@media (max-width: 850px) {
  .ai-grid { grid-template-columns: 1fr; }
  .ai-grid article { min-height: 0; padding: 25px; }
  .ai-grid h3 { margin-top: 38px; }
}

@media (max-width: 850px) {
  .hero-image img { min-height: 510px; }
}

@media (max-width: 460px) {
  .hero-image img { min-height: 390px; }
}

/* Latest insights block on the homepage, generated by build.py. Extends the existing .insight-grid design. */
.insight-grid article { padding-bottom: 84px; }
.insight-grid h3 a { color: inherit; text-decoration: none; }
.insight-grid h3 a::after { content: ""; position: absolute; inset: 0; }
.insight-grid article:hover h3 a,
.insight-grid h3 a:focus-visible { color: var(--teal); }
.latest-insights .row-heading .text-link { flex-shrink: 0; white-space: nowrap; margin-left: 32px; }
@media (max-width: 850px) { .latest-insights .row-heading .text-link { margin-left: 0; } }