/* Mom & Daughter's card additions for the existing GraphX Projects grid. */
.gx-project[data-gx-mdaw-card] .gx-visual,
.gx-project[data-gx-mdaw-native] .gx-visual {
  overflow: hidden;
}

.gx-project[data-gx-mdaw-card] .gx-project-image,
.gx-project[data-gx-mdaw-native] .gx-project-image {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  float: none !important;
  object-fit: cover !important;
  object-position: center center !important;
}

.gx-project[data-gx-mdaw-card] .gx-case-link {
  display: inline-flex;
  align-items: center;
  gap: .55em;
  margin-top: 1.35rem;
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}

.gx-project[data-gx-mdaw-card] .gx-case-link span {
  transition: transform .25s ease;
}

.gx-project[data-gx-mdaw-card] .gx-case-link:hover span,
.gx-project[data-gx-mdaw-card] .gx-case-link:focus-visible span {
  transform: translate(2px, -2px);
}

.gx-project[data-gx-mdaw-card][data-open="true"] .gx-arrow {
  transform: rotate(90deg);
}

@media (prefers-reduced-motion: reduce) {
  .gx-project[data-gx-mdaw-card] *,
  .gx-project[data-gx-mdaw-card] *::before,
  .gx-project[data-gx-mdaw-card] *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}