/* Ported from legacy-baseline/motion.css; scoped to below-Hero blocks. */
/* Phase 1: scoped motion layer; existing assets and section styles stay intact. */
.mh-legacy .mm-motion-controls { display:flex; align-items:center; gap:18px; margin:8px 0 16px; font-size:.8rem; }
.mh-legacy .mm-motion-controls button, .mh-legacy .mm-motion-controls a { color:inherit; background:none; border:0; border-bottom:1px solid currentColor; padding:5px 0; font:inherit; cursor:pointer; }
.mh-legacy .mm-journey { position:relative; background:var(--bg-primary); color:var(--text-primary); }
.mh-legacy .mm-journey-scene { padding:48px max(6vw,20px); margin:auto; }
.mh-legacy .mm-journey-eyebrow { color:var(--accent-apricot); font-size:.85rem; font-weight:800; letter-spacing:.06em; }
.mh-legacy .mm-journey h2 { font-size:clamp(1.8rem,3.6vw,3.5rem); line-height:1.4; margin:12px 0; }
.mh-legacy .mm-journey-intro { max-width:650px; color:var(--text-secondary); }
.mh-legacy .mm-journey-path { width:100%; height:clamp(150px,22vh,230px); overflow:visible; display:block; }
.mh-legacy .mm-path-base { fill:none; stroke:var(--glass-border-hover); stroke-width:2; }
.mh-legacy .mm-path-progress { fill:none; stroke:var(--accent-apricot); stroke-width:3; }
.mh-legacy .mm-node { fill:var(--bg-primary); stroke:#3b84b7; stroke-width:2; transition:fill .35s,stroke .35s; }
.mh-legacy .mm-node.is-passed { fill:var(--accent-apricot); stroke:var(--accent-apricot); }
.mh-legacy .mm-signal { fill:var(--accent-apricot); stroke:var(--surface); stroke-width:4; }
.mh-legacy .mm-journey-steps { list-style:none; padding:0; margin:0; }
.mh-legacy .mm-journey-steps li { padding:18px 0; border-top:1px solid var(--glass-border-hover); }
.mh-legacy .mm-step-number { color:var(--accent-apricot); font:600 .9rem var(--font-en); }
.mh-legacy .mm-journey-steps h3 { font-size:clamp(1.6rem,3vw,2.8rem); margin:8px 0; line-height:1.4; }
.mh-legacy .mm-journey-steps p { max-width:640px; color:var(--text-secondary); margin:0; }
.mh-legacy .mm-journey-index { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.mh-legacy .mm-journey-index span { flex:1; min-width:35px; border-top:3px solid var(--glass-border-hover); padding-top:10px; font-size:.75rem; color:var(--text-secondary); transition:border-color .3s; }
.mh-legacy .mm-journey-index .is-passed { border-color:var(--accent-apricot); color:var(--text-primary); }
.mh-legacy .mm-journey-footer { display:flex; justify-content:space-between; gap:16px; margin-top:20px; font-size:.8rem; color:var(--text-secondary); }
.mh-legacy .mm-journey-footer a { color:inherit; }
.mh-legacy .mm-journey.is-animated { height:480svh; }
.mh-legacy .is-animated .mm-journey-scene { position:sticky; top:var(--mm-nav-height,100px); height:calc(100svh - var(--mm-nav-height,100px)); display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; padding-block:24px; }
.mh-legacy .is-animated .mm-journey-steps { display:grid; }
.mh-legacy .is-animated .mm-journey-steps li { grid-area:1/1; opacity:0; visibility:hidden; transform:translateY(25px); filter:blur(5px); transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1),filter .5s,visibility .5s; }
.mh-legacy .is-animated .mm-journey-steps li.is-active { opacity:1; visibility:visible; transform:none; filter:none; }
.mh-legacy .is-animated .mm-journey-steps li.is-past { transform:translateY(-25px); }
.mh-legacy .mm-sweep { clip-path:inset(0 var(--mm-sweep,0%) 0 0); transition:clip-path .15s linear; }
.mh-legacy .mm-journey.is-static .mm-journey-index { display:none; }
@media(max-width:700px) {
 .mh-legacy .mm-journey.is-animated { height:420svh; }
 .mh-legacy .is-animated .mm-journey-scene { padding-inline:22px; }
 .mh-legacy .mm-journey h2 { font-size:1.7rem; }
 .mh-legacy .mm-journey-intro { font-size:.85rem; }
 .mh-legacy .mm-journey-index span { font-size:.58rem; min-width:0; }
 .mh-legacy .mm-journey-steps p { font-size:.9rem; }
 .mh-legacy .mm-journey-footer { font-size:.7rem; }
}
@media(prefers-reduced-motion:reduce) {
 .mh-legacy .mm-sweep { clip-path:none; }
 .mh-legacy .mm-node { transition:none; }
}


.mh-legacy .mm-step-number { direction:ltr; unicode-bidi:isolate; display:inline-block; }
.mh-legacy[lang="en"] .mm-journey-path { transform:scaleX(-1); }

/* Phase 1.5 — editorial choreography on the accepted Phase 1 foundation. */
.mh-legacy .mm-journey { isolation:isolate; }
.mh-legacy .mm-journey-path { position:relative; z-index:1; }
.mh-legacy .mm-path-echo { fill:none; stroke:var(--brand-cyan,#5cc8ff); stroke-width:1; opacity:.18; transform:translateY(var(--journey-depth,0px)); }
.mh-legacy .mm-path-echo.echo-far { opacity:.09; transform:translateY(calc(var(--journey-depth,0px) * -1)); }
.mh-legacy .mm-path-progress { filter:drop-shadow(0 0 3px rgb(240 101 67 / 20%)); }
.mh-legacy .mm-signal-trail { fill:var(--accent-apricot); }
.mh-legacy .mm-node { transform-box:fill-box; transform-origin:center; transition:fill .45s,stroke .45s,transform .65s cubic-bezier(.16,1,.3,1),opacity .45s; }
.mh-legacy .mm-node.is-passed:not(.is-current) { opacity:.55; }
.mh-legacy .mm-node.is-current { transform:scale(1.5); stroke:var(--surface); stroke-width:3; }
.mh-legacy .is-animated .mm-journey-steps li { border-top:0; transform:translate(16px,42px); transition:opacity .65s,transform .85s cubic-bezier(.16,1,.3,1),filter .65s,visibility .65s; }
.mh-legacy .is-animated .mm-journey-steps li.is-active { transform:none; }
.mh-legacy .is-animated .mm-journey-steps li.is-past { transform:translate(-12px,-38px); }
.mh-legacy .mm-journey-steps h3 { font-size:clamp(1.9rem,4.2vw,4rem); letter-spacing:-.035em; }
.mh-legacy .mm-journey-index span { border-top-width:1px; }

/* Journey progress refinement: the existing dash reveal clips this brand palette. */
.mh-legacy .mm-journey .mm-path-progress { stroke:url(#mm-journey-colors); stroke-linecap:round; filter:none; }
.mh-legacy .mm-journey .mm-node { fill:var(--bg-primary); stroke:var(--text-secondary); opacity:.4; }
.mh-legacy .mm-journey .mm-node.is-passed { fill:var(--stage-color); stroke:var(--stage-color); opacity:.72; }
.mh-legacy .mm-journey .mm-node.is-current { fill:var(--stage-color); stroke:var(--surface); opacity:1; filter:drop-shadow(0 0 5px var(--stage-color)); }
.mh-legacy .mm-journey .mm-node-ring { fill:none; stroke:var(--stage-color); stroke-width:1.5; opacity:0; transition:opacity .35s; pointer-events:none; }
.mh-legacy .mm-journey .mm-node-ring.is-current { opacity:.65; }
.mh-legacy .mm-journey .mm-signal, .mh-legacy .mm-journey .mm-signal-trail { fill:var(--active-stage-color,var(--accent-apricot)); }
.mh-legacy .mm-journey .mm-journey-index { flex-wrap:nowrap; max-width:100%; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:thin; padding-bottom:6px; }
.mh-legacy .mm-journey .mm-journey-index span { flex:1 0 0; min-width:0; border-top-width:2px; font-size:.75rem; line-height:1.5; opacity:.55; transition:color .25s,border-color .25s,opacity .25s; }
.mh-legacy .mm-journey .mm-journey-index .is-passed { border-color:var(--stage-color); color:var(--text-primary); opacity:.85; }
.mh-legacy .mm-journey .mm-journey-index [aria-current="step"] { border-color:var(--stage-color); color:var(--stage-color); font-weight:800; opacity:1; }
.mh-legacy .mm-journey .is-active .mm-step-number { color:var(--active-stage-color,var(--accent-apricot)); }
@media(max-width:700px) {
 .mh-legacy .mm-journey .mm-journey-index span { flex:0 0 108px; font-size:.78rem; }
}
@media(prefers-reduced-motion:reduce) {
 .mh-legacy .mm-journey .mm-node-ring, .mh-legacy .mm-journey .mm-journey-index span { transition:none; }
}

/* Names anchored to the main curve's node coordinates, independent of SVG scale. */
.mh-legacy .mm-journey-scene { position:relative; }
.mh-legacy .mm-route-labels { position:absolute; inset:0; pointer-events:none; }
.mh-legacy .mm-route-label { position:absolute; width:max-content; max-width:112px; transform:translate(-50%,22px); text-align:center; direction:rtl; font-size:12px; line-height:1.45; font-weight:500; color:var(--text-secondary); opacity:.65; }
.mh-legacy[lang="en"] .mm-route-label { direction:ltr; }
.mh-legacy .mm-route-label.is-passed { opacity:.85; }
.mh-legacy .mm-route-label.is-current { color:var(--stage-color); font-weight:800; opacity:1; }
@media(max-width:700px) {
 .mh-legacy .mm-route-label { max-width:56px; font-size:11px; transform:translate(-50%,12px); text-wrap:balance; }
 .mh-legacy[lang="en"] .mm-route-label { max-width:74px; font-size:10px; }
 .mh-legacy .mm-route-label:nth-child(even) { transform:translate(-50%,calc(-100% - 12px)); }
}

/* A continuous orange rule ties the opportunity journey to both typography scenes. */
.mh-legacy .mm-story-thread { position:absolute; inset-inline-start:4vw; inset-block:0; width:1px; background:linear-gradient(180deg,transparent,var(--accent-apricot) 30%,var(--accent-apricot) 70%,transparent); opacity:.3; pointer-events:none; }
.mh-legacy .mm-type-scene { position:relative; isolation:isolate; background:var(--bg-primary); color:var(--text-primary); }
.mh-legacy .mm-type-scene::before { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent,var(--surface),transparent); opacity:.3; pointer-events:none; }
.mh-legacy .mm-type-stage { position:relative; padding:64px max(7vw,24px); }
.mh-legacy .mm-type-eyebrow { position:relative; color:var(--accent-apricot); font-size:.85rem; font-weight:700; margin:0 0 24px; }
.mh-legacy .mm-type-stack { position:relative; }
.mh-legacy .mm-type-panel { padding:32px 0; }
.mh-legacy .mm-type-title { font-size:clamp(2.8rem,8.8vw,9rem); font-weight:900; line-height:1.32; letter-spacing:-.055em; margin:0; max-width:14ch; }
.mh-legacy .mm-type-panel p { color:var(--text-secondary); max-width:42ch; font-size:clamp(.95rem,1.35vw,1.2rem); line-height:1.9; margin:24px 0 0; }
.mh-legacy .mm-type-number { display:block; direction:ltr; unicode-bidi:isolate; color:var(--accent-apricot); font:500 .8rem var(--font-en); margin-bottom:18px; }
.mh-legacy .mm-type-word .mm-type-title { font-size:clamp(5rem,19vw,19rem); line-height:1.3; max-width:none; }
.mh-legacy[lang="en"] .mm-type-word .mm-type-title { font-size:clamp(3.6rem,14vw,14rem); letter-spacing:-.065em; }
.mh-legacy .mm-type-footer { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:32px; position:relative; }
.mh-legacy .mm-type-footer button, .mh-legacy .mm-type-footer a { background:none; border:0; padding:6px 0; color:var(--text-secondary); font:inherit; font-size:.75rem; text-decoration:underline; cursor:pointer; }
.mh-legacy .mm-type-meter { height:2px; width:70px; background:var(--glass-border-hover); position:relative; overflow:hidden; }
.mh-legacy .mm-type-meter::after { content:''; position:absolute; inset:0; background:var(--accent-apricot); transform:scaleX(var(--type-progress,0)); transform-origin:right; }
.mh-legacy[lang="en"] .mm-type-meter::after { transform-origin:left; }
.mh-legacy .mm-type-scene.is-animated { height:320svh; }
.mh-legacy .mm-type-word.is-animated { height:480svh; }
.mh-legacy .is-animated .mm-type-stage { position:sticky; top:var(--mm-nav-height,100px); height:calc(100svh - var(--mm-nav-height,100px)); display:flex; flex-direction:column; justify-content:center; box-sizing:border-box; }
.mh-legacy .is-animated .mm-type-stack { display:grid; align-items:stretch; min-height:55vh; }
.mh-legacy .is-animated .mm-type-panel { grid-area:1/1; display:flex; flex-direction:column; justify-content:center; opacity:var(--type-opacity,0); transform:translate(var(--type-x,0px),var(--type-y,0px)); filter:blur(var(--type-blur,0px)); clip-path:inset(var(--type-mask-top,0%) 0 var(--type-mask-bottom,0%) 0); pointer-events:none; }
/* Keep adjacent panels visible during the crossfade, but silent to assistive tech. */
.mh-legacy .is-animated .mm-type-panel { visibility:visible; }
.mh-legacy .mm-type-scene.is-static .mm-type-meter { display:none; }
.mh-legacy .mm-type-scene.is-static .mm-type-panel { border-bottom:1px solid var(--glass-border); }
.mh-legacy .mm-type-scene.is-static .mm-type-title { font-size:clamp(2.5rem,6vw,6rem); }
@media(max-width:700px) {
 .mh-legacy .mm-journey-steps h3 { font-size:1.9rem; }
 .mh-legacy .mm-type-title { font-size:clamp(2.45rem,10.2vw,4.6rem); line-height:1.5; letter-spacing:-.04em; }
 .mh-legacy .mm-type-word .mm-type-title { font-size:clamp(4.5rem,24vw,8rem); }
 .mh-legacy[lang="en"] .mm-type-word .mm-type-title { font-size:clamp(3rem,17vw,6rem); }
 .mh-legacy .mm-type-stage { padding-inline:26px; }
 .mh-legacy .mm-type-scene.is-animated { height:270svh; }
 .mh-legacy .mm-type-word.is-animated { height:380svh; }
 .mh-legacy .mm-story-thread { inset-inline-start:12px; }
 .mh-legacy .mm-type-panel p { font-size:.9rem; }
 .mh-legacy .is-animated .mm-type-stack { min-height:48vh; }
}
@media(prefers-reduced-motion:reduce) {
 .mh-legacy .mm-path-progress { filter:none; }
}

/* Phase 1.6: meaningful companions, driven by the existing typography timeline. */
.mh-legacy .mm-type-panel:has(.mm-media), .mh-legacy .is-animated .mm-type-panel:has(.mm-media) { display:grid; grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr); gap:5%; align-items:center; direction:ltr; }
.mh-legacy .mm-type-copy { grid-column:2; grid-row:1; min-width:0; direction:rtl; text-align:right; }
.mh-legacy[lang="en"] .mm-type-copy { direction:ltr; text-align:left; }
.mh-legacy .mm-type-statements .mm-type-title { font-size:clamp(2.7rem,6.6vw,6.7rem); max-width:none; }
.mh-legacy .mm-type-word .mm-type-title { font-size:clamp(5rem,14vw,14rem); }
.mh-legacy[lang="en"] .mm-type-word .mm-type-title { font-size:clamp(3rem,8.5vw,9rem); }
.mh-legacy .mm-media { grid-column:1; grid-row:1; direction:rtl; text-align:right; position:relative; min-width:0; width:100%; height:450px; color:var(--text-primary); transform:translateY(var(--media-shift,0px)); }
.mh-legacy[lang="en"] .mm-media { direction:ltr; text-align:left; }
.mh-legacy .mm-media-caption { font-size:.7rem; font-weight:700; letter-spacing:.05em; color:var(--text-secondary); border-bottom:1px solid var(--glass-border-hover); padding-bottom:14px; }
.mh-legacy .mm-media-collage { position:relative; height:355px; }
.mh-legacy .mm-media-photo { position:absolute; object-fit:cover; border:7px solid var(--surface); border-radius:5px; box-shadow:0 16px 35px rgb(12 30 54 / 12%); }
.mh-legacy .photo-back { width:57%; height:76%; top:20px; left:3%; transform:translateY(calc(var(--media-shift,0px) * -1)) rotate(calc(-7deg + var(--media-tilt,0deg))); }
.mh-legacy .photo-front { width:49%; height:89%; top:28px; right:3%; transform:rotate(calc(7deg - var(--media-tilt,0deg))); object-position:center 30%; }
.mh-legacy .mm-media-note { position:absolute; bottom:0; left:2%; padding:15px 20px; background:var(--surface); border-inline-start:3px solid var(--accent-apricot); box-shadow:0 8px 24px rgb(12 30 54 / 8%); transform:translateX(var(--media-shift,0px)); }
.mh-legacy .mm-media-note b, .mh-legacy .mm-media-note span { display:block; font-size:.9rem; }
.mh-legacy .mm-media-note span { font-size:.75rem; color:var(--text-secondary); }
.mh-legacy .mm-media-bottom { display:flex; align-items:center; gap:12px; margin-top:30px; font-size:.8rem; }
.mh-legacy .mm-media-bottom i { height:1px; flex:1; background:var(--accent-apricot); transform:scaleX(calc(.45 + var(--media-progress,.65)*.55)); }
.mh-legacy .mm-flow-sources { display:flex; justify-content:space-between; gap:8px; padding-top:30px; direction:ltr; }
.mh-legacy .mm-flow-sources span { font-family:inherit; font-size:.8rem; border-bottom:2px solid var(--brand-cyan); padding:10px 4px; }
.mh-legacy .mm-flow-lines { width:100%; height:130px; overflow:visible; }
.mh-legacy .mm-flow-lines path { fill:none; stroke:var(--glass-border-hover); stroke-width:2; }
.mh-legacy .mm-flow-lines .mm-flow-ink { stroke:var(--accent-apricot); stroke-dasharray:1; stroke-dashoffset:calc(1 - var(--media-progress,.65)); }
.mh-legacy .mm-flow-dot { fill:var(--accent-apricot); }
.mh-legacy .mm-response { position:relative; width:78%; margin:-14px auto 0; padding:20px 24px; border:1px solid var(--glass-border-hover); border-radius:14px 14px 0 14px; background:var(--surface); transform:translateX(calc(var(--media-shift,0px) * -.5)); }
.mh-legacy .mm-response small, .mh-legacy .mm-response b { display:block; }
.mh-legacy .mm-response small { color:var(--accent-apricot); font-size:.75rem; }
.mh-legacy .mm-response b { font-size:1.1rem; margin:5px 0 14px; }
.mh-legacy .mm-response-line { display:block; height:3px; width:75%; background:var(--glass-border-hover); margin-top:8px; }
.mh-legacy .mm-response-line.short { width:48%; }
.mh-legacy .mm-follow { display:flex; align-items:center; gap:12px; margin:20px 12% 0; transform:translateY(calc(var(--media-shift,0px) * -.5)); }
.mh-legacy .mm-follow-check { color:var(--accent-apricot); font-size:1.8rem; }
.mh-legacy .mm-follow b, .mh-legacy .mm-follow div>span { display:block; font-size:.85rem; }
.mh-legacy .mm-follow div>span { color:var(--text-secondary); font-size:.7rem; }
.mh-legacy .mm-evidence { position:relative; height:260px; margin-top:26px; }
.mh-legacy .mm-evidence-slip { position:absolute; top:15px; width:44%; height:178px; padding:20px; background:var(--surface); border:1px solid var(--glass-border-hover); box-shadow:0 12px 24px rgb(12 30 54 / 6%); }
.mh-legacy .mm-evidence-slip small { color:var(--accent-apricot); font:500 .75rem var(--font-en); }
.mh-legacy .mm-evidence-slip b { display:block; margin:10px 0 20px; font-size:1rem; }
.mh-legacy .mm-evidence-slip i { display:block; height:2px; margin:8px 0; background:var(--glass-border-hover); }
.mh-legacy .slip-a { left:1%; transform:rotate(calc(-9deg + var(--media-tilt,0deg))); }
.mh-legacy .slip-b { left:28%; top:0; transform:translateY(var(--media-shift,0px)); }
.mh-legacy .slip-c { right:0; top:36px; transform:rotate(calc(8deg - var(--media-tilt,0deg))); }
.mh-legacy .mm-evidence-slip svg { width:100%; height:45px; }
.mh-legacy .mm-evidence-slip path { fill:none; stroke:var(--accent-apricot); stroke-width:2; }
.mh-legacy .mm-insight-note { padding:4px 15px; transform:translateY(calc(var(--media-shift,0px) * -.5)); }
.mh-legacy .mm-insight-note small, .mh-legacy .mm-insight-note strong { display:block; }
.mh-legacy .mm-insight-note small { font-size:.8rem; color:var(--text-secondary); }
.mh-legacy .mm-insight-note strong { font-size:clamp(1.3rem,2vw,1.8rem); margin:12px 0; }
.mh-legacy .mm-insight-underline { display:block; height:3px; width:100%; background:var(--accent-apricot); transform:scaleX(calc(.2 + var(--media-progress,.65)*.8)); transform-origin:right; }
.mh-legacy .mm-media-quiet { height:auto; padding:0 12%; }
.mh-legacy .mm-quiet-sheet { border-top:1px solid var(--accent-apricot); border-bottom:1px solid var(--glass-border-hover); padding:30px 0; transform:rotate(var(--media-tilt,0deg)); }
.mh-legacy .mm-quiet-number { font:500 2rem var(--font-en); color:var(--accent-apricot); }
.mh-legacy .mm-quiet-sheet strong { display:block; font-size:1.8rem; margin:16px 0; }
.mh-legacy .mm-quiet-sheet>span:not(.mm-quiet-number) { font-size:.85rem; color:var(--text-secondary); }
.mh-legacy .mm-quiet-rule { height:2px; margin:26px 0; background:var(--glass-border-hover); }
.mh-legacy .mm-quiet-rule i { display:block; width:100%; height:100%; background:var(--brand-cyan); transform:scaleX(var(--media-progress,.65)); transform-origin:right; }
.mh-legacy .mm-quiet-track { display:flex; gap:8px; }
.mh-legacy .mm-quiet-track i { flex:1; height:4px; background:var(--glass-border-hover); }
.mh-legacy .mm-quiet-track .complete { background:var(--accent-apricot); }
.mh-legacy .mm-evidence-slip { width:36%; text-align:left; }
.mh-legacy .slip-a { left:0; }
.mh-legacy .slip-b { left:32%; }
@media(max-width:1000px) and (min-width:901px) {
 .mh-legacy .mm-media { height:390px; }
 .mh-legacy .mm-media-collage { height:290px; }
 .mh-legacy .mm-response { padding:14px; width:90%; }
 .mh-legacy .mm-follow { margin-inline:5%; }
 .mh-legacy .mm-type-statements .mm-type-title { font-size:5.8vw; }
}
@media(max-width:900px) {
 .mh-legacy .mm-type-panel:has(.mm-media), .mh-legacy .is-animated .mm-type-panel:has(.mm-media) { grid-template-columns:1fr; grid-template-rows:auto auto; gap:18px; padding:8px 0; align-content:center; }
 .mh-legacy .mm-type-copy { grid-column:1; grid-row:1; }
 .mh-legacy .mm-media { grid-column:1; grid-row:2; height:205px; max-width:440px; margin:auto; transform:none; }
 .mh-legacy .mm-media-caption { display:none; }
 .mh-legacy .mm-type-statements .mm-type-title { font-size:clamp(2rem,7.5vw,3.8rem); line-height:1.35; }
 .mh-legacy .mm-type-copy p { margin-top:12px; font-size:.85rem; line-height:1.7; }
 .mh-legacy .mm-type-number { margin-bottom:8px; }
 .mh-legacy .mm-media-collage { height:170px; }
 .mh-legacy .mm-media-photo { border-width:4px; }
 .mh-legacy .photo-back { width:43%; height:90%; top:0; left:8%; }
 .mh-legacy .photo-front { width:36%; height:100%; top:0; right:10%; }
 .mh-legacy .mm-media-note { padding:8px 12px; bottom:0; left:4%; }
 .mh-legacy .mm-media-note b, .mh-legacy .mm-media-note span { font-size:.65rem; }
 .mh-legacy .mm-media-bottom { margin-top:18px; font-size:.65rem; }
 .mh-legacy .mm-flow-sources { padding-top:0; }
 .mh-legacy .mm-flow-sources span { padding:0 4px 5px; font-size:.65rem; }
 .mh-legacy .mm-flow-lines { height:55px; }
 .mh-legacy .mm-response { padding:8px 14px; width:76%; margin-top:-10px; }
 .mh-legacy .mm-response b { font-size:.85rem; margin:2px 0; }
 .mh-legacy .mm-response-line { display:none; }
 .mh-legacy .mm-follow { margin:8px 12% 0; }
 .mh-legacy .mm-follow b { font-size:.75rem; }
 .mh-legacy .mm-follow div>span { font-size:.6rem; }
 .mh-legacy .mm-evidence { height:130px; margin-top:0; }
 .mh-legacy .mm-evidence-slip { height:115px; padding:9px 12px; }
 .mh-legacy .mm-evidence-slip b { margin:3px 0 8px; font-size:.75rem; }
 .mh-legacy .mm-evidence-slip i { margin:5px 0; }
 .mh-legacy .slip-c { top:10px; }
 .mh-legacy .mm-evidence-slip svg { height:30px; }
 .mh-legacy .mm-insight-note small { font-size:.65rem; }
 .mh-legacy .mm-insight-note strong { font-size:1.05rem; margin:4px 0 8px; }
 .mh-legacy .mm-type-word .mm-type-title { font-size:clamp(4.5rem,22vw,8rem); }
 .mh-legacy[lang="en"] .mm-type-word .mm-type-title { font-size:clamp(3rem,16vw,6rem); }
 .mh-legacy .mm-media-quiet { height:auto; padding:0 5%; }
 .mh-legacy .mm-quiet-sheet { padding:14px 0; }
 .mh-legacy .mm-quiet-number { font-size:1rem; }
 .mh-legacy .mm-quiet-sheet strong { font-size:1.25rem; margin:6px 0; }
 .mh-legacy .mm-quiet-sheet>span:not(.mm-quiet-number) { font-size:.7rem; }
 .mh-legacy .mm-quiet-rule { margin:12px 0; }
 .mh-legacy .is-animated .mm-type-stage { padding-block:24px; }
 .mh-legacy .mm-type-eyebrow { margin-bottom:10px; font-size:.72rem; }
 .mh-legacy .mm-type-footer { margin-top:18px; }
 .mh-legacy .is-animated .mm-type-stack { min-height:0; }
}

/* Measure one complete scene before pinning; never measure flex-compressed copy. */
.mh-legacy .is-animated.is-measuring :is(.mm-journey-scene,.mm-type-stage) { height:auto; min-height:0; justify-content:flex-start; }
.mh-legacy .is-animated :is(.mm-journey-scene,.mm-type-stage) > * { flex-shrink:0; }
/* Preserve the composition at ordinary laptop heights without reducing text. */
@media(min-height:701px) and (max-height:820px) and (min-width:901px) {
 .mh-legacy .is-animated .mm-type-panel { padding-block:16px; }
 .mh-legacy .is-animated .mm-journey-path { height:clamp(130px,18vh,148px); }
}
