/* MNK v119 — Restore original asymmetric expertise-card composition.
   Layout reference: preserved original inline HTML/CSS and approved staggered screenshot.
   Scope: homepage #services at desktop widths; do not change its color design.
   Keep v67 tap/keyboard disclosures, hover effects and all existing animations. */
@media (min-width:1121px) {
  body.mnk-light-home #services .grid-3 {
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    gap:var(--gap,clamp(22px,2.2vw,38px))!important;
    align-items:start!important;
  }
  /* Revert explicit card grid coordinates; DOM order was originally staggered. */
  body.mnk-light-home #services .grid-3>div:first-child,
  body.mnk-light-home #services .service-link-wrap,
  body.mnk-light-home #services .expertise-card {
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:start!important;
  }
  body.mnk-light-home #services .service-link-wrap {
    justify-self:end!important;
    padding-top:0!important;
    margin:0!important;
  }
  body.mnk-light-home #services .expertise-placeholder {
    display:flex!important;
    aspect-ratio:1;
    align-items:flex-end;
    justify-content:flex-start;
    min-width:0;
  }
  body.mnk-light-home #services .expertise-placeholder.right {
    justify-content:flex-end;
  }
  /* Square cards and offset choreography from the initial design. */
  body.mnk-light-home #services .expertise-card {
    aspect-ratio:1!important;
    min-height:0!important;
    height:auto!important;
  }
  body.mnk-light-home #services .expertise-card.card-1 {transform:translateY(3em)!important;}
  body.mnk-light-home #services .expertise-card.card-2 {transform:translateY(4em)!important;}
  body.mnk-light-home #services .expertise-card.card-3 {transform:translateY(6em)!important;}
  body.mnk-light-home #services .expertise-card.card-4 {transform:translateY(3em)!important;}
  /* Keep the original last stagger from colliding with the following section. */
  body.mnk-light-home #services {padding-bottom:clamp(130px,10vw,185px)!important;}
}
/* Preserve the purposeful tablet/mobile reflow and no overflow or horizontal cards.
   The exact three-column stagger is intended for spacious desktop screens. */
@media (max-width:1120px) {
  body.mnk-light-home #services .expertise-placeholder {display:none!important;}
}