/* Our Mississauga: preserve the complete sharing card at every screen size. */
.client-mississauga { background: #373a88; color: #fff; border-color: #6f73ba; }
.client-mississauga .client-caption > span { color: #eeeeff; }
.client-mississauga + .client-next { grid-column: 1 / -1; aspect-ratio: auto; }
.client-mississauga + .client-next > div { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.client-mississauga + .client-next > div > svg, .client-mississauga + .client-next h3, .client-mississauga + .client-next p { margin: 0; }
.client-mississauga + .client-next p { max-width: none; }
.client-mississauga + .client-next span { margin-left: auto; }
.project-mississauga { display: grid; grid-template-columns: 1.25fr 1fr; margin-bottom: 28px; border-radius: 22px; scroll-margin-top: 130px; }
.project-mississauga .project-visual { height: auto; min-height: 300px; background: #373a88; }
.project-mississauga .project-visual > img { object-fit: contain; object-position: center; }
.project-mississauga .project-body { align-self: center; padding: 36px; }
.project-mississauga .project-body > p:not(.eyebrow):not(.project-preview-status) { color: var(--muted); font-size: 14px; line-height: 1.8; }
.project-mississauga .project-preview-status { display: inline-block; padding: 5px 10px; border-radius: 5px; margin-bottom: 18px; background: #eeeffb; color: #373a88; font-size: 11px; font-weight: 650; }
.project-mississauga .project-deliverables { margin: 17px 0 22px; }
.project-mississauga .text-link { font-size: 13px; }
@media (max-width: 760px) {
  .project-mississauga { grid-template-columns: 1fr; }
  .project-mississauga .project-visual { min-height: 0; aspect-ratio: 1200 / 630; }
  .project-mississauga .project-body { padding: 28px; }
}