/* XMS v1.3.71 — Strategy First. Impact Always. — horizontal card carousel.
   Three cards visible on desktop; all cards remain editable in the section builder.
   Loaded after the original Study and sitewide-motion styles. */

body.home .xms-home-strategy-first {
  --xms-strategy-gap: clamp(14px, 1.8vw, 23px);
}
/* Override the previous 3 + 2 wrapped-grid layout, including its nth-child rules. */
body.home .xms-home-strategy-first .xms-study-capability-track,
body.home .xms-home-strategy-first .xms-items {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: var(--xms-strategy-gap) !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  scroll-snap-type: x mandatory !important;
  scroll-padding-left: 4px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  padding: 6px 4px 20px !important;
  row-gap: 0 !important;
  width: 100%;
  max-width: 100%;
}
body.home .xms-home-strategy-first .xms-study-capability-track::-webkit-scrollbar,
body.home .xms-home-strategy-first .xms-items::-webkit-scrollbar { display: none; }

body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability,
body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(4):nth-last-child(2),
body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(5):last-child,
body.home .xms-home-strategy-first .xms-items > .xms-item {
  flex: 0 0 calc((100% - 2 * var(--xms-strategy-gap)) / 3) !important;
  width: calc((100% - 2 * var(--xms-strategy-gap)) / 3) !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: auto !important;
  justify-self: auto !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: normal;
}
/* Keep hover effects, but drop the old one-time left/right entrance transforms
   because the cards now actually slide horizontally inside the viewport. */
body.home .xms-home-strategy-first .xms-strategy-slide-card {
  opacity: 1 !important;
  transform: none !important;
  transition-delay: 0ms !important;
}

body.home .xms-home-strategy-first .xms-study-heading-row {
  gap: 14px;
  flex-wrap: wrap;
}
body.home .xms-home-strategy-first .xms-strategy-carousel-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin: 0 0 0 auto;
  position: relative;
  z-index: 3;
}
body.home .xms-home-strategy-first .xms-section-heading + .xms-strategy-carousel-nav {
  margin: -2px 4px 18px auto;
}
body.home .xms-home-strategy-first .xms-strategy-carousel-arrow {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  width: 42px;
  padding: 0;
  border-radius: 999px;
  border: 1px solid #c8ddf2;
  background: #f5faff;
  color: #163657;
  box-shadow: 0 3px 10px rgba(61, 130, 194, .08);
  cursor: pointer;
  transition: background-color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
body.home .xms-home-strategy-first .xms-strategy-carousel-arrow svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
body.home .xms-home-strategy-first .xms-strategy-carousel-arrow:hover:not(:disabled) {
  background: #e0f1ff;
  border-color: #91bff1;
  box-shadow: 0 6px 16px rgba(61, 130, 194, .16);
}
body.home .xms-home-strategy-first .xms-strategy-carousel-arrow:focus-visible {
  outline: 3px solid #5a9eea;
  outline-offset: 3px;
}
body.home .xms-home-strategy-first .xms-strategy-carousel-arrow:disabled {
  opacity: .36;
  cursor: default;
  box-shadow: none;
}
@media (max-width: 960px) {
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability,
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(4):nth-last-child(2),
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(5):last-child,
  body.home .xms-home-strategy-first .xms-items > .xms-item {
    flex-basis: calc((100% - var(--xms-strategy-gap)) / 2) !important;
    width: calc((100% - var(--xms-strategy-gap)) / 2) !important;
  }
}
@media (max-width: 640px) {
  body.home .xms-home-strategy-first { --xms-strategy-gap: 14px; }
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability,
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(4):nth-last-child(2),
  body.home .xms-home-strategy-first .xms-study-capability-track > .xms-study-capability:nth-child(5):last-child,
  body.home .xms-home-strategy-first .xms-items > .xms-item {
    flex-basis: 100% !important;
    width: 100% !important;
  }
  body.home .xms-home-strategy-first .xms-strategy-carousel-arrow { height: 39px; width: 39px; }
}
@media (prefers-reduced-motion: reduce) {
  body.home .xms-home-strategy-first .xms-study-capability-track,
  body.home .xms-home-strategy-first .xms-items { scroll-behavior: auto !important; }
  body.home .xms-home-strategy-first .xms-strategy-carousel-arrow { transition: none; }
}