/* ==========================================================================
   ZIVAH · MEET OUR TEAM
   --------------------------------------------------------------------------
   Loaded AFTER core.css → inherits all `--zc-*` brand tokens.
   Class prefix per section: .zc-mtm-{section}__*
   LOCKED RULES:
     • NO max-width caps anywhere, full-bleed sections.
     • Container padding: var(--zc-pad-x) desktop / var(--zc-pad-x-mb) mobile.
     • Two brand colors used intentionally per section:
         AMBER  → warmth, hospitality, hover/CTA accents
         NAVY   → clinical authority, founder/lab/CTA depth
   --------------------------------------------------------------------------
   §0   Page reset / kill the global content-wrap padding for this page
   §1   Hero, magazine cover + animated portrait orbit
   §2   Founder spotlight, navy editorial pull-quote
   §3   Departments, asymmetric tile grid (8 tiles)
   §4   Senior Specialists, feature + 2x medium + 3x small
   §5   Embryology / IVF lab, full-bleed dark feature
   §6   Counselling & Wellness, soft warm cards
   §7   Nursing & Patient Care, frontline avatar mosaic
   §8   By-the-numbers, dark stats strip
   §9   Closing CTA
   §10  Mobile (responsive overrides)
   ========================================================================== */


/* §0  ==== PAGE RESET, kill the inherited content-wrap padding ======== */
body .content-wrap.my-wrap-no-padding { padding: 0 !important; }
body .content-wrap.my-wrap-no-padding > div + div,
body .content-wrap.my-wrap-no-padding section { margin: 0; }


/* ==========================================================================
   §1  HERO, Magazine cover composition
   ========================================================================== */
.zc-mtm-hero {
  position: relative;
  padding: clamp(14px, 1.6vw, 22px) 0 clamp(24px, 3vw, 44px);
  background:
    radial-gradient(ellipse at 92% 6%, rgba(207, 138, 63, 0.10) 0%, transparent 50%),
    radial-gradient(ellipse at 8% 92%, rgba(46, 75, 113, 0.08)  0%, transparent 50%),
    linear-gradient(180deg, var(--zc-snow) 0%, var(--zc-off-white) 100%);
  overflow: hidden;
}
.zc-mtm-hero::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--zc-amber-a25), var(--zc-navy-a15), transparent);
}

.zc-mtm-hero__topline {
  display: flex; align-items: center; gap: 14px;
  padding: 0 var(--zc-pad-x);
  margin-bottom: clamp(14px, 1.6vw, 20px);
}
@media (max-width: 991px) { .zc-mtm-hero__topline { padding: 0 var(--zc-pad-x-mb); } }
.zc-mtm-hero__mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-deep));
  border: 1px solid var(--zc-amber-a45);
  color: var(--zc-amber-lt);
  font-family: var(--zc-f-display); font-size: 18px; font-weight: 500;
  letter-spacing: -0.5px; flex-shrink: 0;
  box-shadow: 0 6px 14px rgba(18, 12, 4, 0.18);
}
.zc-mtm-hero__topline-text {
  font-family: var(--zc-f-heading); font-size: 11px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-warm-dk); flex-shrink: 0;
}
.zc-mtm-hero__topline-rule {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-a45), transparent);
}
.zc-mtm-hero__topline-stars {
  display: inline-flex; gap: 6px; color: var(--zc-amber);
  font-size: 8px; flex-shrink: 0; opacity: 0.6;
}

.zc-mtm-hero__inner {
  position: relative; z-index: 1;
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) {
  .zc-mtm-hero__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); }
}

/* Branded breadcrumb */
.zc-mtm-hero__crumb {
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  margin: 0 0 clamp(20px, 2.5vw, 32px);
  font-family: var(--zc-f-heading); font-size: 11.5px;
  font-weight: 600; letter-spacing: 0.4px;
}
.zc-mtm-hero__crumb-link {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 11px; border-radius: 999px;
  text-decoration: none; color: var(--zc-warm-dk);
  background: rgba(255, 255, 255, 0.6);
  border: 1px solid var(--zc-linen);
  transition: all 0.3s var(--zc-ease);
}
.zc-mtm-hero__crumb-link:hover { color: var(--zc-amber-dk); border-color: var(--zc-amber-a35); background: rgba(255, 255, 255, 0.95); }
.zc-mtm-hero__crumb-sep { color: var(--zc-stone); font-size: 9px; }
.zc-mtm-hero__crumb-current {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 11px; border-radius: 999px;
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  box-shadow: 0 6px 14px var(--zc-amber-a35);
}

/* Layout, asymmetric split: 1.1fr editorial / 1fr montage */
.zc-mtm-hero__layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(28px, 4vw, 56px);
  align-items: center;
  margin-bottom: clamp(28px, 3vw, 44px);
}
@media (max-width: 991px) {
  .zc-mtm-hero__layout { grid-template-columns: 1fr; gap: 32px; }
}

.zc-mtm-hero__editorial { display: flex; flex-direction: column; }
.zc-mtm-hero__eyebrow {
  display: inline-flex; align-items: center; gap: 9px; align-self: flex-start;
  font-family: var(--zc-f-heading); font-size: 11px; font-weight: 700;
  letter-spacing: 2.6px; text-transform: uppercase;
  color: var(--zc-amber-dk);
  margin-bottom: 12px;
}
.zc-mtm-hero__eyebrow-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, var(--zc-amber-lt), var(--zc-amber-dk));
  box-shadow: 0 0 10px var(--zc-amber-a45);
}
.zc-mtm-hero__title {
  font-family: var(--zc-f-display);
  font-size: clamp(30px, 3vw + 12px, 54px);
  font-weight: 400; line-height: 1.05; letter-spacing: -1.4px;
  color: var(--zc-charcoal); margin: 0 0 14px 0;
}
.zc-mtm-hero__title-accent {
  font-weight: 500; position: relative; display: inline-block;
  background: linear-gradient(135deg, var(--zc-amber-dk), var(--zc-amber), var(--zc-amber-lt));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.zc-mtm-hero__title-accent::after {
  content: ''; position: absolute; left: 0; right: 0; bottom: -2px; height: 8px;
  background: radial-gradient(ellipse at center, var(--zc-amber-a35) 0%, transparent 70%);
  z-index: -1;
}
.zc-mtm-hero__lead {
  font-family: var(--zc-f-body);
  font-size: 15px; line-height: 1.65; color: var(--zc-warm-dk);
  margin: 0 0 22px 0;
}

.zc-mtm-hero__quick { display: flex; flex-wrap: wrap; gap: 8px; }
.zc-mtm-hero__chip {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 14px; border-radius: 999px;
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  font-family: var(--zc-f-heading); font-size: 11px; font-weight: 700;
  letter-spacing: 0.6px; text-transform: uppercase;
  color: var(--zc-warm-dk);
  text-decoration: none;
  transition: all 0.35s var(--zc-ease-spring);
}
.zc-mtm-hero__chip i { font-size: 12px; color: var(--zc-amber-dk); }
.zc-mtm-hero__chip:hover {
  transform: translateY(-2px); border-color: var(--zc-amber-a35);
  color: var(--zc-amber-dk); box-shadow: 0 8px 18px rgba(207, 138, 63, 0.12);
}
.zc-mtm-hero__chip--cta {
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white); border-color: transparent;
  box-shadow: 0 8px 18px var(--zc-amber-a35);
}
.zc-mtm-hero__chip--cta i { color: var(--zc-white); }
.zc-mtm-hero__chip--cta:hover { color: var(--zc-white); background: linear-gradient(135deg, var(--zc-amber-lt), var(--zc-amber-dk)); }

/* ───── HERO MONTAGE, animated portrait orbit ───── */
.zc-mtm-hero__montage {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  max-width: 480px;
  margin: 0 auto;
}

/* Concentric orbit rings */
.zc-mtm-hero__orbit {
  position: absolute; inset: 0;
  border: 1px solid var(--zc-amber-a25);
  border-radius: 50%;
  animation: zc-mtm-orbit-pulse 9s ease-in-out infinite;
}
.zc-mtm-hero__orbit--1 { inset: 8%; border-color: var(--zc-amber-a35); }
.zc-mtm-hero__orbit--2 { inset: 22%; border-color: var(--zc-navy-a15); animation-direction: reverse; animation-duration: 11s; }

@keyframes zc-mtm-orbit-pulse {
  0%, 100% { transform: scale(1);    opacity: 0.85; }
  50%      { transform: scale(1.04); opacity: 1;    }
}

/* Centre HUB, founder portrait, pulse rings emanate outward */
.zc-mtm-hero__hub {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 40%; aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: visible;
  border: 4px solid var(--zc-pearl);
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  box-shadow:
    0 0 0 1px var(--zc-amber-a45),
    0 30px 60px rgba(18, 12, 4, 0.30),
    0 10px 22px var(--zc-amber-a35);
  z-index: 2;
}
.zc-mtm-hero__hub-img {
  position: absolute;
  inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
  z-index: 1;
}
.zc-mtm-hero__hub-cap {
  position: absolute;
  bottom: -16px; left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-deep));
  border: 1px solid var(--zc-amber-a45);
  border-radius: 999px;
  color: var(--zc-amber-lt);
  font-family: var(--zc-f-heading);
  font-size: 9px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  white-space: nowrap;
  box-shadow: 0 8px 16px rgba(18, 12, 4, 0.30);
}
.zc-mtm-hero__hub-pulse {
  position: absolute;
  inset: -10px;
  border-radius: 50%;
  border: 2px solid var(--zc-amber-a45);
  pointer-events: none;
  opacity: 0;
  animation: zc-mtm-hub-pulse 3.6s ease-out infinite;
}
.zc-mtm-hero__hub-pulse--2 { animation-delay: 1.2s; border-color: var(--zc-amber-a35); }
.zc-mtm-hero__hub-pulse--3 { animation-delay: 2.4s; border-color: var(--zc-amber-a25); }
@keyframes zc-mtm-hub-pulse {
  0%   { transform: scale(1);    opacity: 0.85; border-width: 2px; }
  60%  { opacity: 0.18; }
  100% { transform: scale(2.4);  opacity: 0;    border-width: 1px; }
}
/* Position-wrapper sizing, photos look richer at ~18% of montage diameter */
.zc-mtm-hero__sat-pos { width: 18%; }

/* Orbiter, wraps the 6 satellites and rotates very slowly around the hub.
   Each satellite uses a position wrapper (handles placement on the orbit
   circle) and an inner element that counter-rotates so initials stay upright. */
.zc-mtm-hero__orbiter {
  position: absolute;
  inset: 0;
  z-index: 1;
  animation: zc-mtm-orbit-spin 90s linear infinite;
}
@keyframes zc-mtm-orbit-spin   { to { transform: rotate(360deg);  } }
@keyframes zc-mtm-orbit-counter{ to { transform: rotate(-360deg); } }

/* Position wrappers, one per satellite, fixed at the orbit edge */
.zc-mtm-hero__sat-pos {
  position: absolute;
  width: 16%; aspect-ratio: 1 / 1;
  display: flex;
}
.zc-mtm-hero__sat-pos--1 { top: 5%;     left: 50%;  transform: translateX(-50%); }
.zc-mtm-hero__sat-pos--2 { top: 23%;    right: 5%;  }
.zc-mtm-hero__sat-pos--3 { bottom: 23%; right: 5%;  }
.zc-mtm-hero__sat-pos--4 { bottom: 5%;  left: 50%;  transform: translateX(-50%); }
.zc-mtm-hero__sat-pos--5 { bottom: 23%; left: 5%;   }
.zc-mtm-hero__sat-pos--6 { top: 23%;    left: 5%;   }

/* Inner satellite, counter-rotates at the same speed → photos always upright.
   A gentle vertical float runs on top so the chips feel alive. */
.zc-mtm-hero__sat {
  position: relative;
  width: 100%; height: 100%;
  border-radius: 50%;
  overflow: hidden;
  border: 3px solid var(--zc-pearl);
  box-shadow: 0 0 0 1px var(--zc-amber-a35), 0 8px 18px rgba(207, 138, 63, 0.30);
  animation:
    zc-mtm-orbit-counter 90s linear infinite,
    zc-mtm-sat-float     6s  ease-in-out infinite;
  cursor: pointer;
  transition: box-shadow 0.4s var(--zc-ease);
}
.zc-mtm-hero__sat-img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.zc-mtm-hero__sat:hover {
  box-shadow: 0 0 0 2px var(--zc-amber-dk), 0 12px 24px var(--zc-amber-a45);
}
.zc-mtm-hero__sat--2,
.zc-mtm-hero__sat--4,
.zc-mtm-hero__sat--6 {
  box-shadow: 0 0 0 1px var(--zc-navy-a30), 0 8px 18px rgba(46, 75, 113, 0.30);
}
.zc-mtm-hero__sat--2:hover,
.zc-mtm-hero__sat--4:hover,
.zc-mtm-hero__sat--6:hover {
  box-shadow: 0 0 0 2px var(--zc-navy), 0 12px 24px rgba(46, 75, 113, 0.45);
}
.zc-mtm-hero__sat--2 { animation-delay: 0s, -1s; }
.zc-mtm-hero__sat--3 { animation-delay: 0s, -2s; }
.zc-mtm-hero__sat--4 { animation-delay: 0s, -3s; }
.zc-mtm-hero__sat--5 { animation-delay: 0s, -4s; }
.zc-mtm-hero__sat--6 { animation-delay: 0s, -5s; }

@keyframes zc-mtm-sat-float {
  0%, 100% { translate: 0 0;    }
  50%      { translate: 0 -4px; }
}

/* Live caption pinned bottom-left of montage */
.zc-mtm-hero__caption {
  position: absolute;
  bottom: -8px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 13px;
  border-radius: 999px;
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  font-family: var(--zc-f-accent);
  font-size: 11px; color: var(--zc-warm-dk);
  letter-spacing: 0.2px;
  box-shadow: 0 12px 24px rgba(18, 12, 4, 0.10);
  white-space: nowrap;
}
.zc-mtm-hero__caption i { font-size: 8px; color: var(--zc-success); animation: zc-mtm-blink 2s ease-in-out infinite; }
@keyframes zc-mtm-blink { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }

/* ===========================================================================
   PREMIUM EDITORIAL STATS TILES
   ---------------------------------------------------------------------------
   Each tile is a multi-layer composition:
     · Marker (·01·)   monospace numbered tag, top-left
     · Corner stroke   diagonal accent in top-right
     · Icon pill       small brand-colored disc
     · BIG number      gradient editorial display
     · Accent line     thin gradient stroke below number
     · Label           small caps display
     · Sub             italic accent caption
     · Viz             card-unique visualization (dots / grid / ticks / ripple)
   =========================================================================== */
.zc-mtm-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 1.4vw, 18px);
}
@media (max-width: 991px) { .zc-mtm-stats { grid-template-columns: 1fr 1fr; } }
@media (max-width: 480px) { .zc-mtm-stats { grid-template-columns: 1fr; } }

.zc-mtm-stats__card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 16px 14px;
  background:
    radial-gradient(ellipse at 100% 0%, rgba(207, 138, 63, 0.05) 0%, transparent 55%),
    radial-gradient(ellipse at 0% 100%, rgba(46, 75, 113, 0.04) 0%, transparent 55%),
    linear-gradient(180deg, var(--zc-white), var(--zc-pearl));
  border: 1px solid var(--zc-linen);
  border-radius: 16px;
  overflow: hidden;
  transition:
    transform 0.45s var(--zc-ease-spring),
    box-shadow 0.45s var(--zc-ease),
    border-color 0.45s var(--zc-ease);
}
/* Top accent stripe, gradient bar slides in on hover */
.zc-mtm-stats__card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  opacity: 0;
  transform: scaleX(0.3); transform-origin: left;
  transition: opacity 0.35s var(--zc-ease), transform 0.5s var(--zc-ease-spring);
}
.zc-mtm-stats__card--amber::before { background: linear-gradient(90deg, var(--zc-amber-dk), var(--zc-amber-lt), var(--zc-amber)); }
.zc-mtm-stats__card--navy::before  { background: linear-gradient(90deg, var(--zc-navy-deep), var(--zc-navy-soft), var(--zc-amber)); }
.zc-mtm-stats__card:hover { transform: translateY(-3px); border-color: var(--zc-amber-a35); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 16px 32px rgba(207, 138, 63, 0.12), 0 4px 10px rgba(18, 12, 4, 0.05); }
.zc-mtm-stats__card:hover::before { opacity: 1; transform: scaleX(1); }

