/* Homepage only: six official RMH services, progressing horizontally with vertical scroll. */
.rmh-services-horizontal {
  --rmh-card-width: min(1040px, calc(100vw - 136px));
  --rmh-card-gap: clamp(16px, 2.2vw, 32px);
  height: 100svh;
  padding: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background: #f7f5f1;
}
.rmh-services-horizontal .rmh-services-shell {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: clamp(92px, 11svh, 128px) 0 clamp(26px, 4svh, 44px);
  min-width: 0;
}
.rmh-services-horizontal .rmh-services-top {
  flex: 0 0 auto;
}
.rmh-services-horizontal .rmh-services-heading {
  margin-bottom: clamp(14px, 2.5svh, 30px);
  align-items: end;
}
.rmh-services-horizontal .rmh-services-heading h2 {
  font-size: clamp(30px, 3.4vw, 55px);
  line-height: 1.08;
}
.rmh-services-horizontal .rmh-services-heading p {
  font-size: clamp(12px, 1vw, 15px);
  line-height: 1.6;
}
.rmh-services-horizontal .section-label {
  margin-bottom: clamp(8px,1.5svh,14px);
}
.rmh-services-horizontal .rmh-services-viewport {
  flex: 1 1 auto;
  min-height: 0;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.rmh-services-horizontal .rmh-services-viewport::-webkit-scrollbar { display: none; }
.rmh-services-horizontal.is-gsap-horizontal .rmh-services-viewport {
  overflow: hidden;
  scroll-snap-type: none;
}
.rmh-services-horizontal .services-grid.rmh-services-track {
  display: flex;
  grid-template-columns: none;
  gap: var(--rmh-card-gap);
  align-items: stretch;
  width: max-content;
  max-width: none;
  height: 100%;
  padding-inline: calc((100vw - var(--rmh-card-width)) / 2);
  box-sizing: border-box;
  will-change: transform;
}
.rmh-services-horizontal .services-grid .service-card {
  flex: 0 0 var(--rmh-card-width);
  width: var(--rmh-card-width);
  min-width: 0;
  height: 100%;
  display: grid;
  grid-template-columns: minmax(0, 55%) minmax(0, 45%);
  background: #fff;
  border: 1px solid #e4ded8;
  border-radius: 0;
  box-shadow: none;
  overflow: hidden;
  scroll-snap-align: center;
  scroll-snap-stop: always;
  cursor: pointer;
}
.rmh-services-horizontal .services-grid .service-card:hover {
  transform: none;
  box-shadow: none;
  border-color: #d4c6be;
}
.rmh-services-horizontal .service-card .service-card__photo,
.rmh-services-horizontal .service-card--featured .service-card__photo {
  height: 100%;
  min-height: 0;
  width: 100%;
  order: initial;
}
.rmh-services-horizontal .service-card .service-card__photo img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rmh-services-horizontal .service-card .service-card__body,
.rmh-services-horizontal .service-card--featured .service-card__body {
  padding: clamp(24px, 3.15vw, 52px);
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.rmh-services-horizontal .service-card__num {
  margin-bottom: 16px;
  color: #612027;
}
.rmh-services-horizontal .services-grid .service-card__body h3 {
  font-size: clamp(24px, 2.5vw, 39px);
  line-height: 1.13;
  hyphens: auto;
  overflow-wrap: break-word;
}
.rmh-services-horizontal .service-card__body p {
  margin-bottom: 22px;
  font-size: clamp(13px, 1vw, 15px);
  line-height: 1.65;
}
.rmh-services-horizontal .service-card__body .btn-link {
  margin-top: auto;
}
.rmh-services-horizontal .rmh-services-footer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding-top: clamp(15px,2svh,24px);
}
.rmh-services-horizontal .rmh-services-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #612027;
  white-space: nowrap;
  letter-spacing: .05em;
  font-size: 13px;
  font-weight: 800;
}
.rmh-services-horizontal .rmh-services-progress__total { color: #8d8280; font-weight: 600; }
.rmh-services-horizontal .rmh-services-progress__line {
  width: clamp(52px, 10vw, 138px);
  height: 2px;
  background: #d7cec7;
  margin-inline: 12px 10px;
  position: relative;
  overflow: hidden;
}
.rmh-services-horizontal .rmh-services-progress__line > span {
  display: block;
  width: 100%;
  height: 100%;
  background: #E18763;
  transform: scaleX(0);
  transform-origin: left center;
}
.rmh-services-horizontal .rmh-services-progress__hint {
  font-size: 10px;
  font-weight: 800;
  color: #827873;
  letter-spacing: .11em;
}
.rmh-services-horizontal .rmh-services-see-all .btn-link {white-space:nowrap;}
@media (max-width: 900px) {
  .rmh-services-horizontal {
    --rmh-card-width: calc(100vw - 72px);
  }
  .rmh-services-horizontal .rmh-services-shell {padding-top: clamp(90px, 11svh, 122px);}
  .rmh-services-horizontal .rmh-services-heading {
    flex-direction: row;
    align-items: end;
  }
  .rmh-services-horizontal .rmh-services-heading h2 {font-size:clamp(30px,4vw,45px);}
  .rmh-services-horizontal .services-grid .service-card {grid-template-columns:50% 50%;}
  .rmh-services-horizontal .services-grid .service-card__body h3 {font-size:clamp(23px,3.3vw,35px);}
  .rmh-services-horizontal .rmh-services-progress__hint {display:none;}
}
@media (max-width: 640px) {
  .rmh-services-horizontal {--rmh-card-width:calc(100vw - 34px); --rmh-card-gap:12px;}
  .rmh-services-horizontal .rmh-services-shell {padding:clamp(86px,11svh,105px) 0 20px;}
  .rmh-services-horizontal .rmh-services-heading {
    margin-bottom:clamp(12px,1.8svh,20px);
    gap:7px;
    flex-direction:column;
    align-items:start;
  }
  .rmh-services-horizontal .rmh-services-heading h2 {font-size:clamp(25px,7.4vw,34px);}
  .rmh-services-horizontal .rmh-services-heading p {font-size:12px;line-height:1.45;max-width:43ch;}
  .rmh-services-horizontal .section-label {font-size:10px;margin-bottom:5px;}
  .rmh-services-horizontal .services-grid .service-card {
    grid-template-columns:1fr;
    grid-template-rows:minmax(100px,54%) minmax(0,46%);
  }
  .rmh-services-horizontal .service-card .service-card__body,
  .rmh-services-horizontal .service-card--featured .service-card__body {
    padding:clamp(15px,4.3vw,23px);
    justify-content:space-between;
  }
  .rmh-services-horizontal .service-card__num {font-size:10px;margin-bottom:8px;}
  .rmh-services-horizontal .services-grid .service-card__body h3 {font-size:clamp(18px,5.3vw,24px);line-height:1.12;margin-bottom:7px;}
  .rmh-services-horizontal .service-card__body p {font-size:12px;line-height:1.42;margin-bottom:10px;}
  .rmh-services-horizontal .service-card__body .btn-link {font-size:11px;padding:4px 0;}
  .rmh-services-horizontal .rmh-services-footer {padding-top:10px;gap:7px;}
  .rmh-services-horizontal .rmh-services-progress {gap:4px;font-size:11px;}
  .rmh-services-horizontal .rmh-services-progress__line {width:37px;margin-inline:6px 4px;}
  .rmh-services-horizontal .rmh-services-see-all .btn-link {font-size:11px;gap:6px;}
  .rmh-services-horizontal .rmh-services-see-all .btn-link svg {width:14px;height:14px;}
}
/* Short screens: avoid pinning and leave an accessible swipeable carousel. */
@media (max-height: 659px) and (max-width: 700px) {
  .rmh-services-horizontal {height:auto;overflow:visible;padding:40px 0;}
  .rmh-services-horizontal .rmh-services-shell {height:auto;padding:0;}
  .rmh-services-horizontal .rmh-services-viewport {height:340px;flex:none;}
  .rmh-services-horizontal .rmh-services-heading {margin-bottom:15px;}
  .rmh-services-horizontal .service-card .service-card__body {padding:12px 16px;}
  .rmh-services-horizontal .service-card__num {margin-bottom:5px;}
  .rmh-services-horizontal .services-grid .service-card__body h3 {font-size:clamp(17px,4.6vw,23px);margin-bottom:5px;}
  .rmh-services-horizontal .service-card__body p {font-size:11px;line-height:1.35;margin-bottom:7px;}
  .rmh-services-horizontal .rmh-services-progress__hint {display:none;}
}
@media (prefers-reduced-motion: reduce) {
  .rmh-services-horizontal .services-grid.rmh-services-track {will-change:auto;}
  .rmh-services-horizontal .service-card__photo img {transition:none;}
}

@media (max-width: 360px) and (min-height: 660px) {
  .rmh-services-horizontal .services-grid .service-card {grid-template-rows:minmax(100px,48%) minmax(0,52%);}
}
@media (max-height: 659px) and (max-width: 700px) {
  .rmh-services-horizontal .services-grid .service-card {grid-template-rows:minmax(90px,42%) minmax(0,58%);}
}