/* ML Corporate Services | The Moments That Matter
   The page follows one repeated editorial chapter system:
   situation, principle, firm perspective, related perspective, reflection. */

#mom-hero,
#mom-intro,
#mom-1,
#mom-2,
#mom-3,
#mom-4,
#mom-close{
  --mom-paper-copy:#3f3f3b;
  --mom-paper-muted:#666660;
  --mom-ink-copy:rgba(255,255,255,.82);
  --mom-ink-muted:rgba(255,255,255,.58);
}

/* Hero */

#mom-hero.e-con{
  position:relative;
  min-height:clamp(500px,68svh,700px);
  padding:clamp(104px,12vh,144px) var(--ml-gut) clamp(52px,6.5vh,78px);
  overflow:hidden;
  justify-content:center;
  align-items:center;
  text-align:center;
  background-color:#0a0a0a;
  background-position:center 43%;
  background-size:cover;
  background-repeat:no-repeat;
  --width:100%;
  max-width:none;
}

#mom-hero.e-con::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.52) 45%,rgba(0,0,0,.66) 100%),
    linear-gradient(90deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.08) 50%,rgba(0,0,0,.18) 100%);
}

#mom-hero > *{position:relative;z-index:2}

#mom-hero-copy.e-con{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  padding:0;
  align-items:center;
  text-align:center;
  --width:100%;
}

#mom-hero .ml-hero-mark{margin:0 0 clamp(18px,2.8vh,28px)}
#mom-hero .ml-hero-mark img{display:block;height:auto;opacity:.96}
#mom-hero .elementor-heading-title{color:var(--ml-paper)}
#mom-hero .ml-eyebrow .elementor-heading-title{color:rgba(255,255,255,.86)}

#mom-hero .ml-page-title{margin-top:clamp(14px,2vh,22px)}
#mom-hero .ml-page-title .elementor-heading-title{max-width:22ch}
#mom-hero .ml-lead{max-width:760px;margin-top:clamp(20px,2.8vh,32px)}
#mom-hero .ml-lead p{color:rgba(255,255,255,.9)}

/* Introduction */

#mom-intro.e-con{
  width:100%;
  max-width:none;
  padding:clamp(96px,12vw,170px) var(--ml-gut);
  background-color:var(--ml-paper);
  color:var(--ml-ink);
  --width:100%;
}

#mom-intro-wrap.e-con{
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,5fr);
  column-gap:clamp(64px,8vw,144px);
  align-items:start;
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0;
  --width:100%;
}

#mom-intro-a.e-con,
#mom-intro-b.e-con{
  width:100%;
  max-width:none;
  padding:0;
  --width:100%;
}

#mom-intro .ml-section-title{margin-top:26px}
#mom-intro .ml-section-title .elementor-heading-title{max-width:22ch}
#mom-intro .ml-body,
#mom-intro .ml-body p{color:var(--mom-paper-copy)}

/* Four repeated chapters */

#mom-1.e-con,
#mom-2.e-con,
#mom-3.e-con,
#mom-4.e-con{
  width:100%;
  max-width:none;
  padding:clamp(104px,10vw,152px) 0;
  --width:100%;
}

#mom-1.e-con,
#mom-3.e-con{
  background-color:var(--ml-paper);
  color:var(--ml-ink);
}

#mom-2.e-con,
#mom-4.e-con{
  background-color:#0a0a0a;
  color:var(--ml-paper);
}

#mom-wrap-1.e-con,
#mom-wrap-2.e-con,
#mom-wrap-3.e-con,
#mom-wrap-4.e-con{
  display:grid;
  grid-template-columns:
    [full-start] var(--ml-gut)
    [content-start media-start] repeat(6,minmax(0,1fr))
    [media-end] clamp(52px,6vw,112px)
    [narrative-start] repeat(6,minmax(0,1fr))
    [content-end] var(--ml-gut) [full-end];
  grid-template-rows:auto auto auto auto auto;
  align-items:start;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  --width:100%;
}

#mom-copy-1.e-con,
#mom-copy-2.e-con,
#mom-copy-3.e-con,
#mom-copy-4.e-con{display:contents}

/* Situation */