/* Faint dot pattern overlay, premium texture */
.zc-mtm-stats__card::after {
  content: '';
  position: absolute; inset: 0;
  pointer-events: none;
  opacity: 0.4;
  background-image: radial-gradient(circle, var(--zc-stone) 0.5px, transparent 0.5px);
  background-size: 14px 14px;
  mask-image: radial-gradient(ellipse at 100% 100%, black, transparent 60%);
  -webkit-mask-image: radial-gradient(ellipse at 100% 100%, black, transparent 60%);
}

/* Numbered marker, monospaced, top-left */
.zc-mtm-stats__marker {
  position: relative; z-index: 2;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 1.4px;
  color: var(--zc-stone);
  margin-bottom: 4px;
}
.zc-mtm-stats__card--amber .zc-mtm-stats__marker { color: var(--zc-amber-dk); opacity: 0.7; }
.zc-mtm-stats__card--navy  .zc-mtm-stats__marker { color: var(--zc-navy);     opacity: 0.7; }

/* Diagonal corner stroke, thin accent in top-right */
.zc-mtm-stats__corner {
  position: absolute;
  top: 14px; right: 14px;
  width: 22px; height: 22px;
  pointer-events: none;
  z-index: 1;
}
.zc-mtm-stats__corner::before,
.zc-mtm-stats__corner::after {
  content: '';
  position: absolute;
  background: var(--zc-stone);
  opacity: 0.55;
}
.zc-mtm-stats__corner::before { top: 0; right: 0; width: 22px; height: 1px; }
.zc-mtm-stats__corner::after  { top: 0; right: 0; width: 1px; height: 22px; }
.zc-mtm-stats__card--amber .zc-mtm-stats__corner::before,
.zc-mtm-stats__card--amber .zc-mtm-stats__corner::after { background: var(--zc-amber); opacity: 0.5; }
.zc-mtm-stats__card--navy  .zc-mtm-stats__corner::before,
.zc-mtm-stats__card--navy  .zc-mtm-stats__corner::after { background: var(--zc-navy);  opacity: 0.4; }

/* Icon pill */
.zc-mtm-stats__ic {
  position: relative; z-index: 2;
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px;
  border-radius: 10px;
  font-size: 13px;
  margin-bottom: 8px;
  transition: transform 0.4s var(--zc-ease-spring);
}
.zc-mtm-stats__card--amber .zc-mtm-stats__ic {
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.20) inset, 0 5px 12px var(--zc-amber-a35);
}
.zc-mtm-stats__card--navy .zc-mtm-stats__ic {
  background: linear-gradient(135deg, var(--zc-navy-soft), var(--zc-navy));
  color: var(--zc-amber-lt);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 5px 12px rgba(46, 75, 113, 0.30);
}
.zc-mtm-stats__card:hover .zc-mtm-stats__ic { transform: scale(1.08) rotate(-5deg); }

/* BIG editorial number */
.zc-mtm-stats__num {
  position: relative; z-index: 2;
  font-family: var(--zc-f-display);
  font-size: clamp(28px, 1.8vw + 12px, 38px);
  font-weight: 400;
  letter-spacing: -1.4px;
  line-height: 1;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-amber-dk));
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  display: inline-flex; align-items: baseline;
}
.zc-mtm-stats__num sup {
  font-size: 0.45em;
  font-weight: 500;
  -webkit-text-fill-color: var(--zc-amber-dk);
  color: var(--zc-amber-dk);
  vertical-align: super;
  margin-left: 1px;
}

/* Accent line under number, thin gradient with end-cap dot */
.zc-mtm-stats__line {
  position: relative;
  display: block;
  width: 38px;
  height: 2px;
  margin: 8px 0 6px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--zc-amber-dk), var(--zc-amber));
}
.zc-mtm-stats__line::after {
  content: '';
  position: absolute;
  right: -3px; top: 50%; transform: translateY(-50%);
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--zc-amber);
  box-shadow: 0 0 6px var(--zc-amber-a45);
}
.zc-mtm-stats__card--navy .zc-mtm-stats__line {
  background: linear-gradient(90deg, var(--zc-navy-deep), var(--zc-navy-soft));
}
.zc-mtm-stats__card--navy .zc-mtm-stats__line::after { background: var(--zc-navy); box-shadow: 0 0 6px var(--zc-navy-a30); }

/* Label, small caps */
.zc-mtm-stats__lbl {
  position: relative; z-index: 2;
  font-family: var(--zc-f-heading);
  font-size: 10.5px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--zc-charcoal);
  line-height: 1.25;
}

/* Sub, italic accent */
.zc-mtm-stats__sub {
  position: relative; z-index: 2;
  font-family: var(--zc-f-accent);
  font-style: normal;
  font-size: 10.5px;
  letter-spacing: 0.2px;
  color: var(--zc-warm-mid);
  line-height: 1.3;
  margin-top: 2px;
}

/* ───── Per-card visualization (.__viz) ───── */
.zc-mtm-stats__viz {
  position: relative; z-index: 2;
  margin-top: auto;
  padding-top: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 14px;
}

/* Card 1, six dots */
.zc-mtm-stats__viz--dots span {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--zc-amber);
  box-shadow: 0 0 6px var(--zc-amber-a35);
  animation: zc-mtm-stats-pop 0.5s var(--zc-ease-spring) backwards;
}
.zc-mtm-stats__viz--dots span:nth-child(1) { animation-delay: 0.4s; }
.zc-mtm-stats__viz--dots span:nth-child(2) { animation-delay: 0.5s; }
.zc-mtm-stats__viz--dots span:nth-child(3) { animation-delay: 0.6s; }
.zc-mtm-stats__viz--dots span:nth-child(4) { animation-delay: 0.7s; }
.zc-mtm-stats__viz--dots span:nth-child(5) { animation-delay: 0.8s; }
.zc-mtm-stats__viz--dots span:nth-child(6) { animation-delay: 0.9s; }

/* Card 2, 4×2 mini grid */
.zc-mtm-stats__viz--grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  width: 64px;
}
.zc-mtm-stats__viz--grid span {
  aspect-ratio: 1 / 1;
  background: var(--zc-navy);
  border-radius: 2px;
  opacity: 0.85;
  animation: zc-mtm-stats-pop 0.4s var(--zc-ease-spring) backwards;
}
.zc-mtm-stats__viz--grid span:nth-child(1) { animation-delay: 0.4s; }
.zc-mtm-stats__viz--grid span:nth-child(2) { animation-delay: 0.45s; opacity: 0.7;  }
.zc-mtm-stats__viz--grid span:nth-child(3) { animation-delay: 0.5s;  opacity: 0.85; }
.zc-mtm-stats__viz--grid span:nth-child(4) { animation-delay: 0.55s; background: var(--zc-amber); }
.zc-mtm-stats__viz--grid span:nth-child(5) { animation-delay: 0.6s;  opacity: 0.7; }
.zc-mtm-stats__viz--grid span:nth-child(6) { animation-delay: 0.65s; }
.zc-mtm-stats__viz--grid span:nth-child(7) { animation-delay: 0.7s;  opacity: 0.85; }
.zc-mtm-stats__viz--grid span:nth-child(8) { animation-delay: 0.75s; opacity: 0.7;  }

/* Card 3, timeline ticks with year labels */
.zc-mtm-stats__viz--ticks {
  gap: 3px;
}
.zc-mtm-stats__viz--ticks span:not(.zc-mtm-stats__viz-edge) {
  width: 1px; height: 8px;
  background: var(--zc-amber);
  opacity: 0.7;
  flex: 1;
  animation: zc-mtm-stats-rise 0.5s var(--zc-ease-spring) backwards;
}
.zc-mtm-stats__viz--ticks span:nth-child(2)  { animation-delay: 0.4s; height: 6px; }
.zc-mtm-stats__viz--ticks span:nth-child(3)  { animation-delay: 0.45s; height: 7px; }
.zc-mtm-stats__viz--ticks span:nth-child(4)  { animation-delay: 0.5s;  height: 8px; }
.zc-mtm-stats__viz--ticks span:nth-child(5)  { animation-delay: 0.55s; height: 6px; }
.zc-mtm-stats__viz--ticks span:nth-child(6)  { animation-delay: 0.6s;  height: 7px; }
.zc-mtm-stats__viz--ticks span:nth-child(7)  { animation-delay: 0.65s; height: 8px; }
.zc-mtm-stats__viz--ticks span:nth-child(8)  { animation-delay: 0.7s;  height: 6px; }
.zc-mtm-stats__viz--ticks span:nth-child(9)  { animation-delay: 0.75s; height: 7px; }
.zc-mtm-stats__viz--ticks span:nth-child(10) { animation-delay: 0.8s;  height: 8px; }
.zc-mtm-stats__viz--ticks span:nth-child(11) { animation-delay: 0.85s; height: 9px; opacity: 1; }
.zc-mtm-stats__viz--ticks .zc-mtm-stats__viz-edge {
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 8.5px;
  color: var(--zc-warm-mid);
  letter-spacing: 0.2px;
  flex: 0 0 auto;
}

/* Card 4, radial ripple (3 expanding rings) */
.zc-mtm-stats__viz--ripple {
  position: relative;
  height: 14px;
  display: block;
}
.zc-mtm-stats__viz--ripple span {
  position: absolute;
  top: 50%; left: 8px;
  transform: translateY(-50%);
  width: 8px; height: 8px;
  border-radius: 50%;
  border: 1.5px solid var(--zc-navy);
  opacity: 0;
  animation: zc-mtm-stats-ripple 2.6s ease-out infinite;
}
.zc-mtm-stats__viz--ripple span:nth-child(2) { animation-delay: 0.85s; }
.zc-mtm-stats__viz--ripple span:nth-child(3) { animation-delay: 1.7s;  border-color: var(--zc-amber); }
.zc-mtm-stats__viz--ripple::before {
  /* Solid heart-dot at the centre */
  content: '';
  position: absolute;
  top: 50%; left: 8px;
  transform: translateY(-50%);
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--zc-amber);
  box-shadow: 0 0 6px var(--zc-amber-a45);
}
.zc-mtm-stats__viz--ripple::after {
  /* "+ counting" caption to the right */
  content: '+ growing every week';
  position: absolute;
  top: 50%; left: 28px;
  transform: translateY(-50%);
  font-family: var(--zc-f-accent);
  font-style: normal;
  font-size: 9.5px;
  color: var(--zc-warm-mid);
  letter-spacing: 0.2px;
  white-space: nowrap;
}

@keyframes zc-mtm-stats-pop {
  from { transform: scale(0);   opacity: 0; }
  to   { transform: scale(1);   opacity: 1; }
}
@keyframes zc-mtm-stats-rise {
  from { transform: scaleY(0); opacity: 0; transform-origin: bottom; }
  to   { transform: scaleY(1); opacity: 1; transform-origin: bottom; }
}
@keyframes zc-mtm-stats-ripple {
  0%   { transform: translateY(-50%) scale(1);   opacity: 0.7; }
  100% { transform: translateY(-50%) scale(2.6); opacity: 0;   }
}


/* ==========================================================================
   §2  FOUNDER SPOTLIGHT, minimal section, premium message card
   ========================================================================== */
.zc-mtm-founder {
  position: relative;
  padding: clamp(40px, 4.5vw, 68px) 0;
  background: var(--zc-off-white);
}
.zc-mtm-founder::before {
  /* Single hairline rule top, only visual structure on the section */
  content: '';
  position: absolute; top: 0; left: 50%;
  width: 60px; height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--zc-amber-a45), transparent);
}

.zc-mtm-founder__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
  display: grid;
  grid-template-columns: minmax(220px, 300px) 1fr;
  gap: clamp(40px, 5vw, 80px);
  align-items: center;
}
@media (max-width: 991px) {
  .zc-mtm-founder__inner {
    padding-left: var(--zc-pad-x-mb);
    padding-right: var(--zc-pad-x-mb);
    grid-template-columns: 1fr;
    gap: 32px;
    text-align: center;
  }
}

/* Portrait column, minimal: photo + small role pill below */
.zc-mtm-founder__portrait-col {
  display: flex; flex-direction: column; align-items: center; gap: 18px;
}
.zc-mtm-founder__portrait {
  position: relative;
  width: clamp(180px, 18vw, 240px);
  aspect-ratio: 1 / 1;
  margin: 0;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid var(--zc-amber-a25);
  padding: 6px;
  background: var(--zc-white);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 18px 36px rgba(18, 12, 4, 0.06);
}
.zc-mtm-founder__portrait::before {
  /* Inner thin gold ring just inside the photo */
  content: '';
  position: absolute;
  inset: 6px;
  border-radius: 50%;
  border: 1px solid var(--zc-amber-a35);
  pointer-events: none;
  z-index: 2;
}
.zc-mtm-founder__portrait-img {
  width: 100%; height: 100%;
  object-fit: cover;
  border-radius: 50%;
  display: block;
}
.zc-mtm-founder__role-pill {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 14px;
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 999px;
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--zc-warm-dk);
  box-shadow: 0 4px 10px rgba(18, 12, 4, 0.04);
}
.zc-mtm-founder__role-pill i { color: var(--zc-amber-dk); font-size: 11px; }

/* Copy column, minimal hierarchy, lots of whitespace */
.zc-mtm-founder__copy { display: flex; flex-direction: column; }
.zc-mtm-founder__eyebrow {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 3px; text-transform: uppercase;
  color: var(--zc-warm-mid);
  margin-bottom: 10px;
  align-self: flex-start;
}
@media (max-width: 991px) { .zc-mtm-founder__eyebrow { align-self: center; } }
.zc-mtm-founder__name {
  font-family: var(--zc-f-display);
  font-size: clamp(28px, 2.4vw + 8px, 42px);
  font-weight: 400; letter-spacing: -1.2px; line-height: 1.1;
  color: var(--zc-charcoal); margin: 0 0 4px 0;
}
.zc-mtm-founder__role {
  font-family: var(--zc-f-accent);
  font-size: 13px; color: var(--zc-warm-mid);
  letter-spacing: 0.4px; margin: 0 0 26px 0;
}

/* ───── PREMIUM MESSAGE CARD, refined, non-italic ───── */
.zc-mtm-founder__msg {
  position: relative;
  margin: 0 0 22px 0;
  padding: clamp(28px, 3.2vw, 40px) clamp(28px, 3.2vw, 40px) clamp(22px, 2.6vw, 30px);
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 4px;          /* deliberate sharp-corner restraint */
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 22px 44px rgba(18, 12, 4, 0.05),
    0 4px 10px rgba(18, 12, 4, 0.03);
}
/* Two diagonal corner brackets, top-left and bottom-right */
.zc-mtm-founder__msg-corner {
  position: absolute;
  width: 22px; height: 22px;
  pointer-events: none;
}
.zc-mtm-founder__msg-corner::before,
.zc-mtm-founder__msg-corner::after {
  content: '';
  position: absolute;
  background: var(--zc-amber);
  opacity: 0.55;
}
.zc-mtm-founder__msg-corner--tl { top: -1px; left: -1px; }
.zc-mtm-founder__msg-corner--tl::before { top: 0; left: 0; width: 22px; height: 1px; }
.zc-mtm-founder__msg-corner--tl::after  { top: 0; left: 0; width: 1px;  height: 22px; }
.zc-mtm-founder__msg-corner--br { bottom: -1px; right: -1px; }
.zc-mtm-founder__msg-corner--br::before { bottom: 0; right: 0; width: 22px; height: 1px; }
.zc-mtm-founder__msg-corner--br::after  { bottom: 0; right: 0; width: 1px;  height: 22px; }

