/* Homepage-only counter trial, styled for the separate V7 preview. */
.mg-experience {background:#fbfaf7;color:#17243c;scroll-margin-top:100px;border-bottom:1px solid #dedfdc;}
.mg-experience-inner {max-width:1280px;margin:auto;padding:48px 40px 50px;}
.mg-experience-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px;}
.mg-experience .mg-experience-eyebrow {margin:0;font:500 12px/1.5 "DM Sans",Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:#596477;}
.mg-experience h2 {margin:0;font:500 clamp(32px,3.2vw,44px)/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.015em;color:#17243c;}
.mg-experience dl {margin:0;}
.mg-experience-summary {display:grid;grid-template-columns:1fr 1fr;background:#17243c;color:#fff;border-radius:6px;overflow:hidden;}
.mg-experience .mg-counter {min-width:0;display:flex;flex-direction:column;padding:28px 36px;}
.mg-experience-summary .mg-counter + .mg-counter {border-left:1px solid #ffffff2b;}
.mg-experience dt {order:2;margin:5px 0 0;font:400 18px/1.5 "DM Sans",Arial,sans-serif;}
.mg-experience dd {order:1;margin:0;font:500 clamp(52px,5.7vw,76px)/1.05 "Cormorant Garamond",Georgia,serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:-.025em;white-space:nowrap;}
.mg-experience .mg-counter-context {display:block;font:400 12px/1.5 "DM Sans",Arial,sans-serif;color:#cbd2dd;margin-bottom:3px;letter-spacing:.015em;}
.mg-counter-plus {display:inline-block;margin-left:.06em;color:#c1b17b;font-size:.64em;vertical-align:.12em;}
.mg-counter-number {display:inline-block;min-width:var(--counter-width);text-align:left;}
.mg-experience-areas {display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;}
.mg-experience-area {border:1px solid #dedfdc;border-top:3px solid #506a93;border-radius:5px;background:#fff;min-width:0;}
.mg-experience-area.family {border-top-color:#a49250;}
.mg-experience-area header {padding:19px 28px 0;}
.mg-experience h3 {margin:0;font:500 26px/1.2 "Cormorant Garamond",Georgia,serif;}
.mg-experience h3 a {display:flex;justify-content:space-between;align-items:center;gap:12px;color:inherit;text-decoration:none;}
.mg-experience h3 a span {font:400 21px/1 "DM Sans",Arial,sans-serif;color:#788397;transition:transform .15s ease;}
.mg-experience h3 a:hover span {transform:translateX(3px);}
.mg-experience a:focus-visible {outline:2px solid #a49250;outline-offset:5px;border-radius:2px;}
.mg-experience-area dl {display:grid;grid-template-columns:1fr 1fr;padding:20px 0 25px;}
.mg-experience-area .mg-counter {padding:0 28px;}
.mg-experience-area .mg-counter + .mg-counter {border-left:1px solid #dedfdc;}
.mg-experience-area dd {font-size:clamp(38px,3.7vw,50px);}
.mg-experience-area dt {font-size:14px;line-height:1.5;margin-top:6px;}
.mg-experience-area .mg-counter-context {color:#687284;margin:0;font-size:11px;}
.mg-experience-area .mg-counter-plus {color:#8b793e;}
.mg-counter-sr {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media(min-width:1600px){.mg-experience-inner{max-width:1360px;}}
@media(max-width:760px){
  .mg-experience-inner {padding:32px 22px 36px;}
  .mg-experience-heading {display:block;margin-bottom:20px;}
  .mg-experience .mg-experience-eyebrow {margin-bottom:7px;font-size:10px;}
  .mg-experience-summary .mg-counter {padding:24px 16px;}
  .mg-experience-summary dd {font-size:40px;}
  .mg-experience-summary dt {font-size:15px;}
  .mg-experience-summary .mg-counter-context {font-size:10px;}
  .mg-experience-areas {grid-template-columns:1fr;gap:16px;margin-top:18px;}
  .mg-experience-area dd {font-size:40px;}
  .mg-experience-area header {padding:18px 24px 0;}
  .mg-experience-area .mg-counter {padding:0 24px;}
}
@media(max-width:380px){
  .mg-experience-inner {padding:28px 16px;}
  .mg-experience-summary .mg-counter {padding:22px 14px;}
  .mg-experience-summary dd {font-size:34px;}
  .mg-experience-summary dt {font-size:13px;}
  .mg-experience-area .mg-counter {padding:0 18px;}
  .mg-experience-area dt {font-size:12px;}
  .mg-experience-area dd {font-size:36px;}
}
@media(prefers-reduced-motion:reduce){.mg-experience h3 a span{transition:none;}}
