body[data-page="services"] .merged-services-section{min-height:auto!important;display:block!important;padding:clamp(138px,13vw,180px) var(--pad) var(--section)!important;overflow:hidden!important;color:var(--ink)!important;background:linear-gradient(rgba(9,12,11,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(9,12,11,.055) 1px,transparent 1px),var(--paper)!important;background-size:48px 48px!important;position:relative!important}
body[data-page="services"] .merged-services-section::before{content:""!important;position:absolute!important;top:90px!important;right:-9vw!important;width:min(35vw,460px)!important;aspect-ratio:1!important;border:1px solid rgba(240,90,26,.14)!important;border-radius:50%!important;pointer-events:none!important}
body[data-page="services"] .merged-services-section::after{content:"SERVICES"!important;position:absolute!important;top:115px!important;right:var(--pad)!important;font-family:"Manrope",sans-serif!important;font-size:clamp(4rem,11vw,10rem)!important;font-weight:800!important;line-height:1!important;letter-spacing:-.08em!important;color:rgba(9,12,11,.035)!important;pointer-events:none!important}
body[data-page="services"] .merged-services-intro{position:relative!important;z-index:2!important;width:min(820px,100%)!important;margin:0 auto clamp(48px,7vw,82px)!important;text-align:center!important}
body[data-page="services"] .merged-services-intro .kicker{justify-content:center!important}
body[data-page="services"] .merged-services-intro h1{max-width:790px!important;margin:0 auto!important;font-size:clamp(1.8rem,3.2vw,3.35rem)!important;line-height:1.08!important;text-wrap:balance!important}
body[data-page="services"] .merged-services-intro>p:not(.kicker){max-width:650px!important;margin:24px auto 0!important;color:#515954!important}
body[data-page="services"] .merged-services-intro .catalog-actions{justify-content:center!important;flex-wrap:wrap!important;margin-top:34px!important}
body[data-page="services"] .merged-service-grid{position:relative!important;z-index:2!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;max-width:1180px!important;margin:0 auto!important;padding:0!important;background:transparent!important}
body[data-page="services"] .merged-service-grid .pathway-card{min-height:430px!important;grid-template-rows:225px 1fr!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:2px 54px 2px 2px!important;background:var(--ink-2)!important;box-shadow:0 26px 72px rgba(9,12,11,.15)!important;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .45s ease!important}
body[data-page="services"] .merged-service-grid .pathway-card:nth-child(2),body[data-page="services"] .merged-service-grid .pathway-card:nth-child(3){border-radius:54px 2px 2px 2px!important}
body[data-page="services"] .merged-service-grid .pathway-card:nth-child(4){border-radius:2px 2px 54px 2px!important}
body[data-page="services"] .merged-service-grid .pathway-card:hover{transform:translateY(-9px)!important;border-color:rgba(246,184,63,.42)!important;box-shadow:0 36px 95px rgba(9,12,11,.23)!important}
body[data-page="services"] .merged-service-grid .pathway-photo{min-height:225px!important}
body[data-page="services"] .merged-service-grid .pathway-photo img{filter:saturate(.82) contrast(1.02)!important}
body[data-page="services"] .merged-service-grid .pathway-card:hover .pathway-photo img{transform:scale(1.06)!important;filter:saturate(1.05) contrast(1.02)!important}
body[data-page="services"] .merged-service-grid .pathway-number{top:196px!important;left:22px!important;width:58px!important;height:58px!important;border-radius:0!important;color:var(--ink)!important;background:linear-gradient(135deg,var(--amber),var(--orange))!important;box-shadow:0 12px 30px rgba(240,90,26,.22)!important}
body[data-page="services"] .merged-service-grid .pathway-card>div:last-child{padding:45px 26px 28px!important}
body[data-page="services"] .merged-service-grid h3{margin-bottom:14px!important;font-size:clamp(1.2rem,1.9vw,1.85rem)!important}
body[data-page="services"] .merged-service-grid p{font-size:.91rem!important;line-height:1.65!important}
@media(max-width:900px){body[data-page="services"] .merged-services-section{padding-top:125px!important}body[data-page="services"] .merged-service-grid{grid-template-columns:1fr!important;max-width:680px!important}body[data-page="services"] .merged-service-grid .pathway-card{border-radius:2px 42px 2px 2px!important}}
@media(max-width:600px){body[data-page="services"] .merged-services-section{padding:110px clamp(18px,5vw,24px) clamp(58px,12vw,78px)!important;background-size:36px 36px!important}body[data-page="services"] .merged-services-section::before,body[data-page="services"] .merged-services-section::after{display:none!important}body[data-page="services"] .merged-services-intro{margin-bottom:42px!important}body[data-page="services"] .merged-services-intro h1{font-size:clamp(1.6rem,7.5vw,2.15rem)!important}body[data-page="services"] .merged-services-intro .catalog-actions{flex-direction:column!important;align-items:center!important;gap:18px!important}body[data-page="services"] .merged-services-intro .button{width:min(290px,100%)!important}body[data-page="services"] .merged-service-grid{gap:16px!important}body[data-page="services"] .merged-service-grid .pathway-card{min-height:405px!important;grid-template-rows:205px 1fr!important}body[data-page="services"] .merged-service-grid .pathway-photo{min-height:205px!important}body[data-page="services"] .merged-service-grid .pathway-number{top:176px!important}body[data-page="services"] .merged-service-grid .pathway-card>div:last-child{padding:44px 22px 24px!important}}

/* =========================================================
   SERVICE CARD SIZE, READABILITY, AND MOTION REFINEMENT
   ========================================================= */

/* Slightly narrower grid and smaller overall cards */
body[data-page="services"] .merged-service-grid {
  max-width: 1060px !important;
  gap: 18px !important;
}

/* Remove the competing global tilt transform and use one smooth motion */
body[data-page="services"] .merged-service-grid .pathway-card.reveal {
  min-height: 350px !important;
  grid-template-rows: 178px 1fr !important;

  opacity: 0 !important;
  transform: translate3d(0, 30px, 0) !important;

  transition:
    opacity 0.72s var(--ease) var(--delay, 0ms),
    transform 0.72s var(--ease) var(--delay, 0ms),
    box-shadow 0.38s var(--ease),
    border-color 0.38s ease !important;

  will-change: opacity, transform !important;
  backface-visibility: hidden !important;
}

/* Final revealed position */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Gentle hover only after the card has appeared */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover {
  transform: translate3d(0, -6px, 0) !important;
  border-color: rgba(246, 184, 63, 0.4) !important;
  box-shadow: 0 24px 60px rgba(9, 12, 11, 0.2) !important;
}

/* Smaller image area */
body[data-page="services"] .merged-service-grid .pathway-photo {
  min-height: 178px !important;
  height: 178px !important;
}

body[data-page="services"] .merged-service-grid .pathway-photo img {
  transform: scale(1.001) !important;
  filter: saturate(0.88) contrast(1.03) !important;

  transition:
    transform 0.75s var(--ease),
    filter 0.45s ease !important;

  will-change: transform !important;
  backface-visibility: hidden !important;
}

body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover
.pathway-photo img {
  transform: scale(1.035) !important;
  filter: saturate(1) contrast(1.03) !important;
}

/* Move and reduce the number badge */
body[data-page="services"] .merged-service-grid .pathway-number {
  top: 151px !important;
  left: 20px !important;
  width: 52px !important;
  height: 52px !important;
  font-size: 0.72rem !important;
}

/* Compact card content */
body[data-page="services"]
.merged-service-grid
.pathway-card > div:last-child {
  padding: 38px 22px 21px !important;
}

/* Restore strong contrast on the dark cards */
body[data-page="services"] .merged-service-grid h3 {
  margin-bottom: 11px !important;
  color: var(--white) !important;
  font-size: clamp(1.08rem, 1.45vw, 1.42rem) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  letter-spacing: -0.025em !important;
}

body[data-page="services"] .merged-service-grid p {
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 0.86rem !important;
  line-height: 1.58 !important;
}

/* Keep the orange number readable */
body[data-page="services"] .merged-service-grid .pathway-number {
  color: #111715 !important;
  font-weight: 800 !important;
}

/* Tablet */
@media (max-width: 900px) {
  body[data-page="services"] .merged-service-grid {
    max-width: 620px !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-card.reveal {
    min-height: 340px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body[data-page="services"] .merged-service-grid {
    gap: 14px !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-card.reveal {
    min-height: 320px !important;
    grid-template-rows: 160px 1fr !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-photo {
    min-height: 160px !important;
    height: 160px !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-number {
    top: 134px !important;
    left: 18px !important;
    width: 48px !important;
    height: 48px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card > div:last-child {
    padding: 36px 19px 19px !important;
  }

  body[data-page="services"] .merged-service-grid h3 {
    font-size: 1.12rem !important;
  }

  body[data-page="services"] .merged-service-grid p {
    font-size: 0.84rem !important;
  }
}

/* Respect reduced-motion settings */
@media (prefers-reduced-motion: reduce) {
  body[data-page="services"] .merged-service-grid .pathway-card.reveal,
  body[data-page="services"] .merged-service-grid .pathway-photo img {
    transition: none !important;
  }
}

/* =========================================================
   COMPACT SERVICE CARDS + SMOOTH FLY-IN
   Final override
   ========================================================= */

/* Reduce the overall grid footprint */
body[data-page="services"] .merged-service-grid {
  max-width: 920px !important;
  gap: 16px !important;
}

/* Smaller and more compact cards */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal {
  min-height: 282px !important;
  grid-template-rows: 132px 1fr !important;

  opacity: 0 !important;

  transition:
    opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 0ms),
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1) var(--delay, 0ms),
    box-shadow 0.35s ease,
    border-color 0.35s ease !important;

  will-change: opacity, transform !important;
  backface-visibility: hidden !important;
}

/* Alternating fly-in direction */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal:nth-child(odd) {
  transform: translate3d(-52px, 0, 0) !important;
}

body[data-page="services"]
.merged-service-grid
.pathway-card.reveal:nth-child(even) {
  transform: translate3d(52px, 0, 0) !important;
}

/* Smooth settled position */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Small hover after reveal */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover {
  transform: translate3d(0, -4px, 0) !important;
  border-color: rgba(246, 184, 63, 0.35) !important;
  box-shadow: 0 20px 48px rgba(9, 12, 11, 0.18) !important;
}

/* Much smaller image area */
body[data-page="services"] .merged-service-grid .pathway-photo {
  min-height: 132px !important;
  height: 132px !important;
}

body[data-page="services"] .merged-service-grid .pathway-photo img {
  transform: scale(1) !important;
  transition:
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.4s ease !important;
}

body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover
.pathway-photo img {
  transform: scale(1.02) !important;
}

/* Smaller badge */
body[data-page="services"] .merged-service-grid .pathway-number {
  top: 109px !important;
  left: 17px !important;
  width: 44px !important;
  height: 44px !important;
  font-size: 0.66rem !important;
}

/* Smaller text area */
body[data-page="services"]
.merged-service-grid
.pathway-card > div:last-child {
  padding: 31px 18px 17px !important;
}

body[data-page="services"] .merged-service-grid h3 {
  margin-bottom: 8px !important;
  font-size: clamp(1rem, 1.2vw, 1.18rem) !important;
  line-height: 1.22 !important;
}

body[data-page="services"] .merged-service-grid p {
  font-size: 0.8rem !important;
  line-height: 1.52 !important;
}

/* Tablet */
@media (max-width: 900px) {
  body[data-page="services"] .merged-service-grid {
    max-width: 560px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal {
    min-height: 274px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body[data-page="services"] .merged-service-grid {
    max-width: 100% !important;
    gap: 13px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal {
    min-height: 258px !important;
    grid-template-rows: 118px 1fr !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal:nth-child(odd),
  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal:nth-child(even) {
    transform: translate3d(0, 34px, 0) !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal.visible {
    transform: translate3d(0, 0, 0) !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-photo {
    min-height: 118px !important;
    height: 118px !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-number {
    top: 96px !important;
    left: 15px !important;
    width: 42px !important;
    height: 42px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card > div:last-child {
    padding: 29px 16px 15px !important;
  }

  body[data-page="services"] .merged-service-grid h3 {
    font-size: 1rem !important;
  }

  body[data-page="services"] .merged-service-grid p {
    font-size: 0.78rem !important;
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* =========================================================
   EXTRA-COMPACT SERVICE CARDS + MORE BREATHING SPACE
   Final override
   ========================================================= */

/* More space around the whole card group */
body[data-page="services"] .merged-service-grid {
  max-width: 1180px !important;

  grid-template-columns: repeat(2, minmax(0, 360px)) !important;
  justify-content: center !important;

  column-gap: 80px !important;  /* left-to-right space */
  row-gap: 75px !important;     /* top-to-bottom space */

  padding: 65px 55px 85px !important; /* space around all outer edges */
  margin: 0 auto !important;
}

/* Smaller cards */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal {
  min-height: 238px !important;
  grid-template-rows: 104px 1fr !important;
}

/* Smaller image area */
body[data-page="services"] .merged-service-grid .pathway-photo {
  min-height: 104px !important;
  height: 104px !important;
}

/* Keep the image motion smooth and subtle */
body[data-page="services"] .merged-service-grid .pathway-photo img {
  object-fit: cover !important;
  transform: scale(1) !important;
  transition:
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.42s ease !important;
}

body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover
.pathway-photo img {
  transform: scale(1.018) !important;
}

/* Smaller number badge */
body[data-page="services"] .merged-service-grid .pathway-number {
  top: 84px !important;
  left: 15px !important;
  width: 38px !important;
  height: 38px !important;
  font-size: 0.62rem !important;
}

/* Smaller content area */
body[data-page="services"]
.merged-service-grid
.pathway-card > div:last-child {
  padding: 26px 16px 15px !important;
}

body[data-page="services"] .merged-service-grid h3 {
  margin-bottom: 7px !important;
  font-size: clamp(0.95rem, 1.05vw, 1.08rem) !important;
  line-height: 1.22 !important;
}

body[data-page="services"] .merged-service-grid p {
  font-size: 0.76rem !important;
  line-height: 1.5 !important;
}

/* Slightly softer hover so the spacious layout stays calm */
body[data-page="services"]
.merged-service-grid
.pathway-card.reveal.visible:hover {
  transform: translate3d(0, -3px, 0) !important;
  box-shadow: 0 18px 42px rgba(9, 12, 11, 0.16) !important;
}

/* Tablet */
@media (max-width: 900px) {
  body[data-page="services"] .merged-service-grid {
    max-width: 500px !important;
    row-gap: 28px !important;
    padding: 16px 18px 24px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal {
    min-height: 232px !important;
  }
}

/* Mobile */
@media (max-width: 600px) {
  body[data-page="services"] .merged-service-grid {
    max-width: 100% !important;
    row-gap: 24px !important;
    padding: 12px 10px 22px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card.reveal {
    min-height: 220px !important;
    grid-template-rows: 96px 1fr !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-photo {
    min-height: 96px !important;
    height: 96px !important;
  }

  body[data-page="services"] .merged-service-grid .pathway-number {
    top: 77px !important;
    left: 13px !important;
    width: 36px !important;
    height: 36px !important;
  }

  body[data-page="services"]
  .merged-service-grid
  .pathway-card > div:last-child {
    padding: 24px 14px 14px !important;
  }

  body[data-page="services"] .merged-service-grid h3 {
    font-size: 0.96rem !important;
  }

  body[data-page="services"] .merged-service-grid p {
    font-size: 0.74rem !important;
    line-height: 1.48 !important;
  }
}


@media (max-width: 900px) {
  body[data-page="services"] .merged-service-grid {
    grid-template-columns: minmax(0, 420px) !important;
    row-gap: 50px !important;
    padding: 45px 28px 65px !important;
  }
}

@media (max-width: 600px) {
  body[data-page="services"] .merged-service-grid {
    grid-template-columns: 1fr !important;
    row-gap: 38px !important;
    padding: 35px 14px 50px !important;
  }
}