/* Big decorative opening quote mark, top-left of card body */
.zc-mtm-founder__msg-mark {
  position: absolute;
  top: clamp(8px, 1.2vw, 14px);
  left: clamp(20px, 2.4vw, 30px);
  font-family: var(--zc-f-display);
  font-size: clamp(60px, 5vw, 96px);
  line-height: 1;
  font-weight: 400;
  color: var(--zc-amber);
  opacity: 0.18;
  pointer-events: none;
  user-select: none;
}

/* Quote text, display font, regular weight, NOT italic */
.zc-mtm-founder__msg-text {
  position: relative;
  font-family: var(--zc-f-display);
  font-size: clamp(15px, 0.7vw + 11px, 18px);
  font-weight: 400;            /* not italic, not too thin */
  font-style: normal;
  line-height: 1.65;
  letter-spacing: -0.1px;
  color: var(--zc-charcoal);
  margin: 0;
}

/* Footer, thin gradient rule + small attribution */
.zc-mtm-founder__msg-foot {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: clamp(20px, 2.4vw, 28px);
}
.zc-mtm-founder__msg-rule {
  flex-shrink: 0;
  width: 36px; height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-dk), var(--zc-amber));
}
.zc-mtm-founder__msg-attr { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.zc-mtm-founder__msg-attr b {
  font-family: var(--zc-f-display);
  font-size: 14px; font-weight: 500;
  letter-spacing: -0.1px;
  color: var(--zc-charcoal);
}
.zc-mtm-founder__msg-attr small {
  font-family: var(--zc-f-accent);
  font-size: 10.5px;
  letter-spacing: 0.6px;
  color: var(--zc-warm-mid);
  text-transform: none;
}

/* Read story, text link only (minimal, not a button) */
.zc-mtm-founder__link {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--zc-f-heading);
  font-size: 11px; font-weight: 700;
  letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--zc-amber-dk);
  text-decoration: none;
  padding-bottom: 3px;
  border-bottom: 1px solid var(--zc-amber-a25);
  transition: gap 0.3s var(--zc-ease-spring), border-color 0.3s var(--zc-ease);
}
.zc-mtm-founder__link:hover { gap: 10px; color: var(--zc-amber-dk); border-color: var(--zc-amber-dk); }
.zc-mtm-founder__link i { font-size: 13px; transition: transform 0.3s var(--zc-ease-spring); }
.zc-mtm-founder__link:hover i { transform: translateX(3px); }
@media (max-width: 991px) {
  .zc-mtm-founder__link { align-self: center; }
  .zc-mtm-founder__msg-foot { justify-content: flex-start; }
}


/* ==========================================================================
   §3  DEPARTMENTS, left header column + 4x2 image card grid
   ========================================================================== */
.zc-mtm-dept {
  position: relative;
  padding: clamp(34px, 4vw, 56px) 0;
  background: linear-gradient(180deg, var(--zc-pearl) 0%, var(--zc-snow) 100%);
}
.zc-mtm-dept__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) {
  .zc-mtm-dept__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); }
}

/* ─── HEADER, top of section, left-aligned, premium & compact ──── */
.zc-mtm-dept__head {
  display: flex; flex-direction: column;
  margin: 0 0 clamp(28px, 3.5vw, 44px);
  max-width: 760px;
}
.zc-mtm-dept__head-top {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 14px;
  min-width: 0;
}
.zc-mtm-dept__eyebrow {
  display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0;
  font-family: var(--zc-f-heading); font-size: 11px; font-weight: 700;
  letter-spacing: 2.6px; text-transform: uppercase;
  color: var(--zc-navy);
}
.zc-mtm-dept__eyebrow-dot {
  display: inline-block; width: 8px; height: 8px; border-radius: 50%;
  background: var(--zc-navy);
  box-shadow: 0 0 10px var(--zc-navy-a30);
}
.zc-mtm-dept__head-rule {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-a45), transparent);
}
.zc-mtm-dept__head-meta {
  flex-shrink: 0;
  font-family: var(--zc-f-accent);
  font-size: 11.5px;
  letter-spacing: 0.4px;
  color: var(--zc-warm-mid);
}
.zc-mtm-dept__head-meta b {
  font-family: var(--zc-f-display);
  font-weight: 500;
  font-size: 14px;
  color: var(--zc-amber-dk);   /* solid amber */
  margin-right: 1px;
}
.zc-mtm-dept__head-meta sup {
  font-size: 0.6em; color: var(--zc-amber-dk);
}
@media (max-width: 600px) {
  .zc-mtm-dept__head-top    { flex-wrap: wrap; gap: 8px; }
  .zc-mtm-dept__head-rule   { display: none; }
}

/* Two-line title, TWO SOLID brand colors (no gradient on text) */
.zc-mtm-dept__title {
  font-family: var(--zc-f-display);
  font-size: clamp(28px, 2.2vw + 12px, 44px);
  font-weight: 400; line-height: 1.1; letter-spacing: -1.2px;
  margin: 0 0 12px 0;
  display: block;
}
.zc-mtm-dept__title-l1 { display: block; color: var(--zc-charcoal); font-weight: 400; }
.zc-mtm-dept__title-l2 { display: block; color: var(--zc-amber-dk); font-weight: 500; font-style: normal; }

.zc-mtm-dept__sub {
  font-family: var(--zc-f-body);
  font-size: 14px; line-height: 1.6;
  color: var(--zc-warm-dk); margin: 0;
}

/* ─── GRID, Row 1: 3 wide cards · Row 2: 5 compact cards ────────
   15-col grid: each row 1 card spans 5 (3 × 5 = 15), each row 2 card spans 3 (5 × 3 = 15) */
.zc-mtm-dept__grid {
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  gap: clamp(12px, 1.4vw, 18px);
}

/* Row 1, first 3 cards, wider landscape */
.zc-mtm-dept__tile:nth-child(-n+3) {
  grid-column: span 5;
  aspect-ratio: 5 / 3;
}

/* Row 2, 5 compact cards, landscape rectangle so the photo isn't half-cut */
.zc-mtm-dept__tile:nth-child(n+4) {
  grid-column: span 3;
  aspect-ratio: 4 / 3;
}

/* Tablet, 6-col grid, row 1: 3 cards × 2 cols, row 2: 6 cards × 1 col (5 + 1 empty) */
@media (max-width: 991px) {
  .zc-mtm-dept__grid { grid-template-columns: repeat(6, 1fr); gap: 12px; }
  .zc-mtm-dept__tile:nth-child(-n+3) { grid-column: span 2; aspect-ratio: 5 / 3; }
  .zc-mtm-dept__tile:nth-child(n+4)  { grid-column: span 2; aspect-ratio: 4 / 3; }   /* landscape, image fits cleanly */
  .zc-mtm-dept__tile:nth-child(7) { grid-column: 2 / span 2; }
  .zc-mtm-dept__tile:nth-child(8) { grid-column: 4 / span 2; }
}

/* Phone, 2-col grid, all cards same aspect, scrollable read */
@media (max-width: 600px) {
  .zc-mtm-dept__grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .zc-mtm-dept__tile:nth-child(-n+3),
  .zc-mtm-dept__tile:nth-child(n+4) {
    grid-column: span 1;
    aspect-ratio: 5 / 4;
  }
  .zc-mtm-dept__tile:nth-child(7),
  .zc-mtm-dept__tile:nth-child(8) { grid-column: span 1; }
}

.zc-mtm-dept__tile {
  position: relative;
  display: block;
  border-radius: 14px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-deep));
  cursor: pointer;
  isolation: isolate;
  transition: transform 0.5s var(--zc-ease-spring), box-shadow 0.5s var(--zc-ease);
}
.zc-mtm-dept__tile:hover {
  transform: translateY(-4px);
  box-shadow: 0 22px 40px rgba(18, 12, 4, 0.18), 0 8px 18px rgba(46, 75, 113, 0.12);
}

/* Background image, slow zoom on hover */
.zc-mtm-dept__tile-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 8s var(--zc-ease-out), filter 0.45s var(--zc-ease);
  filter: saturate(0.95);
  z-index: 0;
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-img {
  transform: scale(1.10);
  filter: saturate(1.05);
}

/* Dark overlay shade, keeps text readable; deepens on hover */
.zc-mtm-dept__tile-shade {
  position: absolute; inset: 0;
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(18, 12, 4, 0.10) 0%, rgba(18, 12, 4, 0.20) 35%, rgba(18, 12, 4, 0.85) 100%),
    linear-gradient(135deg, rgba(46, 75, 113, 0.18) 0%, transparent 60%);
  transition: background 0.45s var(--zc-ease);
}
.zc-mtm-dept__tile--amber .zc-mtm-dept__tile-shade {
  background:
    linear-gradient(180deg, rgba(18, 12, 4, 0.10) 0%, rgba(18, 12, 4, 0.20) 35%, rgba(18, 12, 4, 0.85) 100%),
    linear-gradient(135deg, rgba(207, 138, 63, 0.20) 0%, transparent 60%);
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-shade {
  background:
    linear-gradient(180deg, rgba(18, 12, 4, 0.18) 0%, rgba(18, 12, 4, 0.40) 40%, rgba(18, 12, 4, 0.92) 100%),
    linear-gradient(135deg, rgba(207, 138, 63, 0.30) 0%, transparent 60%);
}

/* Numbered marker, top-left, monospaced */
.zc-mtm-dept__tile-num {
  position: absolute; top: 14px; left: 14px;
  z-index: 3;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 1.4px;
  color: rgba(255, 255, 255, 0.75);
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.30);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 999px;
}
.zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-num {
  /* Row 2, smaller marker on compact tiles */
  font-size: 9.5px; padding: 3px 7px; top: 10px; left: 10px;
}

/* Icon pill, top-right */
.zc-mtm-dept__tile-ic {
  position: absolute; top: 12px; right: 12px;
  z-index: 3;
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 10px;
  font-size: 17px;
  transition: transform 0.4s var(--zc-ease-spring);
}
.zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-ic {
  /* Row 2, smaller icon to keep tile compact */
  width: 30px; height: 30px; font-size: 14px; top: 10px; right: 10px; border-radius: 9px;
}
.zc-mtm-dept__tile--amber .zc-mtm-dept__tile-ic {
  background: var(--zc-amber);     /* SOLID amber, no gradient */
  color: var(--zc-white);
  box-shadow: 0 6px 14px var(--zc-amber-a45);
}
.zc-mtm-dept__tile--navy .zc-mtm-dept__tile-ic {
  background: var(--zc-navy);      /* SOLID navy, no gradient */
  color: var(--zc-amber-lt);
  box-shadow: 0 6px 14px rgba(46, 75, 113, 0.45);
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-ic { transform: scale(1.10) rotate(-6deg); }

/* Body, bottom-left, slides up on hover to reveal CTA */
.zc-mtm-dept__tile-body {
  position: absolute;
  left: 0; right: 0; bottom: 0;
  z-index: 3;
  padding: 14px 16px 16px;
  display: flex; flex-direction: column; gap: 4px;
  transform: translateY(28px);
  transition: transform 0.45s var(--zc-ease-spring);
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-body { transform: translateY(0); }

.zc-mtm-dept__tile-name {
  font-family: var(--zc-f-display);
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.2px;
  line-height: 1.2;
  color: var(--zc-white);          /* SOLID white over photo */
  margin: 0;
}
.zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-name {
  /* Row 2, slightly smaller name to suit compact tiles */
  font-size: 14px; letter-spacing: -0.1px;
}
.zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-body {
  /* Row 2, tighter padding so the body still slides up cleanly */
  padding: 12px 14px 14px;
  transform: translateY(22px);
}
.zc-mtm-dept__tile:nth-child(n+4):hover .zc-mtm-dept__tile-body { transform: translateY(0); }
.zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-sub { font-size: 10.5px; }
.zc-mtm-dept__tile--amber .zc-mtm-dept__tile-name { /* underline accent dot in solid amber */ }
.zc-mtm-dept__tile-name::after {
  content: '';
  display: inline-block;
  width: 4px; height: 4px;
  border-radius: 50%;
  margin-left: 6px;
  vertical-align: middle;
  background: var(--zc-amber);
}
.zc-mtm-dept__tile--navy .zc-mtm-dept__tile-name::after { background: var(--zc-amber-lt); }

.zc-mtm-dept__tile-sub {
  font-family: var(--zc-f-accent);
  font-size: 11.5px;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.78);
  margin: 0;
  /* Hidden by default, fades in when body slides up */
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.45s var(--zc-ease) 0.05s, transform 0.45s var(--zc-ease-spring) 0.05s;
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-sub { opacity: 1; transform: translateY(0); }

.zc-mtm-dept__tile-cta {
  display: inline-flex; align-items: center; gap: 6px;
  margin-top: 8px;
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 1.4px; text-transform: uppercase;
  color: var(--zc-amber-lt);       /* SOLID, no gradient */
  opacity: 0;
  transform: translateY(8px);
  transition: opacity 0.45s var(--zc-ease) 0.1s, transform 0.45s var(--zc-ease-spring) 0.1s;
}
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-cta { opacity: 1; transform: translateY(0); }
.zc-mtm-dept__tile-cta i { transition: transform 0.3s var(--zc-ease-spring); }
.zc-mtm-dept__tile:hover .zc-mtm-dept__tile-cta i { transform: translateX(3px); }


/* ==========================================================================
   §4  SENIOR SPECIALISTS, premium editorial doctor cards
   ========================================================================== */
.zc-mtm-spec {
  position: relative;
  padding: clamp(40px, 4.5vw, 64px) 0;
  background: var(--zc-off-white);
}
.zc-mtm-spec__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) {
  .zc-mtm-spec__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); }
}

/* ─── Premium compact header (matches §3 head pattern) ──────────── */
.zc-mtm-spec__head {
  display: flex; flex-direction: column;
  margin: 0 0 clamp(28px, 3.5vw, 44px);
  max-width: 760px;
}
.zc-mtm-spec__head-top {
  display: flex; align-items: center; gap: 14px;
  margin-bottom: 14px;
  min-width: 0;
}
.zc-mtm-spec__eyebrow {
  display: inline-flex; align-items: center; flex-shrink: 0;
  font-family: var(--zc-f-heading); font-size: 11px; font-weight: 700;
  letter-spacing: 2.6px; text-transform: uppercase;
  color: var(--zc-amber-dk);
}
.zc-mtm-spec__head-rule {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-a45), transparent);
}
.zc-mtm-spec__head-meta {
  flex-shrink: 0;
  font-family: var(--zc-f-accent); font-size: 11.5px;
  letter-spacing: 0.4px; color: var(--zc-warm-mid);
}
.zc-mtm-spec__head-meta b {
  font-family: var(--zc-f-display);
  font-weight: 500; font-size: 14px;
  color: var(--zc-amber-dk);
  margin-right: 1px;
}
@media (max-width: 600px) {
  .zc-mtm-spec__head-top  { flex-wrap: wrap; gap: 8px; }
  .zc-mtm-spec__head-rule { display: none; }
}

/* Single-line title, solid charcoal + amber accent on the highlighted word */
.zc-mtm-spec__title {
  font-family: var(--zc-f-display);
  font-size: clamp(28px, 2.2vw + 12px, 44px);
  font-weight: 400; line-height: 1.15; letter-spacing: -1.2px;
  color: var(--zc-charcoal);
  margin: 0 0 12px 0;
}
.zc-mtm-spec__title-accent {
  color: var(--zc-amber-dk);   /* solid amber, no gradient */
  font-weight: 500;
  font-style: normal;
}

.zc-mtm-spec__sub {
  font-family: var(--zc-f-body);
  font-size: 14px; line-height: 1.6;
  color: var(--zc-warm-dk); margin: 0;
}