body #mom-copy-1 > .ml-moment-num,
body #mom-copy-2 > .ml-moment-num,
body #mom-copy-3 > .ml-moment-num,
body #mom-copy-4 > .ml-moment-num{
  grid-column:content-start / content-end;
  grid-row:1;
  width:100%;
  margin:0 0 26px !important;
  text-align:center;
}

body #mom-copy-1 > .ml-moment-num .elementor-heading-title,
body #mom-copy-2 > .ml-moment-num .elementor-heading-title,
body #mom-copy-3 > .ml-moment-num .elementor-heading-title,
body #mom-copy-4 > .ml-moment-num .elementor-heading-title{
  font-family:"Archivo",Helvetica,Arial,sans-serif;
  font-size:.7188rem;
  font-weight:600;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
}

#mom-1 .ml-moment-num .elementor-heading-title,
#mom-3 .ml-moment-num .elementor-heading-title{color:var(--ml-grey)}

#mom-2 .ml-moment-num .elementor-heading-title,
#mom-4 .ml-moment-num .elementor-heading-title{color:var(--ml-grey-light)}

body #mom-copy-1 > .ml-moment-title,
body #mom-copy-2 > .ml-moment-title,
body #mom-copy-3 > .ml-moment-title,
body #mom-copy-4 > .ml-moment-title{
  grid-column:content-start / content-end;
  grid-row:2;
  justify-self:center;
  width:100%;
  max-width:none !important;
  margin:0 !important;
  text-align:center;
  --container-widget-width:100%;
  --container-widget-flex-grow:1;
}

body #mom-copy-1 > .ml-moment-title .elementor-heading-title,
body #mom-copy-2 > .ml-moment-title .elementor-heading-title,
body #mom-copy-3 > .ml-moment-title .elementor-heading-title,
body #mom-copy-4 > .ml-moment-title .elementor-heading-title{
  max-width:26ch;
  margin:0 auto !important;
  font-family:"Archivo",Helvetica,Arial,sans-serif;
  font-size:clamp(32px,3.1vw,44.64px) !important;
  font-weight:560;
  line-height:.96 !important;
  letter-spacing:-.045em !important;
  text-wrap:balance;
}

#mom-1 .ml-moment-title .elementor-heading-title,
#mom-3 .ml-moment-title .elementor-heading-title{color:var(--ml-ink)}

#mom-2 .ml-moment-title .elementor-heading-title,
#mom-4 .ml-moment-title .elementor-heading-title{color:var(--ml-paper)}

body #mom-copy-1 > .ml-mom-situation,
body #mom-copy-2 > .ml-mom-situation,
body #mom-copy-3 > .ml-mom-situation,
body #mom-copy-4 > .ml-mom-situation{
  grid-column:content-start / content-end;
  grid-row:3;
  justify-self:center;
  width:100%;
  max-width:72ch;
  margin:28px 0 0 !important;
  text-align:center;
}

body #mom-copy-1 > .ml-mom-situation p,
body #mom-copy-2 > .ml-mom-situation p,
body #mom-copy-3 > .ml-mom-situation p,
body #mom-copy-4 > .ml-mom-situation p{
  max-width:none;
  margin:0;
  font-family:"Literata",Georgia,serif;
  font-size:1rem;
  line-height:1.56;
}

#mom-1 .ml-mom-situation p,
#mom-3 .ml-mom-situation p{color:var(--mom-paper-copy)}

#mom-2 .ml-mom-situation p,
#mom-4 .ml-mom-situation p{color:var(--mom-ink-copy)}

/* Illustration */

#mom-art-1.e-con,
#mom-art-2.e-con,
#mom-art-3.e-con,
#mom-art-4.e-con{
  grid-column:media-start / media-end;
  grid-row:4 / 6;
  align-self:start;
  width:100%;
  max-width:none;
  margin-top:clamp(64px,6vw,88px);
  padding:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  border-radius:18px;
  background:var(--ml-ink);
  --width:100%;
}

#mom-art-1 .ml-moment-art,
#mom-art-2 .ml-moment-art,
#mom-art-3 .ml-moment-art,
#mom-art-4 .ml-moment-art{line-height:0;background:var(--ml-ink)}

