/* Homepage website-services feature, scoped to its existing connected solution card. */
#site-solution.solution-card {
  display:block;
  grid-template-columns:1fr;
  align-self:stretch;
  min-width:0;
  min-height:0;
  padding:1rem;
  overflow:hidden;
}
#site-solution .solution-site-media {display:block;overflow:hidden;background:#f1f2f3}
#site-solution .solution-preview {width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;object-position:top;transition:transform .22s ease}
#site-solution .solution-site-content {padding:.95rem .15rem .15rem}
#site-solution .solution-title-row {display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}
#site-solution .solution-title-row h3 {font-size:1.25rem;font-weight:650;line-height:1.4;letter-spacing:-.02em}
#site-solution .solution-title-row>span {flex:none;padding:0;border:0;border-radius:0;background:transparent;color:#5f6670;font-size:.72rem;font-weight:500}
#site-solution .solution-site-intro {margin-top:.55rem;color:#62676d;font-size:.86rem;line-height:1.7}
#site-solution .solution-site-services {margin-top:.85rem;border-top:1px solid #dadddf}
#site-solution .solution-site-services>a {display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.65rem;border-bottom:1px solid #dadddf;color:#282a2c;font-size:.78rem;transition:color .18s}
#site-solution .solution-site-services>a:hover {color:#d71618}
#site-solution .solution-site-services i,#site-solution .solution-site-actions i {width:1rem;height:1rem}
#site-solution .solution-site-actions {display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1rem;margin-top:.45rem}
#site-solution .solution-site-actions .text-button {display:inline-flex;align-items:center;gap:.4rem;min-height:2.65rem;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#282a2c;font-size:.78rem;text-decoration:none;transition:color .18s}
#site-solution .solution-site-actions .text-button:first-child {color:#d71618;font-weight:600}
#site-solution .solution-site-actions .text-button:hover {background:transparent;box-shadow:none;color:#b90e11;transform:none;text-decoration:underline;text-underline-offset:4px}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  #site-solution .solution-site-media:hover .solution-preview {transform:scale(1.018)}
}
@media (width<=46rem) {
  #site-solution.solution-card {padding:.85rem}
  #site-solution .solution-site-content {padding:.8rem .05rem .05rem}
  #site-solution .solution-title-row h3 {font-size:1.16rem}
  #site-solution .solution-title-row>span {font-size:.67rem}
  #site-solution .solution-site-intro {font-size:.8rem}
  #site-solution .solution-site-services>a {min-height:2.8rem;font-size:.78rem}
  #site-solution .solution-site-actions {gap:0 .8rem}
}
@media (prefers-reduced-motion:reduce) {
  #site-solution .solution-preview {transition:none}
}