/* ─── GRID, 2 cols × 3 rows of horizontal magazine cards ─────── */
.zc-mtm-spec__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(18px, 2vw, 28px);
}
@media (max-width: 1199px) { .zc-mtm-spec__grid { grid-template-columns: 1fr; gap: 18px; } }

/* ─── PREMIUM DOCTOR CARD, image left + details right ─────────── */
.zc-mtm-spec__card {
  position: relative;
  display: grid;
  grid-template-columns: 220px 1fr;
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 6px;            /* magazine corners */
  overflow: hidden;
  min-height: 280px;
  transition: transform 0.5s var(--zc-ease-spring), box-shadow 0.5s var(--zc-ease), border-color 0.5s var(--zc-ease);
}
@media (max-width: 1399px) and (min-width: 1200px) {
  .zc-mtm-spec__card { grid-template-columns: 200px 1fr; min-height: 260px; }
}
@media (max-width: 600px) {
  .zc-mtm-spec__card { grid-template-columns: 1fr; min-height: 0; }
}
.zc-mtm-spec__card::before {
  /* Top hairline, appears on hover */
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  opacity: 0;
  transform: scaleX(0.3); transform-origin: left;
  transition: opacity 0.4s var(--zc-ease), transform 0.5s var(--zc-ease-spring);
  z-index: 4;
}
.zc-mtm-spec__card--amber::before { background: var(--zc-amber); }
.zc-mtm-spec__card--navy::before  { background: var(--zc-navy);  }
.zc-mtm-spec__card:hover {
  transform: translateY(-5px);
  border-color: var(--zc-amber-a35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 26px 50px rgba(18, 12, 4, 0.10),
    0 8px 18px rgba(207, 138, 63, 0.10);
}
.zc-mtm-spec__card:hover::before { opacity: 1; transform: scaleX(1); }

/* ── PHOTO ZONE, fills left column, full card height ──────────── */
.zc-mtm-spec__photo {
  position: relative;
  margin: 0;
  height: 100%;
  min-height: 280px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-deep));
}
@media (max-width: 600px) {
  .zc-mtm-spec__photo { aspect-ratio: 4 / 3; min-height: 220px; height: auto; }
}
.zc-mtm-spec__photo-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 8s var(--zc-ease-out);
}
.zc-mtm-spec__card:hover .zc-mtm-spec__photo-img { transform: scale(1.06); }

.zc-mtm-spec__photo-veil {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, transparent 50%, rgba(18, 12, 4, 0.55) 100%);
}
.zc-mtm-spec__card--amber .zc-mtm-spec__photo-veil {
  background:
    linear-gradient(180deg, transparent 50%, rgba(18, 12, 4, 0.55) 100%),
    linear-gradient(135deg, rgba(207, 138, 63, 0.10) 0%, transparent 50%);
  mix-blend-mode: multiply;
}
.zc-mtm-spec__card--navy .zc-mtm-spec__photo-veil {
  background:
    linear-gradient(180deg, transparent 50%, rgba(18, 12, 4, 0.55) 100%),
    linear-gradient(135deg, rgba(46, 75, 113, 0.18) 0%, transparent 55%);
  mix-blend-mode: multiply;
}

/* Editorial corner brackets on the photo */
.zc-mtm-spec__photo-bracket {
  position: absolute;
  width: 22px; height: 22px;
  pointer-events: none;
  z-index: 3;
}
.zc-mtm-spec__photo-bracket::before,
.zc-mtm-spec__photo-bracket::after {
  content: ''; position: absolute;
  background: rgba(255, 255, 255, 0.85);
}
.zc-mtm-spec__photo-bracket--tl { top: 12px; left: 12px; }
.zc-mtm-spec__photo-bracket--tl::before { top: 0; left: 0; width: 22px; height: 1px; }
.zc-mtm-spec__photo-bracket--tl::after  { top: 0; left: 0; width: 1px;  height: 22px; }
.zc-mtm-spec__photo-bracket--br { bottom: 12px; right: 12px; }
.zc-mtm-spec__photo-bracket--br::before { bottom: 0; right: 0; width: 22px; height: 1px; }
.zc-mtm-spec__photo-bracket--br::after  { bottom: 0; right: 0; width: 1px;  height: 22px; }

/* Numbered marker, top-right of photo column */
.zc-mtm-spec__photo-num {
  position: absolute;
  top: 12px; right: 12px;
  z-index: 3;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: 1.4px;
  color: rgba(255, 255, 255, 0.85);
  padding: 3px 8px;
  background: rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Verified badge, bottom-left of the photo column */
.zc-mtm-spec__photo-badge {
  position: absolute;
  bottom: 14px; left: 14px;
  z-index: 3;
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px 5px 8px;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid var(--zc-amber-a25);
  border-radius: 999px;
  font-family: var(--zc-f-heading);
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--zc-amber-dk);
  white-space: nowrap;
  box-shadow: 0 6px 14px rgba(18, 12, 4, 0.18);
}
.zc-mtm-spec__photo-badge i { font-size: 11px; color: var(--zc-amber); }

/* ── BODY, right column, generous padding, clean hierarchy ────── */
.zc-mtm-spec__body {
  display: flex; flex-direction: column;
  padding: clamp(18px, 1.6vw, 24px) clamp(20px, 1.8vw, 28px);
  min-width: 0;
}
.zc-mtm-spec__specialty {
  display: inline-flex; align-self: flex-start;
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 1.8px; text-transform: uppercase;
  margin: 0 0 8px 0;
  line-height: 1.3;
}
.zc-mtm-spec__card--amber .zc-mtm-spec__specialty { color: var(--zc-amber-dk); }
.zc-mtm-spec__card--navy  .zc-mtm-spec__specialty { color: var(--zc-navy); }

.zc-mtm-spec__name {
  font-family: var(--zc-f-display);
  font-size: 21px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1.15;
  color: var(--zc-charcoal);
  margin: 0 0 6px 0;
}
.zc-mtm-spec__quals {
  font-family: var(--zc-f-accent);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1px;
  color: var(--zc-warm-mid);
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Thin gradient divider */
.zc-mtm-spec__divider {
  display: block;
  width: 100%;
  height: 1px;
  margin: 14px 0 12px;
  background: linear-gradient(90deg, var(--zc-linen), transparent);
}
.zc-mtm-spec__card--amber .zc-mtm-spec__divider {
  background: linear-gradient(90deg, var(--zc-amber-a35), transparent);
}
.zc-mtm-spec__card--navy .zc-mtm-spec__divider {
  background: linear-gradient(90deg, var(--zc-navy-a30), transparent);
}

/* "Specialises in" + bullet list (2 columns since cards are wider now) */
.zc-mtm-spec__expertise { display: flex; flex-direction: column; gap: 8px; }
.zc-mtm-spec__expertise-label {
  font-family: var(--zc-f-heading);
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--zc-warm-mid);
}
.zc-mtm-spec__expertise-list {
  list-style: none;
  padding: 0; margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5px 14px;
}
@media (max-width: 600px) {
  .zc-mtm-spec__expertise-list { grid-template-columns: 1fr; }
}
.zc-mtm-spec__expertise-list li {
  position: relative;
  padding-left: 13px;
  font-family: var(--zc-f-body);
  font-size: 12px; line-height: 1.4;
  color: var(--zc-warm-dk);
}
.zc-mtm-spec__expertise-list li::before {
  content: '';
  position: absolute;
  left: 0; top: 7px;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--zc-amber);
}
.zc-mtm-spec__card--navy .zc-mtm-spec__expertise-list li::before { background: var(--zc-navy); }

/* ── VIEW PROFILE, single refined CTA, sits at bottom of body ──── */
.zc-mtm-spec__view {
  display: inline-flex; align-self: flex-start;
  align-items: center; gap: 8px;
  margin-top: auto;
  padding-top: 16px;
  font-family: var(--zc-f-heading);
  font-size: 11px; font-weight: 700;
  letter-spacing: 1.6px; text-transform: uppercase;
  text-decoration: none;
  color: var(--zc-charcoal);
  position: relative;
  transition: color 0.3s var(--zc-ease), gap 0.35s var(--zc-ease-spring);
}
.zc-mtm-spec__view::after {
  /* Refined under-line that grows on hover */
  content: '';
  position: absolute;
  left: 0; right: 18px; bottom: -2px;
  height: 1px;
  background: var(--zc-charcoal);
  transform: scaleX(0.35);
  transform-origin: left;
  transition: transform 0.45s var(--zc-ease-spring), background 0.3s var(--zc-ease);
}
.zc-mtm-spec__card--amber .zc-mtm-spec__view:hover { color: var(--zc-amber-dk); }
.zc-mtm-spec__card--amber .zc-mtm-spec__view:hover::after { background: var(--zc-amber-dk); transform: scaleX(1); }
.zc-mtm-spec__card--navy  .zc-mtm-spec__view:hover { color: var(--zc-navy); }
.zc-mtm-spec__card--navy  .zc-mtm-spec__view:hover::after { background: var(--zc-navy); transform: scaleX(1); }
.zc-mtm-spec__view:hover { gap: 12px; }
.zc-mtm-spec__view i {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px;
  border-radius: 50%;
  border: 1px solid var(--zc-linen);
  font-size: 10px;
  transition: all 0.4s var(--zc-ease-spring);
}
.zc-mtm-spec__card--amber .zc-mtm-spec__view:hover i { background: var(--zc-amber); border-color: var(--zc-amber); color: var(--zc-white); transform: rotate(-15deg); }
.zc-mtm-spec__card--navy  .zc-mtm-spec__view:hover i { background: var(--zc-navy);  border-color: var(--zc-navy);  color: var(--zc-white); transform: rotate(-15deg); }


/* ==========================================================================
   §5  IVF LAB, editorial timeline + cinematic feature
   --------------------------------------------------------------------------
   Visual language is intentionally DIFFERENT from §1/§2 (no orbit/floating
   cards):  drop-cap editorial lead, a 5-step horizontal numbered timeline
   with a connecting amber rule, then a wide cinematic lab photograph with
   magazine-style overlay caption + a clean editorial sidebar (roster &
   standards panels). Premium magazine spread, not portrait gallery.
   ========================================================================== */
.zc-mtm-lab {
  position: relative;
  padding: clamp(40px, 4.5vw, 68px) 0;
  background:
    radial-gradient(ellipse at 95% 5%, rgba(207, 138, 63, 0.06) 0%, transparent 45%),
    radial-gradient(ellipse at 5% 95%, rgba(46, 75, 113, 0.05)  0%, transparent 45%),
    var(--zc-off-white);
  overflow: hidden;
}
.zc-mtm-lab::before {
  content: '';
  position: absolute; top: 0; left: 50%;
  width: 80px; height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--zc-amber), transparent);
}
.zc-mtm-lab__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) {
  .zc-mtm-lab__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); }
}

/* ── Editorial header, restrained, drop-cap lead ──────────────── */
.zc-mtm-lab__head {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: clamp(24px, 3vw, 56px);
  align-items: end;
  margin: 0 0 clamp(40px, 5vw, 72px);
}
@media (max-width: 991px) { .zc-mtm-lab__head { grid-template-columns: 1fr; gap: 18px; align-items: start; } }

.zc-mtm-lab__overline {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-warm-mid);
  margin-bottom: 14px;
  display: block;
}
.zc-mtm-lab__title {
  font-family: var(--zc-f-display);
  font-size: clamp(34px, 3vw + 14px, 60px);
  font-weight: 400; line-height: 1.05; letter-spacing: -1.6px;
  color: var(--zc-charcoal);
  margin: 0;
  grid-column: 1;
}
.zc-mtm-lab__title-accent {
  color: var(--zc-amber-dk);
  font-weight: 500;
  font-style: normal;
}
.zc-mtm-lab__lead {
  font-family: var(--zc-f-body);
  font-size: 14.5px; line-height: 1.7;
  color: var(--zc-warm-dk);
  margin: 0;
  grid-column: 2;
  align-self: end;
  position: relative;
}
@media (max-width: 991px) { .zc-mtm-lab__lead { grid-column: 1; align-self: start; } }
.zc-mtm-lab__dropcap {
  float: left;
  font-family: var(--zc-f-display);
  font-size: clamp(48px, 4.5vw, 68px);
  font-weight: 400;
  line-height: 0.85;
  letter-spacing: -2px;
  color: var(--zc-amber-dk);
  margin: -6px 10px 0 0;
  padding: 0;
}

/* THE PROCESS, 5-step editorial timeline (hero of the section) */
.zc-mtm-lab__process {
  margin: 0 0 clamp(48px, 5vw, 72px);
  padding: clamp(28px, 3vw, 44px) clamp(20px, 2.4vw, 36px);
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 28px 50px rgba(18, 12, 4, 0.05), 0 6px 14px rgba(18, 12, 4, 0.03);
  position: relative;
}
.zc-mtm-lab__process::before {
  content: '';
  position: absolute;
  top: 14px; left: 14px;
  width: 24px; height: 24px;
  border-top: 1px solid var(--zc-amber);
  border-left: 1px solid var(--zc-amber);
}
.zc-mtm-lab__process::after {
  content: '';
  position: absolute;
  bottom: 14px; right: 14px;
  width: 24px; height: 24px;
  border-bottom: 1px solid var(--zc-amber);
  border-right: 1px solid var(--zc-amber);
}

.zc-mtm-lab__process-head { text-align: center; margin: 0 0 clamp(28px, 3vw, 44px); }
.zc-mtm-lab__process-eyebrow {
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-amber-dk);
  display: block; margin-bottom: 8px;
}
.zc-mtm-lab__process-title {
  font-family: var(--zc-f-display);
  font-size: clamp(20px, 1.6vw + 10px, 30px);
  font-weight: 400; line-height: 1.2; letter-spacing: -0.8px;
  color: var(--zc-charcoal);
  margin: 0;
}
.zc-mtm-lab__process-title-accent { color: var(--zc-amber-dk); font-weight: 500; }

.zc-mtm-lab__process-rail {
  list-style: none; margin: 0; padding: 0;
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(8px, 1vw, 14px);
}
@media (max-width: 991px) { .zc-mtm-lab__process-rail { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .zc-mtm-lab__process-rail { grid-template-columns: 1fr; } }

.zc-mtm-lab__process-line {
  position: absolute;
  left: 8%; right: 8%;
  top: 28px;
  height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-a25), var(--zc-amber-a45) 30%, var(--zc-amber-a45) 70%, var(--zc-amber-a25));
  z-index: 0;
}
@media (max-width: 991px) { .zc-mtm-lab__process-line { display: none; } }

.zc-mtm-lab__step {
  position: relative;
  z-index: 1;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  padding: 0 6px;
  cursor: default;
}
.zc-mtm-lab__step-num {
  display: inline-flex; align-items: center; justify-content: center;
  width: 56px; height: 56px;
  border-radius: 50%;
  background: var(--zc-white);
  border: 1px solid var(--zc-amber-a35);
  font-family: var(--zc-f-display);
  font-size: 18px; font-weight: 500;
  letter-spacing: -0.5px;
  color: var(--zc-amber-dk);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 8px 18px rgba(207, 138, 63, 0.15);
  margin-bottom: 14px;
  transition: all 0.4s var(--zc-ease-spring);
  position: relative;
}
.zc-mtm-lab__step-num::after {
  content: '';
  position: absolute;
  inset: 4px;
  border-radius: 50%;
  border: 1px dashed var(--zc-amber-a25);
}
.zc-mtm-lab__step:hover .zc-mtm-lab__step-num {
  transform: scale(1.08);
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  border-color: transparent;
  box-shadow: 0 14px 26px var(--zc-amber-a45);
}
.zc-mtm-lab__step:hover .zc-mtm-lab__step-num::after { border-color: rgba(255, 255, 255, 0.45); }