body #mom-art-1 .ml-moment-art img,
body #mom-art-2 .ml-moment-art img,
body #mom-art-3 .ml-moment-art img,
body #mom-art-4 .ml-moment-art img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;
  object-fit:contain;
  background:var(--ml-ink);
}

/* The drawings are inline SVG here, as they are on the home cards, so they stay
   sharp at any size and take their colour from the panel.

   THE PANEL'S SQUARE USED TO COME FROM THE IMAGE. `aspect-ratio:1/1` sat on the
   <img>, so removing the image would have collapsed the panel to nothing. It
   moves to the panel itself.

   SIZES ARE HELD, NOT REDRAWN. The instruction was to swap in place, and these
   proportions work on this page. Each PNG is an 840x840 file whose drawing does
   NOT fill it - the ink sits inside margins - so matching the file box would
   have made every drawing jump. Measured the INK instead, the way trace-illo
   reads these files (2px frame crop, iso 128, because illo-growth carries a 1px
   bright band across its top row that otherwise reads as full-width ink), then
   expressed today's rendered ink height as a percentage of the panel:

       Growth        428.6px of 599  = 71.6%
       Ownership     406.5px         = 67.9%
       Continuity    317.7px         = 53.0%
       Cross-border  312.7px         = 52.2%

   Height rather than width, because each viewBox is trimmed to its own ink and
   the widths then follow at the drawing's true ratio - within 2% of what the
   page renders today. Percentages, so it holds as the panel scales. */
/* The square belongs to the PANEL, not to what is inside it. It used to come
   from the image's own aspect-ratio, so with the image gone the panel had
   nothing to size against: at 390 it collapsed to 2px tall while desktop still
   looked right, because there the grid row happened to give it a height. Put
   the ratio where the border and the background already are and it holds at
   every width. */
body #mom-art-1.e-con,
body #mom-art-2.e-con,
body #mom-art-3.e-con,
body #mom-art-4.e-con{aspect-ratio:1 / 1}

body #mom-art-1 .ml-moment-art,
body #mom-art-2 .ml-moment-art,
body #mom-art-3 .ml-moment-art,
body #mom-art-4 .ml-moment-art,
body #mom-art-1 .ml-moment-art > .elementor-widget-container,
body #mom-art-2 .ml-moment-art > .elementor-widget-container,
body #mom-art-3 .ml-moment-art > .elementor-widget-container,
body #mom-art-4 .ml-moment-art > .elementor-widget-container,
body #mom-art-1 .ml-illo,
body #mom-art-2 .ml-illo,
body #mom-art-3 .ml-illo,
body #mom-art-4 .ml-illo{
  /* width:100% as well as height. Without it these two wrappers become
     content-sized flex items - measured 259px inside a 597px widget - and the
     svg's max-width:96% then resolves against 259 instead of 597, squeezing
     every drawing by exactly 4%. The heights were right the whole time, which
     is what made it read as a slightly narrow drawing rather than a bug. */
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--ml-paper);
}

/* flex:none, or the drawing is squeezed. As a flex item the svg shrinks below
   its intrinsic ratio: measured, the heights landed correctly and every width
   came out 6-10% narrow, which reads as a subtly squashed drawing rather than
   an obvious fault. */
body #mom-art-1 .ml-illo svg,
body #mom-art-2 .ml-illo svg,
body #mom-art-3 .ml-illo svg,
body #mom-art-4 .ml-illo svg{
  display:block;
  width:auto;
  flex:none;
  max-width:96%;
}

body #mom-art-1 .ml-illo svg{height:71.6%}
body #mom-art-2 .ml-illo svg{height:67.9%}
body #mom-art-3 .ml-illo svg{height:53.0%}
body #mom-art-4 .ml-illo svg{height:52.2%}

/* Principle, firm perspective, related perspective */

#mom-persp-1.e-con,
#mom-persp-2.e-con,
#mom-persp-3.e-con,
#mom-persp-4.e-con{
  grid-column:narrative-start / content-end;
  grid-row:4;
  align-self:start;
  justify-content:flex-start;
  width:100%;
  max-width:58ch;
  margin-top:clamp(64px,6vw,88px);
  padding:0;
  border:0;
  --width:100%;
}

