/* Natural scrolling: no wheel interception or scroll locking. */
.mx-hero-scroll{position:relative}
.mx-hero-scroll>.mx-scroll-hero{position:sticky!important;top:var(--hero-sticky-top,0);width:100%;margin-block:0;z-index:1}
.mx-hero-progress{position:relative;z-index:2;padding:18px 25px 24px;grid-column:2;grid-row:4;width:100%;color:#776080}
.mx-scroll-instruction{display:block;font-size:10px;letter-spacing:.08em;margin-bottom:14px}
.mx-hero-progress ol{list-style:none;display:flex;gap:22px;padding:0;margin:0;font-size:11px;letter-spacing:.04em}
.mx-hero-progress li[aria-current=step]{color:#c00080}
.mx-scroll-track{height:2px;background:#b792bd40;margin-top:15px;overflow:hidden}
.mx-scroll-track i{display:block;width:100%;height:100%;background:#ed078b;transform:scaleX(var(--scroll-progress,0));transform-origin:left}
body:is(.hero-dark,.hero-split-dark,.hero-center-dark,.hero-editorial-dark) .mx-hero-progress{color:#d0bddb}
body:is(.hero-dark,.hero-split-dark,.hero-center-dark,.hero-editorial-dark) .mx-hero-progress li[aria-current=step]{color:#ff99d8}
.mx-hero-study .mx-hero-progress{padding-inline:0}
.mx-section-icon{display:block;width:44px;height:44px;color:#d00087;margin-bottom:22px;flex-shrink:0}
.mx-landing .pipeline-readiness[data-layout] .pipeline-readiness-grid article{position:relative}
.mx-landing .pipeline-readiness[data-layout=checklist]{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:#faf7fb}
.mx-landing .pipeline-readiness[data-layout=checklist]>div:first-child{display:block}
.mx-landing .pipeline-readiness[data-layout=checklist] .pipeline-readiness-grid{display:block;margin:0}
.mx-landing .pipeline-readiness[data-layout=checklist] article{padding:26px 0 26px 72px;border-top:1px solid #d8c7df}
.mx-landing .pipeline-readiness[data-layout=checklist] .mx-section-icon{position:absolute;left:0;top:28px}
.mx-landing .pipeline-readiness[data-layout=checklist] h3{margin:12px 0}
.mx-landing .pipeline-readiness[data-layout=contact-sheet] .pipeline-readiness-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:start}
.mx-landing .pipeline-readiness[data-layout=contact-sheet] article{padding:30px;border:1px solid #dfd0e5;background:#faf6fc;min-width:0}
.mx-landing .pipeline-readiness[data-layout=contact-sheet] article:nth-child(2){margin-top:42px;background:#fff}
.mx-landing .pipeline-readiness[data-layout=contact-sheet] article:nth-child(3){margin-top:84px}
.mx-landing .pipeline-readiness[data-layout=milestones] .pipeline-readiness-grid{gap:0;border-top:1px solid #d8c7df}
.mx-landing .pipeline-readiness[data-layout=milestones] article{border-top:0;padding:28px}
.mx-landing .pipeline-readiness[data-layout=milestones] article+article{border-left:1px solid #d8c7df}
.mx-landing .pipeline-readiness[data-layout=notes] .pipeline-readiness-grid{gap:36px}
@media(min-width:900px){
 .mx-landing .mx-scroll-hero.pipeline-hero{min-height:calc(100svh - 86px)!important;padding-top:46px!important;padding-bottom:38px!important}
 .mx-landing .mx-scroll-hero.pipeline-hero .lp-canvas-wrap{height:clamp(220px,36svh,370px)!important}
 .mx-landing .mx-scroll-hero.pipeline-hero h1{font-size:clamp(42px,4.6vw,72px)}
}
@media(max-width:760px){
 .mx-hero-progress{order:5;padding-inline:18px;grid-column:auto}
 .mx-landing .pipeline-readiness[data-layout=checklist]{display:block}
 .mx-landing .pipeline-readiness[data-layout=checklist] .pipeline-readiness-grid{margin-top:30px}
 .mx-landing .pipeline-readiness[data-layout=contact-sheet] .pipeline-readiness-grid{grid-template-columns:1fr}
 .mx-landing .pipeline-readiness[data-layout=contact-sheet] article:nth-child(n){margin-top:0;padding:24px}
 .mx-landing .pipeline-readiness[data-layout=milestones] .pipeline-readiness-grid{display:block}
 .mx-landing .pipeline-readiness[data-layout=milestones] article+article{border-left:0;border-top:1px solid #d8c7df}
}
@media(prefers-reduced-motion:reduce){.mx-hero-scroll{height:auto!important}.mx-hero-scroll>.mx-scroll-hero{position:relative!important;top:auto}.mx-scroll-instruction,.mx-scroll-track{display:none}}

/* Header visibility follows the shared scroll behaviour during hero sequences too. */


@media(min-width:801px) and (max-height:800px){
.mx-landing .mx-scroll-hero.pipeline-hero{min-height:calc(100svh - 86px)!important;padding-top:26px!important;padding-bottom:20px!important}.mx-landing .mx-scroll-hero.pipeline-hero h1{font-size:clamp(32px,5.5svh,46px)!important;line-height:1.08}
.mx-landing .mx-scroll-hero .pipeline-description{font-size:14px!important;line-height:1.5}.mx-landing .mx-scroll-hero.pipeline-hero .lp-canvas-wrap{height:clamp(160px,30svh,240px)!important}.mx-landing .mx-scroll-hero .pipeline-scene-description{min-height:0;padding:14px 18px}.mx-landing .mx-scroll-hero .pipeline-scene-description p{font-size:13px;line-height:1.5}
.mx-hero-progress{padding:12px 18px}.mx-scroll-instruction{margin-bottom:8px}.mx-scroll-track{margin-top:10px}
.editorial-page .mx-scroll-hero.mx-compact-hero .lp-hero-inner{min-height:calc(100svh - 86px);padding-top:25px;padding-bottom:25px;gap:4%}.editorial-page .mx-scroll-hero.mx-compact-hero h1{font-size:clamp(32px,5.8svh,48px)}.editorial-page .mx-scroll-hero.mx-compact-hero .lp-description{font-size:14px;line-height:1.5}.editorial-page .mx-scroll-hero.mx-compact-hero .lp-art{height:clamp(160px,30svh,240px)}
.mx-scroll-hero .mx-study-description{min-height:0;padding:12px 16px}.mx-scroll-hero .mx-study-description p{font-size:13px;line-height:1.5}.mx-scroll-hero .mx-study-description h2{font-size:20px!important}.mx-scroll-hero .hero-action{margin-top:18px}}

/* Anchor the stage caption to its own artwork column. */
body.editorial-page .mx-hero-study #mx-study-description,
body .pipeline-hero .pipeline-scene-description {
  box-sizing:border-box;width:min(100%,32rem);max-width:100%;margin:clamp(10px,1.4vw,22px) auto 0;
  padding:clamp(13px,1.2vw,20px) clamp(16px,2vw,30px);text-align:center;
  border:1px solid #dcd7e4;border-radius:14px;background:#f8f6fa;color:#201932;
  box-shadow:0 4px 18px rgb(27 16 53 / 4%);
}
body:is(.hero-dark,.hero-split-dark,.hero-center-dark,.hero-editorial-dark) .mx-hero-study #mx-study-description,
body:is(.hero-dark,.hero-split-dark,.hero-center-dark,.hero-editorial-dark) .pipeline-hero .pipeline-scene-description {
  border-color:#ffffff30;background:linear-gradient(135deg,#211f49,#171638);color:#f8f5fc;
}
body .mx-hero-study #mx-study-description :is(h2,p),
body .pipeline-hero .pipeline-scene-description :is(h2,h3,p) {
  max-width:48ch;margin-inline:auto;text-align:center;color:inherit;
}
body .mx-hero-study #mx-study-description p,
body .pipeline-hero .pipeline-scene-description p {margin-top:6px;line-height:1.48;opacity:.86}