/* Industry portraits and a single accessible link covering each card. */
#solutions .solution-card--photographic {
  padding: 0;
  min-height: 0;
  overflow: hidden;
  border-color: #dfe2e5;
  border-radius: 8px;
  transition: border-color .18s ease;
}
.solution-card__link {
  display: flex;
  flex-direction: column;
  flex: 1;
  color: inherit;
  text-decoration: none;
}
.solution-card__portrait {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 5;
  height: auto;
  object-fit: cover;
  background: #ece7df;
}
.solution-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 24px;
}
#top main #solutions .solution-card--photographic h3 {
  min-height: 64px;
  align-content: start;
  margin: 0;
}
#top main #solutions .solution-card--photographic .solution-card__body > p {
  font-size: var(--type-small);
  line-height: var(--leading-small-grid);
  letter-spacing: normal;
}
#top main #solutions .solution-card--photographic .solution-benefit {
  margin-bottom: 16px;
}
#top main #solutions .solution-card--photographic .solution-card__body > p:last-child {
  margin-bottom: 0;
}
@media (hover: hover) {
  #solutions .solution-card--photographic:hover { border-color: #7d858d; }
  .solution-card__link:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
}
.solution-card__link:focus-visible { outline: 2px solid #087c75; outline-offset: -3px; border-radius: 7px; }
@media (max-width: 1247px) and (min-width: 481px) {
  .solution-card__portrait { aspect-ratio: 1 / 1; object-position: center 10%; }
}
@media (max-width: 480px) {
  .solution-card__body { padding: 24px; }
  #top main #solutions .solution-card--photographic h3 { min-height: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #solutions .solution-card--photographic { transition: none; }
}

/* The baseline grid reserves leading inside the text boxes. Reclaim 48px of
   the title-to-copy spacing while keeping the title rows aligned. */
@supports(text-box-trim:trim-both) and (height:calc-size(auto,round(up,size,32px))){
  #top main #solutions .solution-card--photographic h3 { margin-bottom: -24px; }
}