.zc-mtm-lab__step-day {
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 1.4px;
  color: var(--zc-amber-dk);
  text-transform: uppercase;
  margin-bottom: 6px;
}
.zc-mtm-lab__step-ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  font-size: 14px;
  color: var(--zc-warm-mid);
  margin-bottom: 6px;
  transition: color 0.3s var(--zc-ease);
}
.zc-mtm-lab__step:hover .zc-mtm-lab__step-ic { color: var(--zc-amber-dk); }
.zc-mtm-lab__step-name {
  font-family: var(--zc-f-display);
  font-size: 14px; font-weight: 500;
  letter-spacing: -0.2px; line-height: 1.2;
  color: var(--zc-charcoal);
  margin: 0 0 4px 0;
}
.zc-mtm-lab__step-desc {
  font-family: var(--zc-f-accent);
  font-size: 11px; line-height: 1.45;
  color: var(--zc-warm-mid);
  margin: 0;
  letter-spacing: 0.1px;
}

/* LAB FEATURE, wide cinematic photo + editorial sidebar */
.zc-mtm-lab__feature {
  display: grid;
  grid-template-columns: 1.4fr 1fr;
  gap: clamp(22px, 2.5vw, 36px);
  align-items: stretch;
}
@media (max-width: 991px) { .zc-mtm-lab__feature { grid-template-columns: 1fr; gap: 22px; } }

.zc-mtm-lab__photo {
  position: relative;
  margin: 0;
  aspect-ratio: 16 / 11;
  border-radius: 4px;
  overflow: hidden;
  background: linear-gradient(135deg, var(--zc-charcoal), var(--zc-deep));
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 28px 60px rgba(18, 12, 4, 0.18),
    0 8px 18px rgba(46, 75, 113, 0.10);
}
@media (max-width: 480px) { .zc-mtm-lab__photo { aspect-ratio: 4 / 3; } }
.zc-mtm-lab__photo-img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transition: transform 12s var(--zc-ease-out);
  filter: saturate(0.95) contrast(1.05);
}
.zc-mtm-lab__photo:hover .zc-mtm-lab__photo-img { transform: scale(1.05); }
.zc-mtm-lab__photo-vignette {
  position: absolute; inset: 0; pointer-events: none;
  background:
    linear-gradient(180deg, rgba(18, 12, 4, 0.10) 0%, transparent 30%, rgba(18, 12, 4, 0.65) 100%),
    radial-gradient(ellipse at 50% 100%, transparent 50%, rgba(18, 12, 4, 0.30) 100%),
    linear-gradient(135deg, rgba(46, 75, 113, 0.18) 0%, transparent 60%);
  mix-blend-mode: multiply;
}

.zc-mtm-lab__live {
  position: absolute;
  top: 16px; right: 16px;
  z-index: 3;
  display: inline-flex; align-items: center; gap: 9px;
  padding: 8px 14px 8px 11px;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(10px) saturate(1.2);
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  white-space: nowrap;
  box-shadow: 0 8px 20px rgba(18, 12, 4, 0.30);
}
.zc-mtm-lab__live-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--zc-success);
  box-shadow: 0 0 10px var(--zc-success);
  animation: zc-mtm-blink 2s ease-in-out infinite;
  flex-shrink: 0;
}
.zc-mtm-lab__live-text { display: flex; flex-direction: column; gap: 0; line-height: 1.05; }
.zc-mtm-lab__live-text b {
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 1.2px; text-transform: uppercase;
  color: var(--zc-amber-lt);
}
.zc-mtm-lab__live-text small {
  font-family: var(--zc-f-accent);
  font-size: 8.5px;
  letter-spacing: 0.6px;
  color: rgba(255, 255, 255, 0.65);
  margin-top: 2px;
}

.zc-mtm-lab__photo-caption {
  position: absolute;
  bottom: 22px; left: 24px; right: 24px;
  z-index: 3;
  display: flex; align-items: flex-end; gap: 14px;
  color: var(--zc-white);
}
.zc-mtm-lab__photo-caption-line {
  flex-shrink: 0;
  width: 36px; height: 1px;
  margin-bottom: 10px;
  background: var(--zc-amber);
}
.zc-mtm-lab__photo-overline {
  display: block;
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 2.2px; text-transform: uppercase;
  color: var(--zc-amber-lt);
  margin-bottom: 4px;
}
.zc-mtm-lab__photo-title {
  font-family: var(--zc-f-display);
  font-size: clamp(20px, 1.4vw + 8px, 28px);
  font-weight: 400; letter-spacing: -0.6px;
  color: var(--zc-white);
  margin: 0;
  line-height: 1.1;
}

.zc-mtm-lab__aside {
  display: flex; flex-direction: column;
  gap: clamp(16px, 1.6vw, 22px);
}
.zc-mtm-lab__panel {
  position: relative;
  padding: clamp(20px, 2vw, 26px);
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 14px 30px rgba(18, 12, 4, 0.04);
  transition: border-color 0.4s var(--zc-ease);
}
.zc-mtm-lab__panel::before {
  content: '';
  position: absolute;
  top: 0; left: clamp(20px, 2vw, 26px);
  width: 36px; height: 2px;
  background: var(--zc-amber);
}
.zc-mtm-lab__panel--standards::before { background: var(--zc-navy); }
.zc-mtm-lab__panel:hover { border-color: var(--zc-amber-a35); }

.zc-mtm-lab__panel-head { margin: 6px 0 14px; }
.zc-mtm-lab__panel-overline {
  font-family: var(--zc-f-heading);
  font-size: 9.5px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--zc-amber-dk);
  display: block; margin-bottom: 4px;
}
.zc-mtm-lab__panel--standards .zc-mtm-lab__panel-overline { color: var(--zc-navy); }
.zc-mtm-lab__panel-title {
  font-family: var(--zc-f-display);
  font-size: 17px; font-weight: 500;
  letter-spacing: -0.3px;
  color: var(--zc-charcoal);
  margin: 0;
}

.zc-mtm-lab__roster { list-style: none; padding: 0; margin: 0; }
.zc-mtm-lab__roster-row {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--zc-linen);
}
.zc-mtm-lab__roster-row:last-child { border-bottom: 0; padding-bottom: 0; }
.zc-mtm-lab__roster-row:first-child { padding-top: 0; }
.zc-mtm-lab__roster-init {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 0.4px;
  border: 2px solid var(--zc-white);
  box-shadow: 0 4px 10px var(--zc-amber-a35);
}
.zc-mtm-lab__roster-row:nth-child(2n) .zc-mtm-lab__roster-init {
  background: linear-gradient(135deg, var(--zc-navy-soft), var(--zc-navy));
  box-shadow: 0 4px 10px rgba(46, 75, 113, 0.30);
}
.zc-mtm-lab__roster-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
.zc-mtm-lab__roster-info b {
  font-family: var(--zc-f-display);
  font-size: 13px; font-weight: 500;
  color: var(--zc-charcoal);
  letter-spacing: -0.05px;
}
.zc-mtm-lab__roster-info small {
  font-family: var(--zc-f-accent);
  font-size: 11px;
  color: var(--zc-warm-mid);
  letter-spacing: 0.2px;
}
.zc-mtm-lab__roster-years {
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 10px;
  color: var(--zc-amber-dk);
  letter-spacing: 0.6px;
  flex-shrink: 0;
  padding: 3px 8px;
  border: 1px solid var(--zc-amber-a25);
  border-radius: 999px;
}

.zc-mtm-lab__standards { list-style: none; padding: 0; margin: 0; }
.zc-mtm-lab__standards li {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--zc-linen);
  font-family: var(--zc-f-body);
  font-size: 12.5px;
  color: var(--zc-warm-dk);
  letter-spacing: 0.1px;
}
.zc-mtm-lab__standards li:last-child { border-bottom: 0; padding-bottom: 0; }
.zc-mtm-lab__standards li:first-child { padding-top: 0; }
.zc-mtm-lab__standards li i {
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px;
  border-radius: 6px;
  background: rgba(46, 75, 113, 0.06);
  color: var(--zc-navy);
  font-size: 13px;
}


/* ==========================================================================
   §6  COUNSELLING & WELLNESS, luxury wellness-menu spread
   --------------------------------------------------------------------------
   Distinct visual language: warm cream/sand tones, concentric-ring ornament
   around each icon (decorative wreath that slowly rotates), numbered menu
   markers, italic wellness chips, and a faded large signature initial in
   the corner. Reads like a luxury spa menu, not a clinic page.
   ========================================================================== */
.zc-mtm-well {
  position: relative;
  padding: clamp(40px, 4.5vw, 68px) 0;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(245, 211, 163, 0.35) 0%, transparent 50%),
    radial-gradient(ellipse at 0% 100%, rgba(245, 211, 163, 0.20) 0%, transparent 40%),
    linear-gradient(180deg, var(--zc-pearl) 0%, #faf6ee 100%);
}
.zc-mtm-well__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) { .zc-mtm-well__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); } }

/* ── Header, split editorial: title left, lead right ────────── */
.zc-mtm-well__head {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(24px, 3vw, 56px);
  align-items: end;
  margin: 0 0 clamp(40px, 5vw, 72px);
}
@media (max-width: 991px) { .zc-mtm-well__head { grid-template-columns: 1fr; align-items: start; gap: 18px; } }

.zc-mtm-well__head-l { display: flex; flex-direction: column; }
.zc-mtm-well__overline {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-warm-mid);
  margin-bottom: 14px;
}
.zc-mtm-well__title {
  font-family: var(--zc-f-display);
  font-size: clamp(30px, 2.6vw + 12px, 50px);
  font-weight: 400; line-height: 1.05; letter-spacing: -1.4px;
  color: var(--zc-charcoal);
  margin: 0;
}
.zc-mtm-well__title-accent {
  color: var(--zc-amber-dk);
  font-weight: 500;
  font-style: normal;
}
.zc-mtm-well__lead {
  font-family: var(--zc-f-body);
  font-size: 14.5px; line-height: 1.7;
  color: var(--zc-warm-dk);
  margin: 0;
  align-self: end;
}

/* ── Three luxury wellness-menu cards ────────────────────────── */
.zc-mtm-well__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2vw, 28px);
}
@media (max-width: 991px) { .zc-mtm-well__grid { grid-template-columns: 1fr; gap: 18px; } }

.zc-mtm-well__card {
  position: relative;
  display: flex; flex-direction: column;
  padding: clamp(28px, 3vw, 40px) clamp(24px, 2.4vw, 32px) clamp(24px, 2.4vw, 32px);
  background:
    radial-gradient(ellipse at 50% 0%, rgba(245, 211, 163, 0.40) 0%, transparent 60%),
    linear-gradient(180deg, #fbf6eb, #f6efe1);
  border: 1px solid rgba(207, 138, 63, 0.18);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.5s var(--zc-ease-spring), box-shadow 0.5s var(--zc-ease), border-color 0.5s var(--zc-ease);
}
/* Top-left numbered marker */
.zc-mtm-well__card-num {
  position: absolute;
  top: 16px; left: 16px;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 10.5px;
  letter-spacing: 1.4px;
  color: var(--zc-amber-dk);
  opacity: 0.75;
  z-index: 2;
}
/* Top-left + bottom-right corner brackets, editorial frame */
.zc-mtm-well__card::before,
.zc-mtm-well__card::after {
  content: '';
  position: absolute;
  width: 18px; height: 18px;
  border: 1px solid var(--zc-amber-a35);
  pointer-events: none;
  transition: width 0.45s var(--zc-ease-spring), height 0.45s var(--zc-ease-spring);
}
.zc-mtm-well__card::before { top: 8px; left: 8px; border-right: 0; border-bottom: 0; }
.zc-mtm-well__card::after  { bottom: 8px; right: 8px; border-left: 0; border-top: 0; }
.zc-mtm-well__card:hover {
  transform: translateY(-5px);
  border-color: var(--zc-amber-a45);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 22px 44px rgba(207, 138, 63, 0.18);
}
.zc-mtm-well__card:hover::before,
.zc-mtm-well__card:hover::after { width: 28px; height: 28px; }

/* Decorative concentric-ring wreath ornament around the icon */
.zc-mtm-well__card-ornament {
  position: relative;
  align-self: center;
  width: clamp(110px, 9vw, 140px);
  aspect-ratio: 1 / 1;
  margin: 6px 0 22px;
  display: flex; align-items: center; justify-content: center;
}
.zc-mtm-well__card-ring {
  position: absolute; inset: 0;
  border-radius: 50%;
}
.zc-mtm-well__card-ring--outer {
  border: 1px dashed var(--zc-amber-a35);
  animation: zc-mtm-well-spin 60s linear infinite;
}
.zc-mtm-well__card-ring--mid {
  inset: 14%;
  border: 1px solid var(--zc-amber-a25);
}
.zc-mtm-well__card-disc {
  position: relative;
  z-index: 1;
  width: 64%; height: 64%;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.40), transparent 60%),
    linear-gradient(135deg, var(--zc-amber-soft), var(--zc-amber));
  color: var(--zc-white);
  font-size: 30px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.50) inset, 0 14px 28px var(--zc-amber-a45);
  transition: transform 0.5s var(--zc-ease-spring);
}
.zc-mtm-well__card:hover .zc-mtm-well__card-disc { transform: scale(1.06) rotate(-6deg); }
@keyframes zc-mtm-well-spin { to { transform: rotate(360deg); } }

/* Service-type tag pill */
.zc-mtm-well__card-tag {
  align-self: flex-start;
  display: inline-block;
  padding: 5px 11px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--zc-amber-a25);
  border-radius: 999px;
  font-family: var(--zc-f-heading);
  font-size: 9.5px; font-weight: 700;
  letter-spacing: 1.6px; text-transform: uppercase;
  color: var(--zc-amber-dk);
}

.zc-mtm-well__card-name {
  font-family: var(--zc-f-display);
  font-size: 19px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 1.2;
  color: var(--zc-charcoal);
  margin: 0 0 8px 0;
}
.zc-mtm-well__card-desc {
  font-family: var(--zc-f-body);
  font-size: 13px; line-height: 1.6;
  color: var(--zc-warm-dk);
  margin: 0 0 16px 0;
}

/* Service chips, italic accent, refined */
.zc-mtm-well__card-services {
  display: flex; flex-wrap: wrap; gap: 5px 6px;
  padding-top: 14px;
  border-top: 1px dashed var(--zc-amber-a25);
}
.zc-mtm-well__card-chip {
  display: inline-flex; align-items: center;
  padding: 4px 10px;
  background: rgba(255, 255, 255, 0.65);
  border: 1px solid var(--zc-linen);
  border-radius: 999px;
  font-family: var(--zc-f-accent);
  font-style: normal;
  font-size: 10.5px;
  letter-spacing: 0.2px;
  color: var(--zc-warm-dk);
}

/* Faded signature initial, bottom-right of the card, large but quiet */
.zc-mtm-well__card-sig {
  position: absolute;
  right: 16px; bottom: 12px;
  font-family: var(--zc-f-display);
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -2px;
  color: var(--zc-amber);
  opacity: 0.10;
  pointer-events: none;
  line-height: 1;
  user-select: none;
}


/* ==========================================================================
   §7  NURSING & PATIENT CARE, pull-quote + portrait wall
   --------------------------------------------------------------------------
   Distinct visual language: large editorial pull-quote on a textured cream
   panel + service-guarantee ribbon + 4×2 portrait wall with refined cards
   showing tenure pills (years with Zivah). Magazine "feature on the unsung
   heroes" feel.
   ========================================================================== */
.zc-mtm-nurse {
  position: relative;
  padding: clamp(40px, 4.5vw, 68px) 0;
  background: linear-gradient(180deg, #faf6ee 0%, var(--zc-snow) 100%);
}
.zc-mtm-nurse__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) { .zc-mtm-nurse__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); } }