.ml-mom-principle-label .elementor-heading-title,
.ml-mom-persp-label .elementor-heading-title,
.ml-mom-related-label .elementor-heading-title{
  margin:0;
  font-family:"Archivo",Helvetica,Arial,sans-serif;
  font-size:.7188rem;
  font-weight:600;
  line-height:1.2;
  letter-spacing:.18em;
  text-transform:uppercase;
}

#mom-1 .ml-mom-principle-label .elementor-heading-title,
#mom-1 .ml-mom-persp-label .elementor-heading-title,
#mom-1 .ml-mom-related-label .elementor-heading-title,
#mom-3 .ml-mom-principle-label .elementor-heading-title,
#mom-3 .ml-mom-persp-label .elementor-heading-title,
#mom-3 .ml-mom-related-label .elementor-heading-title{color:var(--mom-paper-muted)}

#mom-2 .ml-mom-principle-label .elementor-heading-title,
#mom-2 .ml-mom-persp-label .elementor-heading-title,
#mom-2 .ml-mom-related-label .elementor-heading-title,
#mom-4 .ml-mom-principle-label .elementor-heading-title,
#mom-4 .ml-mom-persp-label .elementor-heading-title,
#mom-4 .ml-mom-related-label .elementor-heading-title{color:var(--mom-ink-muted)}

#mom-persp-1 .ml-mom-persp-title,
#mom-persp-2 .ml-mom-persp-title,
#mom-persp-3 .ml-mom-persp-title,
#mom-persp-4 .ml-mom-persp-title{margin:14px 0 42px}

.ml-mom-persp-title .elementor-heading-title{
  max-width:24ch;
  margin:0;
  font-family:"Archivo",Helvetica,Arial,sans-serif;
  font-size:clamp(26px,2vw,31px);
  font-weight:540;
  line-height:1.12;
  letter-spacing:-.03em;
  text-wrap:balance;
}

#mom-1 .ml-mom-persp-title .elementor-heading-title,
#mom-3 .ml-mom-persp-title .elementor-heading-title{color:var(--ml-ink)}

#mom-2 .ml-mom-persp-title .elementor-heading-title,
#mom-4 .ml-mom-persp-title .elementor-heading-title{color:var(--ml-paper)}

#mom-persp-1 > .ml-body,
#mom-persp-2 > .ml-body,
#mom-persp-3 > .ml-body,
#mom-persp-4 > .ml-body{margin-top:18px}

body #mom-persp-1 > .ml-body,
body #mom-persp-1 > .ml-body p,
body #mom-persp-3 > .ml-body,
body #mom-persp-3 > .ml-body p{color:var(--mom-paper-copy) !important}

body #mom-persp-2 > .ml-body,
body #mom-persp-2 > .ml-body p,
body #mom-persp-4 > .ml-body,
body #mom-persp-4 > .ml-body p{color:var(--mom-ink-copy) !important}

#mom-persp-1 > .ml-body p,
#mom-persp-2 > .ml-body p,
#mom-persp-3 > .ml-body p,
#mom-persp-4 > .ml-body p{max-width:58ch}

#mom-related-1.e-con,
#mom-related-2.e-con,
#mom-related-3.e-con,
#mom-related-4.e-con{
  width:100%;
  max-width:none;
  margin-top:38px;
  padding:0;
  --width:100%;
}

.ml-mom-related-link{width:auto;margin-top:10px}

/* CORRECTED 2026-08-17: same bottom-only-underline-to-full-outline pass as
   .ml-go, on the same instruction, found separately because this page uses
   its own class rather than the shared one. Already used `currentColor` for
   the border, so the existing per-moment ink/paper `color` overrides below
   need no change at all - the box just follows whichever colour each
   moment already sets. */
body .ml-mom-related-link .elementor-button{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  padding:9px 20px;
  border:1px solid currentColor;
  border-radius:2px;
  box-shadow:none;
  background:transparent;
  font-family:"Literata",Georgia,serif;
  font-size:1rem;
  font-weight:520;
  line-height:1.4;
  letter-spacing:.01em;
  transition:opacity .18s ease,border-color .18s ease;
}

body #mom-1 .ml-mom-related-link .elementor-button,
body #mom-3 .ml-mom-related-link .elementor-button{color:var(--ml-ink)}

body #mom-2 .ml-mom-related-link .elementor-button,
body #mom-4 .ml-mom-related-link .elementor-button{color:var(--ml-paper)}

