/* Final desktop layout correction for the project cards. */
@media (min-width: 900px) {
  #Projects .project-card.project-card-link:not(.project-card--wide) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 180px !important;
    align-items: center !important;
    column-gap: 18px !important;
    padding: 30px !important;
    box-sizing: border-box !important;
  }

  #Projects .project-card.project-card-link:not(.project-card--wide) > .project-copy {
    grid-column: 1 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 100% !important;
    align-self: stretch !important;
    flex: none !important;
  }

  #Projects .project-card.project-card-link:not(.project-card--wide) > .project-copy h3,
  #Projects .project-card.project-card-link:not(.project-card--wide) > .project-copy p {
    width: auto !important;
    max-width: none !important;
  }

  #Projects .project-card.project-card-link:not(.project-card--wide) > img,
  #Projects .project-card.project-card-link:not(.project-card--wide) > .ai-orb {
    grid-column: 2 !important;
    width: 180px !important;
    max-width: 180px !important;
    height: auto !important;
    justify-self: end !important;
    align-self: center !important;
    position: static !important;
    inset: auto !important;
    transform: none !important;
  }

  #Projects .project-card.project-card--wide > .project-copy {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }
}