/* ── Header ────────────────────────────────────────────────── */
.zc-mtm-nurse__head { margin: 0 0 clamp(28px, 3vw, 40px); max-width: 800px; }
.zc-mtm-nurse__overline {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-warm-mid);
  margin-bottom: 14px;
  display: block;
}
.zc-mtm-nurse__title {
  font-family: var(--zc-f-display);
  font-size: clamp(30px, 2.6vw + 12px, 50px);
  font-weight: 400; line-height: 1.05; letter-spacing: -1.4px;
  color: var(--zc-charcoal);
  margin: 0;
}
.zc-mtm-nurse__title-accent {
  color: var(--zc-amber-dk);
  font-weight: 500;
  font-style: normal;
}

/* ── Editorial pull-quote panel ────────────────────────────── */
.zc-mtm-nurse__pull {
  position: relative;
  margin: 0 0 clamp(20px, 2.4vw, 32px);
  padding: clamp(36px, 4vw, 56px) clamp(28px, 3vw, 56px);
  background:
    radial-gradient(ellipse at 100% 0%, rgba(207, 138, 63, 0.10) 0%, transparent 50%),
    linear-gradient(135deg, var(--zc-white), #fbf6eb);
  border: 1px solid var(--zc-amber-a18);
  border-radius: 4px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 22px 44px rgba(18, 12, 4, 0.05);
  overflow: hidden;
}
.zc-mtm-nurse__pull::before {
  /* Top-right amber accent corner bracket */
  content: '';
  position: absolute;
  top: 14px; right: 14px;
  width: 28px; height: 28px;
  border-top: 1px solid var(--zc-amber);
  border-right: 1px solid var(--zc-amber);
}
.zc-mtm-nurse__pull-mark {
  position: absolute;
  top: 14px; left: 24px;
  font-family: var(--zc-f-display);
  font-size: clamp(80px, 8vw, 130px);
  line-height: 0.7;
  font-weight: 400;
  color: var(--zc-amber);
  opacity: 0.18;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}
.zc-mtm-nurse__pull-quote {
  position: relative;
  z-index: 1;
  font-family: var(--zc-f-display);
  font-size: clamp(20px, 1.4vw + 12px, 32px);
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.6px;
  color: var(--zc-charcoal);
  margin: 0;
  font-style: normal;
}
.zc-mtm-nurse__pull-quote b {
  font-weight: 500;
  color: var(--zc-amber-dk);
}
.zc-mtm-nurse__pull-cite {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 14px;
  margin-top: clamp(20px, 2vw, 28px);
  font-family: var(--zc-f-heading);
  font-size: 10px; font-weight: 700;
  letter-spacing: 2px; text-transform: uppercase;
  color: var(--zc-warm-mid);
}
.zc-mtm-nurse__pull-rule {
  flex-shrink: 0;
  width: 32px; height: 1px;
  background: var(--zc-amber);
}

/* ── Service guarantee ribbon ──────────────────────────────── */
.zc-mtm-nurse__ribbon {
  display: flex; align-items: center; flex-wrap: wrap; gap: 14px;
  padding: 14px 24px;
  margin: 0 0 clamp(28px, 3vw, 44px);
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 999px;
  box-shadow: 0 14px 30px rgba(18, 12, 4, 0.04);
}
@media (max-width: 768px) {
  .zc-mtm-nurse__ribbon { border-radius: 16px; padding: 12px 18px; gap: 10px; }
}
.zc-mtm-nurse__ribbon-item {
  font-family: var(--zc-f-accent);
  font-size: 12px;
  letter-spacing: 0.2px;
  color: var(--zc-warm-dk);
  white-space: nowrap;
}
.zc-mtm-nurse__ribbon-item b {
  font-family: var(--zc-f-display);
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.2px;
  color: var(--zc-amber-dk);
  margin-right: 4px;
}
.zc-mtm-nurse__ribbon-div {
  width: 1px; height: 18px;
  background: linear-gradient(180deg, transparent, var(--zc-linen), transparent);
}
@media (max-width: 768px) { .zc-mtm-nurse__ribbon-div { display: none; } }

/* ── Portrait wall, 4×2 refined cards ─────────────────────── */
.zc-mtm-nurse__wall {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(12px, 1.2vw, 18px);
}
@media (max-width: 991px) { .zc-mtm-nurse__wall { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .zc-mtm-nurse__wall { grid-template-columns: repeat(2, 1fr); } }

.zc-mtm-nurse__card {
  position: relative;
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  padding: 22px 14px 18px;
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 4px;
  overflow: hidden;
  transition: transform 0.45s var(--zc-ease-spring), box-shadow 0.45s var(--zc-ease), border-color 0.45s var(--zc-ease);
  cursor: default;
}
.zc-mtm-nurse__card::before {
  /* Top hairline that scales in on hover */
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--zc-amber-dk), var(--zc-amber-lt), var(--zc-amber));
  opacity: 0; transform: scaleX(0.3); transform-origin: left;
  transition: opacity 0.4s var(--zc-ease), transform 0.5s var(--zc-ease-spring);
}
.zc-mtm-nurse__card:hover {
  transform: translateY(-4px);
  border-color: var(--zc-amber-a35);
  box-shadow: 0 18px 36px rgba(207, 138, 63, 0.12);
}
.zc-mtm-nurse__card:hover::before { opacity: 1; transform: scaleX(1); }

/* Numbered marker top-left */
.zc-mtm-nurse__card-num {
  position: absolute;
  top: 10px; left: 12px;
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 1.2px;
  color: var(--zc-stone);
  opacity: 0.85;
}

/* Avatar, disc with concentric ring */
.zc-mtm-nurse__card-avatar {
  position: relative;
  width: 56px; height: 56px;
  display: inline-flex; align-items: center; justify-content: center;
  margin: 6px 0 14px;
}
.zc-mtm-nurse__card-init {
  position: relative;
  z-index: 1;
  width: 100%; height: 100%;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  font-family: var(--zc-f-heading);
  font-size: 12px; font-weight: 700;
  letter-spacing: 0.4px;
  border: 2px solid var(--zc-white);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.30) inset, 0 8px 18px var(--zc-amber-a35);
  transition: transform 0.4s var(--zc-ease-spring);
}
.zc-mtm-nurse__card:nth-child(2n) .zc-mtm-nurse__card-init {
  background: linear-gradient(135deg, var(--zc-navy-soft), var(--zc-navy));
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.12) inset, 0 8px 18px rgba(46, 75, 113, 0.30);
}
.zc-mtm-nurse__card:hover .zc-mtm-nurse__card-init { transform: scale(1.06); }
.zc-mtm-nurse__card-ring {
  position: absolute; inset: -6px;
  border: 1px dashed var(--zc-amber-a35);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.4s var(--zc-ease);
}
.zc-mtm-nurse__card:nth-child(2n) .zc-mtm-nurse__card-ring { border-color: var(--zc-navy-a30); }
.zc-mtm-nurse__card:hover .zc-mtm-nurse__card-ring { opacity: 1; }

.zc-mtm-nurse__card-role {
  font-family: var(--zc-f-display);
  font-size: 13.5px;
  font-weight: 500;
  letter-spacing: -0.1px;
  line-height: 1.25;
  color: var(--zc-charcoal);
  margin: 0 0 5px 0;
}
.zc-mtm-nurse__card-tenure {
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 9.5px;
  letter-spacing: 0.8px;
  color: var(--zc-amber-dk);
  padding: 2px 8px;
  border: 1px solid var(--zc-amber-a25);
  border-radius: 999px;
}


/* ==========================================================================
   §8  THE CARE PROMISE, Roman-numeraled commitment grid
   --------------------------------------------------------------------------
   Distinct visual: large hand-drawn Roman numerals (I-VI) anchor each card,
   faded amber wax-seal ornament behind, sharp magazine corners, thin amber
   accent rules. Reads as a printed patient-charter, not a stats dashboard.
   ========================================================================== */
.zc-mtm-promise {
  position: relative;
  padding: clamp(40px, 4.5vw, 68px) 0;
  background:
    radial-gradient(ellipse at 92% 92%, rgba(207, 138, 63, 0.06) 0%, transparent 50%),
    radial-gradient(ellipse at 8% 8%, rgba(46, 75, 113, 0.05) 0%, transparent 50%),
    var(--zc-off-white);
  overflow: hidden;
}
.zc-mtm-promise::before {
  content: '';
  position: absolute; top: 0; left: 50%;
  width: 80px; height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(90deg, transparent, var(--zc-amber), transparent);
}
.zc-mtm-promise__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) { .zc-mtm-promise__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); } }

.zc-mtm-promise__head {
  text-align: center;
  margin: 0 auto clamp(36px, 4vw, 56px);
  max-width: 720px;
}
.zc-mtm-promise__overline {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-warm-mid);
  margin-bottom: 14px;
  display: block;
}
.zc-mtm-promise__title {
  font-family: var(--zc-f-display);
  font-size: clamp(28px, 2.4vw + 12px, 46px);
  font-weight: 400; line-height: 1.1; letter-spacing: -1.2px;
  color: var(--zc-charcoal);
  margin: 0 0 12px 0;
}
.zc-mtm-promise__title-accent {
  color: var(--zc-amber-dk);
  font-weight: 500;
  font-style: normal;
}
.zc-mtm-promise__sub {
  font-family: var(--zc-f-body);
  font-size: 14px; line-height: 1.6;
  color: var(--zc-warm-dk); margin: 0;
}

/* 6-card grid, 3 cols × 2 rows */
.zc-mtm-promise__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 1.8vw, 24px);
}
@media (max-width: 991px) { .zc-mtm-promise__grid { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (max-width: 600px) { .zc-mtm-promise__grid { grid-template-columns: 1fr; } }

.zc-mtm-promise__card {
  position: relative;
  display: flex; flex-direction: column;
  padding: clamp(28px, 3vw, 40px) clamp(24px, 2.4vw, 32px);
  background: var(--zc-white);
  border: 1px solid var(--zc-linen);
  border-radius: 4px;
  overflow: hidden;
  isolation: isolate;
  transition: transform 0.5s var(--zc-ease-spring), box-shadow 0.5s var(--zc-ease), border-color 0.5s var(--zc-ease);
  min-height: 220px;
}
.zc-mtm-promise__card::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--zc-amber-dk), var(--zc-amber-lt), var(--zc-amber));
  transform: scaleX(0.2); transform-origin: left;
  transition: transform 0.5s var(--zc-ease-spring);
}
.zc-mtm-promise__card:hover {
  transform: translateY(-4px);
  border-color: var(--zc-amber-a35);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset, 0 22px 44px rgba(207, 138, 63, 0.12);
}
.zc-mtm-promise__card:hover::before { transform: scaleX(1); }

/* Massive Roman numeral, display flourish */
.zc-mtm-promise__roman {
  position: relative;
  z-index: 1;
  display: inline-block;
  font-family: var(--zc-f-display);
  font-size: clamp(56px, 4.5vw, 80px);
  font-weight: 300;
  letter-spacing: -2px;
  line-height: 0.85;
  color: var(--zc-amber-dk);
  margin-bottom: 22px;
  align-self: flex-start;
}
.zc-mtm-promise__roman::after {
  content: '';
  position: absolute;
  left: 2px; right: 30%;
  bottom: -8px;
  height: 1px;
  background: var(--zc-amber);
}

/* Wax-seal ornament, large faded amber ring behind, top-right */
.zc-mtm-promise__seal {
  position: absolute;
  top: -30px; right: -30px;
  width: 140px; height: 140px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, var(--zc-amber-a18), transparent 70%);
  pointer-events: none;
  z-index: 0;
  transition: transform 0.6s var(--zc-ease-spring);
}
.zc-mtm-promise__card:hover .zc-mtm-promise__seal { transform: scale(1.15); }

.zc-mtm-promise__name {
  position: relative; z-index: 1;
  font-family: var(--zc-f-display);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.3px;
  line-height: 1.25;
  color: var(--zc-charcoal);
  margin: 0 0 8px 0;
}
.zc-mtm-promise__desc {
  position: relative; z-index: 1;
  font-family: var(--zc-f-body);
  font-size: 13px; line-height: 1.6;
  color: var(--zc-warm-dk);
  margin: 0;
}


/* ==========================================================================
   §9  CLOSING CTA, premium dark magazine card with split layout
   --------------------------------------------------------------------------
   Distinct visual: dark navy gradient card with editorial top-rule (Z mark
   + thin rule), asymmetric split (copy + meta strip on left, primary CTA
   + two glass paths on right), grid pattern overlay, amber + navy radial
   glows. Premium concierge feel, not a button bar.
   ========================================================================== */
.zc-mtm-cta {
  position: relative;
  padding: clamp(32px, 3.5vw, 56px) 0;
  background: var(--zc-snow);
}
.zc-mtm-cta__inner {
  width: 100%;
  padding-left: var(--zc-pad-x);
  padding-right: var(--zc-pad-x);
}
@media (max-width: 991px) { .zc-mtm-cta__inner { padding-left: var(--zc-pad-x-mb); padding-right: var(--zc-pad-x-mb); } }

.zc-mtm-cta__card {
  position: relative;
  padding: clamp(40px, 4.5vw, 72px) clamp(28px, 3vw, 56px);
  background: linear-gradient(135deg, var(--zc-deep) 0%, var(--zc-charcoal) 50%, var(--zc-navy-deep) 100%);
  border-radius: 8px;
  overflow: hidden;
  color: var(--zc-white);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.08) inset,
    0 28px 60px rgba(18, 12, 4, 0.30),
    0 8px 18px rgba(46, 75, 113, 0.20);
  isolation: isolate;
}

.zc-mtm-cta__glow {
  position: absolute;
  border-radius: 50%;
  filter: blur(50px);
  opacity: 0.35;
  pointer-events: none;
  z-index: 0;
}
.zc-mtm-cta__glow--1 { bottom: -120px; left: -120px; width: 360px; height: 360px; background: radial-gradient(circle, var(--zc-amber-a45), transparent 70%); }
.zc-mtm-cta__glow--2 { top: -120px; right: -120px; width: 360px; height: 360px; background: radial-gradient(circle, rgba(46, 75, 113, 0.50), transparent 70%); }

.zc-mtm-cta__grid {
  position: absolute; inset: 0;
  pointer-events: none;
  z-index: 0;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.02) 1px, transparent 1px);
  background-size: 40px 40px;
  mask-image: radial-gradient(ellipse at 50% 50%, black, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 50%, black, transparent 80%);
}

.zc-mtm-cta__topline {
  position: relative; z-index: 1;
  display: flex; align-items: center; gap: 14px;
  margin-bottom: clamp(28px, 3vw, 44px);
}
.zc-mtm-cta__topline-mark {
  display: inline-flex; align-items: center; justify-content: center;
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(207, 138, 63, 0.16);
  border: 1px solid var(--zc-amber-a45);
  color: var(--zc-amber-lt);
  font-family: var(--zc-f-display); font-size: 16px; font-weight: 500;
  letter-spacing: -0.5px;
  flex-shrink: 0;
}
.zc-mtm-cta__topline-text {
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-amber-lt);
  flex-shrink: 0;
}
.zc-mtm-cta__topline-rule {
  flex: 1; height: 1px;
  background: linear-gradient(90deg, var(--zc-amber-a45), transparent);
}

.zc-mtm-cta__layout {
  position: relative; z-index: 1;
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(36px, 4vw, 64px);
  align-items: center;
}
@media (max-width: 991px) { .zc-mtm-cta__layout { grid-template-columns: 1fr; gap: 32px; } }

.zc-mtm-cta__copy { display: flex; flex-direction: column; }
.zc-mtm-cta__overline {
  display: inline-flex; align-self: flex-start;
  font-family: var(--zc-f-heading);
  font-size: 10.5px; font-weight: 700;
  letter-spacing: 2.4px; text-transform: uppercase;
  color: var(--zc-amber-lt);
  margin-bottom: 14px;
}
.zc-mtm-cta__title {
  font-family: var(--zc-f-display);
  font-size: clamp(26px, 2.2vw + 12px, 44px);
  font-weight: 400; line-height: 1.1; letter-spacing: -1.2px;
  color: var(--zc-white);
  margin: 0 0 14px 0;
}
.zc-mtm-cta__title-accent {
  font-weight: 500;
  font-style: normal;
  color: var(--zc-amber-lt) !important;
}
.zc-mtm-cta__sub {
  font-family: var(--zc-f-body);
  font-size: 14px; line-height: 1.65;
  color: rgba(255, 255, 255, 0.72);
  margin: 0 0 24px 0;
}