/* CORRECTED 2026-08-17: this rule set opacity/background on hover but never
   border-color, so the border fell through to Elementor's own kit-level
   default for EVERY button widget site-wide - `.elementor-widget-button
   .elementor-button:hover{border-color:var(--ast-global-color-1)}`, an
   inline style injected by Elementor itself, not anything in this repo -
   and --ast-global-color-1 is a leftover factory-default blue nobody ever
   customized. .ml-go was never exposed to this because its own hover rule
   already set border-color explicitly; this one never did. currentColor
   here correctly picks up whichever ink or paper colour the per-moment
   rules above already set. */
body .ml-mom-related-link .elementor-button:hover,
body .ml-mom-related-link .elementor-button:focus{
  background:transparent;
  opacity:.62;
  border-color:currentColor;
}

body .ml-mom-related-link .elementor-button:focus-visible{
  outline:2px solid currentColor !important;
  outline-offset:5px;
}

/* Closing reflection */

body #mom-copy-1 > .ml-mom-reflection,
body #mom-copy-2 > .ml-mom-reflection,
body #mom-copy-3 > .ml-mom-reflection,
body #mom-copy-4 > .ml-mom-reflection{
  grid-column:narrative-start / content-end;
  grid-row:5;
  justify-self:start;
  width:100%;
  max-width:58ch;
  margin:clamp(32px,3vw,44px) 0 0;
  text-align:left;
}

.ml-mom-reflection p{
  max-width:58ch;
  margin:0;
  font-family:"Literata",Georgia,serif;
  font-size:1.0938rem;
  font-style:italic;
  line-height:1.62;
}

#mom-1 .ml-mom-reflection p,
#mom-3 .ml-mom-reflection p{color:rgba(0,0,0,.66)}

#mom-2 .ml-mom-reflection p,
#mom-4 .ml-mom-reflection p{color:rgba(255,255,255,.74)}

/* Closing call to action */

#mom-close.e-con{
  width:100%;
  max-width:none;
  padding:clamp(130px,16vw,210px) var(--ml-gut);
  align-items:center;
  text-align:center;
  background-color:var(--ml-paper);
  color:var(--ml-ink);
  --width:100%;
}

#mom-close .ml-eyebrow .elementor-heading-title{color:var(--ml-grey)}

#mom-close .ml-statement .elementor-heading-title{
  max-width:26ch;
  margin:26px auto 0;
  color:var(--ml-ink);
}

#mom-close-actions.e-con{
  width:auto;
  margin-top:64px;
  padding:0;
  gap:20px;
  justify-content:center;
  flex-wrap:wrap;
  --width:auto;
}

body #mom-close .ml-btn-primary .elementor-button{
  background-color:var(--ml-ink);
  color:var(--ml-paper);
  border-color:var(--ml-ink);
}

body #mom-close .ml-btn-primary .elementor-button:hover,
body #mom-close .ml-btn-primary .elementor-button:focus{
  background-color:var(--ml-paper);
  color:var(--ml-ink);
  border-color:var(--ml-ink);
}

body #mom-close .ml-btn-secondary .elementor-button{
  background-color:transparent;
  color:var(--ml-ink);
  border-color:rgba(0,0,0,.32);
}

body #mom-close .ml-btn-secondary .elementor-button:hover,
body #mom-close .ml-btn-secondary .elementor-button:focus{
  background-color:var(--ml-ink);
  color:var(--ml-paper);
  border-color:var(--ml-ink);
}

/* Responsive */

@media (max-width:1180px){
  #mom-intro-wrap.e-con{
    grid-template-columns:minmax(0,1fr);
    row-gap:40px;
  }

  #mom-intro-b.e-con{
    max-width:70ch;
    padding-top:52px;
  }

  #mom-hero .ml-page-title .elementor-heading-title{max-width:none}
}

