body.experience-site.quality-2026 .page-hero.about-logo-hero {
  padding-block-end: clamp(20px, 3vw, 32px);
}

body.mg-site .about-logo-band {
  margin-block-start: clamp(8px, 1.5vw, 16px);
}

body.mg-site .about-logo-reveal {
  --reveal-ease: cubic-bezier(.22, 1, .36, 1);
  --reveal-precision: cubic-bezier(.65, .04, .25, 1);
  padding: clamp(24px, 5vw, 56px) clamp(10px, 4vw, 48px);
  border: 1px solid #dce7f7;
  border-radius: 24px;
  background: radial-gradient(ellipse at center, #fff, #edf4fd);
}

body.mg-site .about-logo-reveal .logo-svg {
  display: block;
  width: min(100%, 760px);
  height: auto;
  margin-inline: auto;
}

body.mg-site .about-logo-reveal .measure-outline { fill:none; stroke:#90b7f7; stroke-width:.4; stroke-dasharray:2.2 3; opacity:0; }
body.mg-site .about-logo-reveal .guide-lines { opacity:0; }
body.mg-site .about-logo-reveal .guide-lines path { fill:none;stroke:#7fa8e9;stroke-width:.78;stroke-dasharray:130;stroke-dashoffset:130; }
body.mg-site .about-logo-reveal .guide-lines .pin { fill:#0753f2;opacity:.75; }
body.mg-site .about-logo-reveal .crosshair { opacity:0; stroke:#7da8ef; stroke-width:2; fill:none; }

  /* The literal original brand path outlines are traced first. */
body.mg-site .about-logo-reveal .outline {
    fill:none; stroke-linecap:round; stroke-linejoin:round;
    stroke-dasharray:100;stroke-dashoffset:100;opacity:0;
    vector-effect:none;
  }
body.mg-site .about-logo-reveal .outline-m { stroke:#193b69; stroke-width:6; }
body.mg-site .about-logo-reveal .outline-g { stroke:#0753f2; stroke-width:7; }
body.mg-site .about-logo-reveal .outline-glow { stroke:#3983ff;stroke-width:23;filter:url(#about-reveal-tracing-glow); }
body.mg-site .about-logo-reveal .m-solid { fill:#102440; }
body.mg-site .about-logo-reveal .g-solid { fill:#0753f2; }

  /* Window panes are REAL SVG elements – not escaped text or overlays. */
body.mg-site .about-logo-reveal .window-outline { fill:none;stroke:#337bff;stroke-width:6;pathLength:100;stroke-dasharray:100;stroke-dashoffset:100;opacity:0; }
body.mg-site .about-logo-reveal .window-fill { fill:#0753f2;transform-box:fill-box;transform-origin:center; }
body.mg-site .about-logo-reveal .window-unit { isolation:isolate; }
body.mg-site .about-logo-reveal .word-row { fill:inherit; }
body.mg-site .about-logo-reveal .letter-scan { opacity:0;transform-box:fill-box;transform-origin:left center; }
body.mg-site .about-logo-reveal .shine { opacity:0; }
body.mg-site .about-logo-reveal .spark { opacity:0; transform-box:fill-box; transform-origin:center; }

@media (prefers-reduced-motion: no-preference) {
  body.mg-site .about-logo-reveal.is-playing .guide-lines { animation:about-reveal-guide-fade 2s .08s ease both; }
  body.mg-site .about-logo-reveal.is-playing .guide-lines path { animation:about-reveal-guide-draw 1.25s .10s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .measure-outline { animation:about-reveal-measure-on 1.7s .1s ease both; }
  body.mg-site .about-logo-reveal.is-playing .crosshair { animation:about-reveal-crosshair-show 1.05s 1.08s ease both; }
  body.mg-site .about-logo-reveal.is-playing .outline-m { animation:about-reveal-trace-m 1.5s .24s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .outline-g { animation:about-reveal-trace-g 1.54s .39s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .outline-glow.outline-m { animation:about-reveal-trace-m 1.5s .24s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .outline-glow.outline-g { animation:about-reveal-trace-g 1.54s .39s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .m-solid { animation:about-reveal-ink-m .81s 1.01s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .g-solid { animation:about-reveal-ink-g .87s 1.29s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .window-1 .window-outline { animation:about-reveal-draw-pane .5s 1.39s ease both; }
  body.mg-site .about-logo-reveal.is-playing .window-2 .window-outline { animation:about-reveal-draw-pane .5s 1.49s ease both; }
  body.mg-site .about-logo-reveal.is-playing .window-3 .window-outline { animation:about-reveal-draw-pane .5s 1.59s ease both; }
  body.mg-site .about-logo-reveal.is-playing .window-4 .window-outline { animation:about-reveal-draw-pane .5s 1.69s ease both; }
  body.mg-site .about-logo-reveal.is-playing .window-1 .window-fill { animation:about-reveal-pop-pane .54s 1.58s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .window-2 .window-fill { animation:about-reveal-pop-pane .54s 1.68s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .window-3 .window-fill { animation:about-reveal-pop-pane .54s 1.78s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .window-4 .window-fill { animation:about-reveal-pop-pane .54s 1.88s var(--reveal-ease) both; }
  body.mg-site .about-logo-reveal.is-playing .word-1 { animation:about-reveal-reveal-word .83s 1.67s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .word-2 { animation:about-reveal-reveal-word .83s 1.90s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .letter-scan { animation:about-reveal-scan-across .83s 1.72s var(--reveal-precision) both; }
  body.mg-site .about-logo-reveal.is-playing .shine { animation:about-reveal-shine-over 1.05s 2.12s ease-out both; }
  body.mg-site .about-logo-reveal.is-playing .spark { animation:about-reveal-twinkle .48s 2.54s ease-out both; }

  @keyframes about-reveal-guide-fade {0%{opacity:0}15%{opacity:.52}70%{opacity:.36}100%{opacity:0}}
  @keyframes about-reveal-guide-draw {to{stroke-dashoffset:0}}
  @keyframes about-reveal-measure-on {0%,100%{opacity:0}18%,70%{opacity:.5}}
  @keyframes about-reveal-crosshair-show {0%,100%{opacity:0}35%,65%{opacity:.8}}
  @keyframes about-reveal-trace-m {0%{opacity:0;stroke-dashoffset:100}9%{opacity:1}75%{opacity:1}89%{stroke-dashoffset:0;opacity:.92}100%{stroke-dashoffset:0;opacity:0}}
  @keyframes about-reveal-trace-g {0%{opacity:0;stroke-dashoffset:100}8%{opacity:1}75%{opacity:1}89%{stroke-dashoffset:0;opacity:.92}100%{stroke-dashoffset:0;opacity:0}}
  @keyframes about-reveal-ink-m {0%{opacity:0;clip-path:inset(0 0 100% 0)}12%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}}
  @keyframes about-reveal-ink-g {0%{opacity:0;clip-path:inset(0 100% 0 0)}12%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}}
  @keyframes about-reveal-draw-pane {0%{opacity:0;stroke-dashoffset:100}17%{opacity:1}80%{opacity:1}100%{opacity:0;stroke-dashoffset:0}}
  @keyframes about-reveal-pop-pane {0%{opacity:0;transform:scale(.25)}35%{opacity:1}75%{transform:scale(1.08)}100%{opacity:1;transform:scale(1)}}
  @keyframes about-reveal-reveal-word {0%{opacity:0;clip-path:inset(-5% 100% -5% 0);transform:translateY(2px)}12%{opacity:1}100%{opacity:1;clip-path:inset(-5% 0 -5% 0);transform:translateY(0)}}
  @keyframes about-reveal-scan-across {0%{opacity:0;transform:translateX(0) scaleX(.2)}20%{opacity:.9}75%{opacity:.7}100%{opacity:0;transform:translateX(169px) scaleX(1)}}
  @keyframes about-reveal-shine-over {0%{opacity:0;transform:translateX(-420px)}25%{opacity:.6}62%{opacity:.62}100%{opacity:0;transform:translateX(500px)}}
  @keyframes about-reveal-twinkle {0%,100%{opacity:0;transform:scale(.25)}45%{opacity:.9;transform:scale(1)}}
}