.zc-mtm-cta__meta {
  list-style: none; padding: 0; margin: 0;
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 18px 28px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.10);
}
@media (max-width: 600px) { .zc-mtm-cta__meta { grid-template-columns: 1fr 1fr; gap: 14px 20px; } }
.zc-mtm-cta__meta li { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.zc-mtm-cta__meta-label {
  font-family: var(--zc-f-heading);
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.4px; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.45);
}
.zc-mtm-cta__meta-val {
  font-family: var(--zc-f-display);
  font-size: 13px; font-weight: 400;
  color: var(--zc-white);
  letter-spacing: -0.05px;
}
.zc-mtm-cta__meta-val--live {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--zc-amber-lt); font-weight: 500;
}
.zc-mtm-cta__meta-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--zc-success);
  box-shadow: 0 0 8px var(--zc-success);
  animation: zc-mtm-blink 2s ease-in-out infinite;
}

.zc-mtm-cta__paths { display: flex; flex-direction: column; gap: 12px; }

/* Primary action, concierge amber card */
.zc-mtm-cta__primary {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 18px 22px;
  background: linear-gradient(135deg, var(--zc-amber), var(--zc-amber-dk));
  color: var(--zc-white);
  border-radius: 6px;
  text-decoration: none;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.20) inset,
    0 14px 28px var(--zc-amber-a45);
  overflow: hidden;
  transition: all 0.45s var(--zc-ease-spring);
}
.zc-mtm-cta__primary::before {
  content: '';
  position: absolute;
  top: 0; left: -120%;
  width: 80%; height: 100%;
  background: linear-gradient(115deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  transform: skewX(-18deg);
  transition: left 0.85s var(--zc-ease);
}
.zc-mtm-cta__primary:hover { transform: translateY(-3px); color: var(--zc-white); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.20) inset, 0 22px 44px var(--zc-amber-a45); }
.zc-mtm-cta__primary:hover::before { left: 130%; }

.zc-mtm-cta__primary-num {
  font-family: 'Courier New', ui-monospace, monospace;
  font-size: 11px;
  letter-spacing: 1.4px;
  color: rgba(255, 255, 255, 0.75);
  position: relative; z-index: 1;
}
.zc-mtm-cta__primary-text {
  display: flex; flex-direction: column; gap: 2px;
  position: relative; z-index: 1;
}
.zc-mtm-cta__primary-text small {
  font-family: var(--zc-f-heading);
  font-size: 9px; font-weight: 700;
  letter-spacing: 1.6px; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.80);
}
.zc-mtm-cta__primary-text b {
  font-family: var(--zc-f-display);
  font-size: 18px; font-weight: 500;
  letter-spacing: -0.3px;
  color: var(--zc-white);
}
.zc-mtm-cta__primary-arrow {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid rgba(255, 255, 255, 0.30);
  color: var(--zc-white);
  font-size: 14px;
  position: relative; z-index: 1;
  transition: all 0.4s var(--zc-ease-spring);
}
.zc-mtm-cta__primary:hover .zc-mtm-cta__primary-arrow {
  transform: rotate(15deg);
  background: var(--zc-white);
  color: var(--zc-amber-dk);
}

/* Secondary actions, two refined glass paths */
.zc-mtm-cta__secondary {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 480px) { .zc-mtm-cta__secondary { grid-template-columns: 1fr; } }