@media (max-width:900px){
  #mom-wrap-1.e-con,
  #mom-wrap-2.e-con,
  #mom-wrap-3.e-con,
  #mom-wrap-4.e-con{
    grid-template-columns:
      [full-start] var(--ml-gut)
      [content-start] minmax(0,1fr)
      [content-end] var(--ml-gut) [full-end];
    grid-template-rows:auto auto auto auto auto auto;
  }

  body #mom-art-1.e-con,
  body #mom-art-2.e-con,
  body #mom-art-3.e-con,
  body #mom-art-4.e-con{
    grid-column:content-start / content-end;
    grid-row:4;
    margin-top:54px;
  }

  body #mom-persp-1.e-con,
  body #mom-persp-2.e-con,
  body #mom-persp-3.e-con,
  body #mom-persp-4.e-con{
    grid-column:content-start / content-end;
    grid-row:5;
    justify-self:start;
    max-width:66ch;
    margin-top:46px;
  }

  body #mom-copy-1 > .ml-mom-reflection,
  body #mom-copy-2 > .ml-mom-reflection,
  body #mom-copy-3 > .ml-mom-reflection,
  body #mom-copy-4 > .ml-mom-reflection{
    grid-column:content-start / content-end;
    grid-row:6;
    justify-self:center;
    max-width:62ch;
    margin-top:44px;
    text-align:center;
  }

  .ml-mom-reflection p{max-width:62ch;margin:0 auto}
}

@media (max-width:782px){
  #mom-1.e-con,
  #mom-2.e-con,
  #mom-3.e-con,
  #mom-4.e-con{padding:88px 0}

  body #mom-copy-1 > .ml-moment-title .elementor-heading-title,
  body #mom-copy-2 > .ml-moment-title .elementor-heading-title,
  body #mom-copy-3 > .ml-moment-title .elementor-heading-title,
  body #mom-copy-4 > .ml-moment-title .elementor-heading-title{
    width:100%;
    max-width:none;
    font-size:clamp(29px,8vw,36px) !important;
    line-height:1.02 !important;
  }

  body #mom-copy-1 > .ml-mom-situation,
  body #mom-copy-2 > .ml-mom-situation,
  body #mom-copy-3 > .ml-mom-situation,
  body #mom-copy-4 > .ml-mom-situation{max-width:34ch}
}

@media (max-width:430px){
  #mom-hero.e-con,
  #mom-intro.e-con,
  #mom-close.e-con{padding-left:24px;padding-right:24px}

  #mom-wrap-1.e-con,
  #mom-wrap-2.e-con,
  #mom-wrap-3.e-con,
  #mom-wrap-4.e-con{
    grid-template-columns:
      [full-start] 24px
      [content-start] minmax(0,1fr)
      [content-end] 24px [full-end];
  }

  #mom-close-actions.e-con{
    width:100%;
    flex-direction:column;
    align-items:stretch;
    --width:100%;
  }

  #mom-close-actions .elementor-button{width:100%}
}

@media (prefers-reduced-motion:reduce){
  body .ml-mom-related-link .elementor-button{transition:none}
}


/* ── Section-head hierarchy (client review 3, The Moments That Matter) ─
   She asked for more air between the eyebrow and the heading, and less
   between the heading and the copy beneath it, so the title and its copy
   read as one unit under a label rather than three evenly spaced lines.

   Scoped to this page by body class. The site-wide 26/28 lock in
   ml-site.css is untouched and still governs the other 38 section heads.
   Note this deliberately INVERTS the Our Approach exception on
   Leadership, where she asked for the opposite; both are per-section
   judgements she made page by page, not a change to the system.

   She wrote "the space between OUR APPROACH and the heading", but Our
   Approach is a Leadership section and none exists on this page, so it
   is read as the eyebrow generally and applied to all three heads here
   (mom-hero-copy, mom-intro-a, mom-close) rather than guessing at one. */

body.page-id-1996 .ml-eyebrow{margin-bottom:32px !important}

body.page-id-1996 #mom-hero .ml-lead{margin-top:22px}
body.page-id-1996 #mom-intro .ml-section-title{margin-top:0}

body.page-id-1996 .ml-page-title + .ml-lead,
body.page-id-1996 .ml-section-title + .ml-body,
body.page-id-1996 .ml-statement + .ml-body,
body.page-id-1996 .ml-page-title + .elementor-widget-text-editor,
body.page-id-1996 .ml-section-title + .elementor-widget-text-editor,
body.page-id-1996 .ml-statement + .elementor-widget-text-editor{
  margin-top:22px !important;
}