/* Landscape services for the alternate landing page only. */
.mc-copy-page #services #svcFeatureGrid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:row;
  grid-auto-columns:auto;
  align-items:stretch;
  gap:54px 38px;
  max-width:none;
  margin:0;
  padding:0;
  overflow:visible;
  scroll-snap-type:none;
}
.mc-copy-page #services #svcFeatureGrid .sfeat {
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  transform:none;
}
.mc-copy-page #services #svcFeatureGrid .svc-overview {
  display:block;
  position:relative;
  min-height:0;
}
.mc-copy-page #services #svcFeatureGrid .svc-ban,
.mc-copy-page #services #svcFeatureGrid .sfeat:hover .svc-ban {
  width:100%;
  height:auto;
  aspect-ratio:16/9;
  padding:0;
  border:0;
  border-radius:16px;
  overflow:hidden;
  background:none;
  box-shadow:none;
}
.mc-copy-page #services #svcFeatureGrid .svc-ban img,
.mc-copy-page #services #svcFeatureGrid .sfeat:hover .svc-ban img {
  display:block;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  border-radius:0;
  object-fit:contain;
  object-position:center;
  transform:none;
}
/* September 28 (owner annotation): each service title sits on its banner, bottom left, over a
   soft dark fade so it reads on any artwork. The markup order (title, then banner) is unchanged. */
.mc-copy-page #services #svcFeatureGrid .svc-summary {
  position:absolute;
  inset:auto 0 0 0;
  z-index:1;
  display:flex;
  align-items:flex-end;
  gap:14px;
  min-width:0;
  min-height:46%;
  padding:0 26px 22px;
  border-radius:0 0 16px 16px;
  background:linear-gradient(to top,#140d1dd1 0%,#140d1d8c 38%,#140d1d00 100%);
  pointer-events:none;
}
.mc-copy-page #services #svcFeatureGrid .svc-summary h3 {
  margin:0;
  color:#fff;
  font-size:clamp(24px,2.1vw,29px);
  line-height:1.2;
  font-weight:700;
  letter-spacing:-.035em;
  overflow-wrap:normal;
  text-shadow:0 2px 14px #0000004d;
}
.mc-copy-page #services #svcFeatureGrid .svc-body {
  display:flex;
  flex:1;
  flex-direction:column;
  padding:20px 0 0;
}
.mc-copy-page #services #svcFeatureGrid .sgroup-subs {
  display:block;
  flex:1;
  margin:0;
  grid-template-rows:none;
}
.mc-copy-page #services #svcFeatureGrid .sgroup-subs-clip {
  overflow:visible;
  visibility:visible;
}
.mc-copy-page #services #svcFeatureGrid .sgroup-subs-list {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:19px 24px;
  margin:0;
  padding:0;
  border:0;
}
.mc-copy-page #services #svcFeatureGrid .ssub {
  display:flex;
  align-items:flex-start;
  gap:10px;
  height:auto;
  min-height:0;
  padding:0;
  border:0;
  border-radius:4px;
  background:none;
  text-decoration:none;
}
.mc-copy-page #services #svcFeatureGrid .ssub .ic {
  width:20px;
  height:22px;
  margin:0;
  border-radius:0;
  background:none;
  color:#873bd0;
}
.mc-copy-page #services #svcFeatureGrid .ssub .ic svg { width:17px; height:17px; }
.mc-copy-page #services #svcFeatureGrid .ssub b {
  color:#302738;
  font-size:15px;
  font-weight:650;
  line-height:1.45;
  transition:color .2s ease;
}
.mc-copy-page #services #svcFeatureGrid .ssub small {
  margin-top:5px;
  color:#716b79;
  font-size:13px;
  line-height:1.6;
}
.mc-copy-page #services #svcFeatureGrid .ssub:hover b { color:#7830bb; }
.mc-copy-page #services #svcFeatureGrid .copy-service-cta {
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  justify-content:center;
  gap:22px;
  min-height:44px;
  margin-top:25px;
  padding:11px 18px;
  border:0;
  border-radius:8px;
  background:#7828c6;
  color:#fff;
  font-size:14px;
  font-weight:600;
  line-height:1.4;
  text-decoration:none;
  transition:background .2s ease,box-shadow .2s ease;
}
.mc-copy-page #services #svcFeatureGrid .copy-service-cta svg { width:18px; height:18px; transition:translate .2s ease; }
.mc-copy-page #services #svcFeatureGrid .copy-service-cta:hover { background:#6420a6; box-shadow:0 7px 18px #6420a61f; }
.mc-copy-page #services #svcFeatureGrid .copy-service-cta:hover svg { translate:3px 0; }
.mc-copy-page #services #svcFeatureGrid :is(.ssub,.copy-service-cta):focus-visible { outline:3px solid #b77fea; outline-offset:5px; }
@media(max-width:900px) {
  .mc-copy-page #services #svcFeatureGrid { gap:46px 26px; }
  .mc-copy-page #services #svcFeatureGrid .sgroup-subs-list { grid-template-columns:1fr; gap:16px; }
}
@media(max-width:700px) {
  .mc-copy-page #services #svcFeatureGrid { grid-template-columns:1fr; gap:44px; }
  .mc-copy-page #services #svcFeatureGrid .sgroup-subs-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 20px; }
  .mc-copy-page #services #svcFeatureGrid .svc-summary { padding:0 20px 16px; gap:12px; }
  .mc-copy-page #services #svcFeatureGrid .svc-summary h3 { font-size:24px; }
}
@media(max-width:430px) {
  .mc-copy-page #services #svcFeatureGrid .sgroup-subs-list { grid-template-columns:1fr; gap:14px; }
  .mc-copy-page #services #svcFeatureGrid .svc-summary { padding:0 16px 14px; }
  .mc-copy-page #services #svcFeatureGrid .svc-summary h3 { font-size:21px; }
  .mc-copy-page #services #svcFeatureGrid .svc-body { padding-top:18px; }
  .mc-copy-page #services #svcFeatureGrid .ssub small { margin-top:3px; }
}
@media(prefers-reduced-motion:reduce) {
  .mc-copy-page #services #svcFeatureGrid :is(.ssub b,.copy-service-cta,.copy-service-cta svg) { transition:none; }
  .mc-copy-page #services #svcFeatureGrid .copy-service-cta:hover svg { translate:none; }
}