.zc-mtm-cta__path {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 6px;
  color: var(--zc-white);
  text-decoration: none;
  transition: all 0.4s var(--zc-ease-spring);
}
.zc-mtm-cta__path:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: var(--zc-amber-a45);
  color: var(--zc-white);
  transform: translateY(-2px);
}
.zc-mtm-cta__path-ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px;
  border-radius: 8px;
  background: rgba(207, 138, 63, 0.12);
  border: 1px solid var(--zc-amber-a35);
  color: var(--zc-amber-lt);
  font-size: 14px;
}
.zc-mtm-cta__path-text {
  display: flex; flex-direction: column; gap: 1px;
  min-width: 0;
}
.zc-mtm-cta__path-text small {
  font-family: var(--zc-f-heading);
  font-size: 8.5px; font-weight: 700;
  letter-spacing: 1.4px; text-transform: uppercase;
  color: rgba(255, 255, 255, 0.50);
}
.zc-mtm-cta__path-text b {
  font-family: var(--zc-f-display);
  font-size: 13px; font-weight: 500;
  letter-spacing: -0.05px;
  color: var(--zc-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.zc-mtm-cta__path-arrow {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.45);
  transition: transform 0.3s var(--zc-ease-spring), color 0.3s var(--zc-ease);
}
.zc-mtm-cta__path:hover .zc-mtm-cta__path-arrow {
  color: var(--zc-amber-lt);
  transform: translateX(3px);
}


/* ==========================================================================
   §10  MOBILE OVERRIDES
   ========================================================================== */
@media (max-width: 768px) {
  .zc-mtm-hero__title { font-size: clamp(26px, 8vw, 36px); }
  .zc-mtm-hero__caption { font-size: 10px; padding: 5px 11px; }
  .zc-mtm-stats__card    { padding: 14px 14px 12px; }
  .zc-mtm-stats__corner  { top: 12px; right: 12px; width: 18px; height: 18px; }
  .zc-mtm-stats__corner::before { width: 18px; }
  .zc-mtm-stats__corner::after  { height: 18px; }
  .zc-mtm-stats__ic      { width: 28px; height: 28px; font-size: 12px; }
  .zc-mtm-stats__num     { font-size: 26px; letter-spacing: -1px; }
  .zc-mtm-stats__line    { width: 32px; margin: 6px 0 5px; }
  .zc-mtm-stats__lbl     { font-size: 10px; letter-spacing: 1.2px; }
  .zc-mtm-stats__sub     { font-size: 10px; }

  .zc-mtm-founder__msg       { padding: 24px 22px 18px; }
  .zc-mtm-founder__msg-text  { font-size: 14.5px; line-height: 1.6; }
  .zc-mtm-founder__msg-mark  { font-size: 56px; top: 6px; left: 16px; }

  .zc-mtm-spec__name           { font-size: 19px; }
  .zc-mtm-spec__expertise-list { grid-template-columns: 1fr; }
  .zc-mtm-spec__photo-badge    { font-size: 8.5px; padding: 4px 9px 4px 7px; }

  .zc-mtm-lab__title         { font-size: clamp(26px, 8vw, 36px); }
  .zc-mtm-lab__dropcap       { font-size: 44px; margin: 2px 8px 0 0; }
  .zc-mtm-lab__process       { padding: 22px 16px; }
  .zc-mtm-lab__process-title { font-size: clamp(18px, 5vw, 24px); }
  .zc-mtm-lab__step-num      { width: 48px; height: 48px; font-size: 16px; }
  .zc-mtm-lab__photo-caption { left: 16px; right: 16px; bottom: 16px; }
  .zc-mtm-lab__photo-title   { font-size: 18px; }

  .zc-mtm-promise__roman { font-size: clamp(46px, 12vw, 64px); margin-bottom: 16px; }
  .zc-mtm-cta__card      { padding: 32px 22px; }
  .zc-mtm-cta__primary   { padding: 14px 16px; }
  .zc-mtm-cta__primary-text b { font-size: 16px; }
}

@media (max-width: 480px) {
  .zc-mtm-hero__hub      { width: 44%; border-width: 3px; }
  .zc-mtm-hero__hub-cap  { font-size: 8px; padding: 4px 10px; bottom: -12px; letter-spacing: 1.6px; }
  .zc-mtm-stats__card    { padding: 13px 13px 11px; }
  .zc-mtm-stats__num     { font-size: 24px; }
  .zc-mtm-stats__line    { width: 28px; }

  .zc-mtm-founder__msg-mark  { font-size: 48px; }
  .zc-mtm-founder__msg-foot  { gap: 10px; margin-top: 18px; }
  .zc-mtm-founder__msg-rule  { width: 26px; }
  .zc-mtm-founder__msg-attr b{ font-size: 13px; }

  .zc-mtm-dept__tile-ic   { width: 32px; height: 32px; font-size: 14px; border-radius: 9px; top: 10px; right: 10px; }
  .zc-mtm-dept__tile-num  { font-size: 10px; padding: 3px 7px; top: 10px; left: 10px; }
  .zc-mtm-dept__tile-name { font-size: 15.5px; }
  /* On phones we surface the body permanently, no hover */
  .zc-mtm-dept__tile-body { transform: translateY(0); padding: 12px 13px 14px; }
  .zc-mtm-dept__tile-sub  { opacity: 1; transform: translateY(0); }
  .zc-mtm-dept__tile-cta  { display: none; }
  .zc-mtm-dept__title     { font-size: clamp(22px, 6vw, 30px); }
  .zc-mtm-dept__head-meta { font-size: 10.5px; }

  .zc-mtm-promise__card { padding: 22px 18px; min-height: 0; }
  .zc-mtm-promise__roman { font-size: 48px; margin-bottom: 14px; }
  .zc-mtm-cta__primary-num { display: none; }
  .zc-mtm-cta__primary { grid-template-columns: 1fr auto; }
}


/* ==========================================================================
   §11  MOBILE H-SCROLL OPTIMIZATIONS, ≤768px
   --------------------------------------------------------------------------
   Convert key card grids into horizontal scroll rails for one-thumb browsing:
     · Hero quick-chips         (Founder / Departments / Specialists / Book a Visit)
     · Hero stats               (4 metric cards in a single rail)
     · Departments grid         (1.5 cards/screen)
     · Specialists grid         (1.6 cards/screen)
   Plus: compact founder spotlight section.
   ========================================================================== */
@media (max-width: 768px) {

  /* shared rail helpers, hide scrollbar, edge bleed via section padding */
  .zc-mtm-hero__quick,
  .zc-mtm-stats,
  .zc-mtm-dept__grid,
  .zc-mtm-spec__grid {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .zc-mtm-hero__quick::-webkit-scrollbar,
  .zc-mtm-stats::-webkit-scrollbar,
  .zc-mtm-dept__grid::-webkit-scrollbar,
  .zc-mtm-spec__grid::-webkit-scrollbar { display: none; }

  /* Grid-item children of __layout default to min-width: auto, which lets
     a nowrap chip rail blow out the column past viewport, so the rail's
     overflow-x: auto never fires. Force shrink to viewport width. */
  .zc-mtm-hero__layout,
  .zc-mtm-hero__editorial { min-width: 0; }

  /* ── Hero chips: single horizontal rail, no wrap ───────────────── */
  .zc-mtm-hero__quick {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x proximity;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    padding: 4px 0 6px;
    gap: 8px;
  }
  .zc-mtm-hero__chip {
    flex: 0 0 auto;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  /* ── Hero stats: 4 cards, first aligned to gutter, right bleeds ─── */
  .zc-mtm-stats {
    grid-template-columns: none;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 6px var(--zc-pad-x-mb) 10px 0;
  }
  .zc-mtm-stats__card {
    flex: 0 0 calc((100% - 10px) / 1.9);   /* ~1.9 cards per screen */
    scroll-snap-align: start;
    min-width: 0;
  }
}

/* ── Departments: 1.5 cards/screen, first aligned to gutter, right bleeds ── */
@media (max-width: 768px) {
  .zc-mtm-dept__grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    gap: 12px;
    grid-template-columns: none;
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 4px var(--zc-pad-x-mb) 12px 0;
  }
  .zc-mtm-dept__tile,
  .zc-mtm-dept__tile:nth-child(-n+3),
  .zc-mtm-dept__tile:nth-child(n+4),
  .zc-mtm-dept__tile:nth-child(7),
  .zc-mtm-dept__tile:nth-child(8) {
    flex: 0 0 calc((100% - 18px) / 1.5);   /* 1.5 cards visible */
    grid-column: auto;
    scroll-snap-align: start;
    aspect-ratio: 4 / 3;                    /* horizontal rectangle, matches desktop */
    min-width: 0;
  }

  /* Always show body text on mobile (no hover on touch devices) — applies
     to ALL tiles including row 2 cards 4-8, which previously stayed hidden
     until pressed. !important required to override transform on hover-state. */
  .zc-mtm-dept__tile .zc-mtm-dept__tile-body,
  .zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-body {
    transform: translateY(0) !important;
    padding: 12px 13px 14px !important;
  }
  .zc-mtm-dept__tile .zc-mtm-dept__tile-sub {
    opacity: 1 !important;
    transform: translateY(0) !important;
  }
  .zc-mtm-dept__tile .zc-mtm-dept__tile-cta { display: none !important; }
  .zc-mtm-dept__tile-name { font-size: 15.5px; }
  .zc-mtm-dept__tile:nth-child(n+4) .zc-mtm-dept__tile-name { font-size: 14.5px; }
}

/* ── Specialists (doctors): smaller cards, first card aligned to gutter ── */
@media (max-width: 768px) {
  .zc-mtm-spec__grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    grid-template-columns: none;
    /* Bleed only the RIGHT edge to viewport so users see "more cards" hint;
       LEFT stays inset so first card aligns with section content gutter. */
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 4px var(--zc-pad-x-mb) 12px 0;
  }
  .zc-mtm-spec__card {
    flex: 0 0 calc((100% - 10px) / 1.2);   /* 1.2 cards per screen, larger card */
    grid-template-columns: 1fr;             /* stacked, photo on top */
    scroll-snap-align: start;
    min-height: 0;
    min-width: 0;
    border-radius: 8px;
  }
  .zc-mtm-spec__photo {
    aspect-ratio: 4 / 5;                    /* portrait photo, slimmer than 3/4 so card isn't too tall */
    min-height: 0;
    height: auto;
  }
  /* Kill the dark bottom gradient on mobile so the doctor portrait shows full and bright */
  .zc-mtm-spec__photo-veil { display: none; }
  /* Reset right:auto when moving to top-left, otherwise the absolute
     element gets both left+right and stretches into a full-width strip. */
  .zc-mtm-spec__photo-num   { font-size: 9.5px; padding: 3px 7px; top: 8px; right: 8px; left: auto; width: auto; }
  .zc-mtm-spec__photo-badge { font-size: 8px; padding: 3px 7px 3px 6px; bottom: 8px; left: 8px; right: auto; width: auto; }
  .zc-mtm-spec__body {
    padding: 11px 12px 12px;
    gap: 6px;
  }
  .zc-mtm-spec__specialty { font-size: 9.5px; letter-spacing: 1.2px; }
  .zc-mtm-spec__name      { font-size: 14.5px; line-height: 1.2; letter-spacing: -0.3px; }
  .zc-mtm-spec__quals     { font-size: 10.5px; line-height: 1.4; }
  .zc-mtm-spec__divider   { margin: 4px 0; }
  .zc-mtm-spec__expertise { gap: 4px; }
  .zc-mtm-spec__expertise-label { font-size: 9px; letter-spacing: 1.2px; }
  /* 2×2 grid for the 4 'specialises in' items so the card stays shorter
     instead of growing tall with 4 stacked rows. */
  .zc-mtm-spec__expertise-list { grid-template-columns: 1fr 1fr !important; gap: 3px 10px; }
  .zc-mtm-spec__expertise-list li { font-size: 10.5px; padding-left: 10px; }
  .zc-mtm-spec__view { padding: 8px 10px; font-size: 10.5px; margin-top: 6px; }

  /* ── Founder (Kumud) section, compact on mobile ─────────────────── */
  .zc-mtm-founder { padding-top: 28px; padding-bottom: 28px; }
  .zc-mtm-founder__inner { gap: 18px; }
  .zc-mtm-founder__portrait-col { gap: 12px; }
  .zc-mtm-founder__portrait { width: clamp(120px, 34vw, 150px); padding: 4px; }
  .zc-mtm-founder__role-pill { font-size: 9px; letter-spacing: 1.6px; padding: 5px 11px; }
  .zc-mtm-founder__eyebrow { font-size: 9.5px; letter-spacing: 2.4px; margin-bottom: 6px; }
  .zc-mtm-founder__name { font-size: clamp(22px, 6.5vw, 28px); letter-spacing: -0.8px; margin-bottom: 2px; }
  .zc-mtm-founder__role { font-size: 11.5px; margin-bottom: 16px; }
  .zc-mtm-founder__msg { padding: 18px 16px 14px; margin-bottom: 14px; }
  .zc-mtm-founder__msg-text { font-size: 13.5px; line-height: 1.55; }
  .zc-mtm-founder__msg-mark { font-size: 42px; top: 2px; left: 10px; }
  .zc-mtm-founder__msg-foot { gap: 8px; margin-top: 14px; }
  .zc-mtm-founder__msg-rule { width: 22px; }
  .zc-mtm-founder__msg-attr b { font-size: 12px; }
  .zc-mtm-founder__msg-attr small { font-size: 10.5px; }
  .zc-mtm-founder__link { font-size: 11.5px; }
}


/* ==========================================================================
   §12  LAZY-LOAD IMAGE SIZE OVERRIDES
   --------------------------------------------------------------------------
   Two global rules clobber our card images:
     · style.css                 →  img.lazy { max-width: 100%; height: auto }
     · custom/css/style.css      →  .lazy   { max-width: 40%; max-height: 100% }
   Both make our card images render at natural / 40% size instead of filling
   their container. Force every Meet-our-team page image to fill its frame.
   --------------------------------------------------------------------------
   Applies at every viewport (desktop + mobile).
   ========================================================================== */
.zc-mtm-hero__hub-img.lazy,
.zc-mtm-hero__sat-img.lazy,
.zc-mtm-founder__portrait-img.lazy,
.zc-mtm-dept__tile-img.lazy,
.zc-mtm-spec__photo-img.lazy,
.zc-mtm-lab__photo-img.lazy {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
}


/* ==========================================================================
   §13  IVF LAB PROCESS, mobile horizontal scroll
   --------------------------------------------------------------------------
   The 5-step process rail stacks vertically on mobile and makes the page
   long. Switch to a horizontal h-scroll showing ~2.2 steps per screen,
   first step aligned to the section gutter, right edge bleeds.
   ========================================================================== */
@media (max-width: 768px) {
  .zc-mtm-lab__process-rail {
    grid-template-columns: none !important;     /* override 991px / 480px grid rules */
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 4px var(--zc-pad-x-mb) 12px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .zc-mtm-lab__process-rail::-webkit-scrollbar { display: none; }

  .zc-mtm-lab__step {
    flex: 0 0 calc((100% - 10px) / 2.2);   /* ~2.2 steps per screen */
    scroll-snap-align: start;
    min-width: 0;
    padding: 14px 10px 12px;
    background: var(--zc-white);
    border: 1px solid var(--zc-linen);
    border-radius: 10px;
  }
  .zc-mtm-lab__step-num   { width: 40px; height: 40px; font-size: 14px; margin-bottom: 8px; }
  .zc-mtm-lab__step-day   { font-size: 8.5px; letter-spacing: 1.2px; margin-bottom: 4px; }
  .zc-mtm-lab__step-ic    { width: 22px; height: 22px; font-size: 12px; margin-bottom: 4px; }
  .zc-mtm-lab__step-name  { font-size: 12.5px; line-height: 1.2; margin-bottom: 3px; }
  .zc-mtm-lab__step-desc  { font-size: 10px; line-height: 1.4; }

  /* ── Lab specialists roster: horizontal scroll with stacked card design ──
     Row 1: avatar/init  ·  Row 2: name  ·  Row 3: role  ·  Years pill top-right */
  .zc-mtm-lab__roster {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: 0;
    -webkit-overflow-scrolling: touch;
    gap: 10px;
    padding: 4px 0 12px;
    margin: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .zc-mtm-lab__roster::-webkit-scrollbar { display: none; }

  .zc-mtm-lab__roster-row {
    flex: 0 0 calc((100% - 10px) / 2.3);   /* ~2.3 cards per screen */
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;       /* stack vertically: init → name → role */
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 16px 10px 14px;
    border: 1px solid var(--zc-linen);
    border-bottom: 1px solid var(--zc-linen);   /* override dashed bottom */
    border-radius: 10px;
    background: var(--zc-white);
    position: relative;            /* anchor for years pill */
    min-width: 0;
  }
  .zc-mtm-lab__roster-row:first-child,
  .zc-mtm-lab__roster-row:last-child { padding: 16px 10px 14px; }

  .zc-mtm-lab__roster-init {
    width: 42px; height: 42px;
    font-size: 12px;
    margin-bottom: 2px;
  }

  .zc-mtm-lab__roster-info {
    flex: 0 0 auto;
    align-items: center;
    text-align: center;
    gap: 2px;
    width: 100%;
  }
  .zc-mtm-lab__roster-info b      { font-size: 12.5px; line-height: 1.2; }
  .zc-mtm-lab__roster-info small  { font-size: 10px; line-height: 1.3; }

  .zc-mtm-lab__roster-years {
    position: absolute;
    top: 8px; right: 8px;
    font-size: 8.5px;
    padding: 2px 6px;
    letter-spacing: 0.4px;
    background: rgba(255, 255, 255, 0.9);
  }

  /* ── Holistic Care (counselling & wellness): h-scroll, 1.7 cards/screen ── */
  .zc-mtm-well__grid {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    grid-template-columns: none !important;
    gap: 10px !important;
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 4px var(--zc-pad-x-mb) 12px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .zc-mtm-well__grid::-webkit-scrollbar { display: none; }

  .zc-mtm-well__card {
    flex: 0 0 calc((100% - 10px) / 1.25);   /* ~1.25 cards visible */
    scroll-snap-align: start;
    padding: 28px 12px 14px;     /* extra top room so num marker doesn't collide */
    min-width: 0;
    border-radius: 8px;
    align-items: center;          /* uniform centered axis across all cards */
    text-align: center;
  }
  /* Hide editorial flourishes that crowd the small card */
  .zc-mtm-well__card::before,
  .zc-mtm-well__card::after,
  .zc-mtm-well__card-sig { display: none; }

  /* Move number to top-center so it doesn't fight the centered content */
  .zc-mtm-well__card-num {
    position: absolute;
    top: 8px; left: 50%;
    transform: translateX(-50%);
    font-size: 9px; letter-spacing: 1.2px;
  }

  /* Compact ornament/icon, centered */
  .zc-mtm-well__card-ornament {
    width: 56px; aspect-ratio: 1/1;
    margin: 0 auto 10px;
    align-self: center;
  }
  .zc-mtm-well__card-disc     { font-size: 18px; }
  .zc-mtm-well__card-ring--mid { inset: 18%; }

  /* Centered + same alignment baseline for every card */
  .zc-mtm-well__card-tag {
    align-self: center;
    font-size: 8.5px; letter-spacing: 1.2px;
    padding: 3px 8px; margin-bottom: 6px;
  }
  .zc-mtm-well__card-name {
    font-size: 14px; line-height: 1.2;
    margin: 0 0 4px;
  }
  .zc-mtm-well__card-desc {
    font-size: 11px; line-height: 1.45;
    margin: 0 0 10px;
    /* Clamp to 3 lines so all cards reach the services row at the same height */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  /* Push services to the card bottom so they line up across all 3 cards */
  .zc-mtm-well__card-services {
    margin-top: auto;
    padding-top: 8px; gap: 4px;
    justify-content: center;
  }
  .zc-mtm-well__card-chip { font-size: 9.5px; padding: 3px 7px; }

  /* ── §7 Frontline (Nursing & patient care) compact mobile ────────── */
  /* Pull-quote panel, tighter padding + smaller decorative mark */
  .zc-mtm-nurse__pull {
    padding: 24px 18px 18px;
    margin-bottom: 14px;
    border-radius: 8px;
  }
  .zc-mtm-nurse__pull-mark    { font-size: 64px; top: 8px; left: 14px; }
  .zc-mtm-nurse__pull::before { width: 18px; height: 18px; top: 10px; right: 10px; }
  .zc-mtm-nurse__pull-quote   { font-size: 15px; line-height: 1.4; letter-spacing: -0.2px; }
  .zc-mtm-nurse__pull-cite    { margin-top: 14px; font-size: 9px; letter-spacing: 1.4px; gap: 10px; }
  .zc-mtm-nurse__pull-rule    { width: 22px; }

  /* Service ribbon → 2x2 with internal + cross divider, no outer box */
  .zc-mtm-nurse__ribbon {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    flex-wrap: nowrap;
    gap: 0 !important;                 /* no gap so divider lines stay clean */
    padding: 4px 0;
    background: transparent;            /* no outer box */
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 18px;
  }
  .zc-mtm-nurse__ribbon-item {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center;
    text-align: center; gap: 2px;
    padding: 12px 8px;
    font-size: 10.5px;
    line-height: 1.2;
    white-space: normal;
    border: 0;
  }
  .zc-mtm-nurse__ribbon-item b {
    font-size: 13.5px;
    margin-right: 0;
  }
  /* + cross divider — items are at child positions 1, 3, 5, 7 because of the
     hidden .zc-mtm-nurse__ribbon-div spans between them. */
  .zc-mtm-nurse__ribbon-item:nth-child(1),    /* top-left */
  .zc-mtm-nurse__ribbon-item:nth-child(5) {   /* bottom-left */
    border-right: 1px solid var(--zc-linen);
  }
  .zc-mtm-nurse__ribbon-item:nth-child(1),    /* top-left */
  .zc-mtm-nurse__ribbon-item:nth-child(3) {   /* top-right */
    border-bottom: 1px solid var(--zc-linen);
  }

  /* Frontline cards, horizontal scroll showing ~2.6/screen */
  .zc-mtm-nurse__wall {
    display: flex !important;
    flex-wrap: nowrap;
    overflow-x: auto;
    grid-template-columns: none !important;
    scroll-snap-type: x proximity;
    scroll-padding-left: var(--zc-pad-x-mb);
    -webkit-overflow-scrolling: touch;
    gap: 8px;
    margin-left: 0;
    margin-right: calc(-1 * var(--zc-pad-x-mb));
    padding: 4px var(--zc-pad-x-mb) 12px 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .zc-mtm-nurse__wall::-webkit-scrollbar { display: none; }

  .zc-mtm-nurse__card {
    flex: 0 0 calc((100% - 8px) / 2.6);
    scroll-snap-align: start;
    padding: 14px 10px 12px;
    border-radius: 8px;
    min-width: 0;
  }
  .zc-mtm-nurse__card-num    { font-size: 8.5px; top: 6px; left: 8px; letter-spacing: 1px; }
  .zc-mtm-nurse__card-avatar { width: 40px; height: 40px; margin: 4px 0 8px; }
  .zc-mtm-nurse__card-init   { font-size: 10px; }
  .zc-mtm-nurse__card-role   { font-size: 11.5px; line-height: 1.2; margin-bottom: 3px; }
  .zc-mtm-nurse__card-tenure { font-size: 8.5px; letter-spacing: 0.6px; }

  /* ── §8 Care Promise, compact 2-col grid (was 1-col below 600px) ──── */
  .zc-mtm-promise__head { margin-bottom: 18px; }
  .zc-mtm-promise__title { font-size: clamp(20px, 6.4vw, 28px); letter-spacing: -0.6px; }
  .zc-mtm-promise__sub   { font-size: 12.5px; line-height: 1.5; }

  .zc-mtm-promise__grid {
    grid-template-columns: 1fr 1fr !important;   /* 2x3 instead of 1x6 */
    gap: 10px !important;
  }
  .zc-mtm-promise__card {
    padding: 14px 12px 12px !important;
    min-height: 0 !important;
    border-radius: 8px;
  }
  .zc-mtm-promise__roman  { font-size: 32px !important; margin-bottom: 8px !important; line-height: 0.9; }
  .zc-mtm-promise__roman::after { display: none; }
  .zc-mtm-promise__seal   { width: 70px; height: 70px; top: -16px; right: -16px; }
  .zc-mtm-promise__name   { font-size: 13px; line-height: 1.2; margin-bottom: 4px; }
  .zc-mtm-promise__desc   { font-size: 10.5px; line-height: 1.45; }

  /* ── §9 Reach Us / Closing CTA, compact dark card ─────────────────── */
  .zc-mtm-cta__card     { padding: 24px 16px !important; border-radius: 10px; }
  .zc-mtm-cta__topline  { gap: 8px; margin-bottom: 16px; }
  .zc-mtm-cta__topline-mark { width: 26px; height: 26px; font-size: 13px; }
  .zc-mtm-cta__topline-text { font-size: 8.5px; letter-spacing: 1.6px; }

  .zc-mtm-cta__layout   { gap: 18px !important; }
  .zc-mtm-cta__overline { font-size: 9px; letter-spacing: 1.8px; margin-bottom: 8px; }
  .zc-mtm-cta__title    { font-size: clamp(20px, 6.5vw, 28px); margin-bottom: 8px; letter-spacing: -0.6px; }
  .zc-mtm-cta__sub      { font-size: 12px; line-height: 1.5; margin-bottom: 14px; }

  /* Hours · Helpline · Languages → 3-col compact strip */
  .zc-mtm-cta__meta {
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px 10px !important;
    padding-top: 12px;
  }
  .zc-mtm-cta__meta-label { font-size: 8px; letter-spacing: 1.2px; }
  .zc-mtm-cta__meta-val   { font-size: 11px; }

  /* Primary "Schedule a Visit" tighter */
  .zc-mtm-cta__primary       { padding: 12px 14px !important; gap: 10px; }
  .zc-mtm-cta__primary-text small { font-size: 8px; letter-spacing: 1.4px; }
  .zc-mtm-cta__primary-text b     { font-size: 14.5px !important; }
  .zc-mtm-cta__primary-arrow { width: 28px; height: 28px; font-size: 12px; }

  /* Schedule a Visit on top, WhatsApp + Call side-by-side on second row */
  .zc-mtm-cta__paths     { gap: 8px; }
  .zc-mtm-cta__secondary {
    grid-template-columns: 1fr 1fr !important;   /* override the 480px stacked rule */
    gap: 8px !important;
  }
  .zc-mtm-cta__path {
    grid-template-columns: auto 1fr;             /* drop the trailing arrow column */
    padding: 10px 10px;
    gap: 8px;
  }
  .zc-mtm-cta__path-ic     { width: 28px; height: 28px; font-size: 13px; }
  .zc-mtm-cta__path-text   { min-width: 0; }
  .zc-mtm-cta__path-text small { font-size: 7.5px; letter-spacing: 1.1px; }
  .zc-mtm-cta__path-text b     { font-size: 11.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .zc-mtm-cta__path-arrow      { display: none; }   /* no room for arrow when 2-up */

  /* Background glows are heavy on small screens, dial back */
  .zc-mtm-cta__glow--1, .zc-mtm-cta__glow--2 { width: 220px; height: 220px; opacity: 0.25; }

  /* ── Built to ART grade: 2x2 grid on mobile ──────────────────────── */
  .zc-mtm-lab__standards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .zc-mtm-lab__standards li {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 12px !important;       /* override :first/:last padding resets */
    border: 1px solid var(--zc-linen);
    border-bottom: 1px solid var(--zc-linen) !important;   /* kill dashed bottom */
    border-radius: 10px;
    font-size: 11.5px;
    line-height: 1.3;
    background: var(--zc-white);
  }
  .zc-mtm-lab__standards li i {
    width: 26px; height: 26px;
    font-size: 12px;
  }
}