/* Shared Mobilizer controls, scoped to this dedicated stylesheet. */
.deployment-story{position:relative;margin:0 0 40px}.deployment-sticky{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;background:var(--paper);border-radius:14px;overflow:hidden;padding:0 30px 19px 0;column-gap:30px}
.deployment-media{position:relative;aspect-ratio:1200/760;overflow:hidden;background:#e5e6e5}.deployment-media img,.deployment-media video{width:100%;height:100%;object-fit:cover;display:block}.deployment-media video{position:absolute;inset:0}
.deployment-label{position:absolute;inset:auto 22px 18px;font-size:8px;letter-spacing:.09em;color:var(--ink)}
.deployment-copy{padding:30px 0 14px}.deployment-copy>.eyebrow{font-size:8px;margin-bottom:18px}.deployment-copy h3{font-size:clamp(28px,3vw,43px)}
.deployment-description{font-size:13px;color:var(--muted);margin-top:17px;max-width:350px}
.deployment-steps{display:grid;margin:22px 0 20px;gap:0}.deployment-steps button{display:flex;align-items:center;text-align:left;gap:14px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--muted);padding:11px 0;min-height:42px;font-size:13px}.deployment-steps button:last-child{border-bottom:1px solid var(--line)}.deployment-steps button span{font-size:9px;letter-spacing:.08em}.deployment-steps button[aria-pressed=true]{color:var(--ink);font-weight:600}.deployment-steps button[aria-pressed=true] span{color:var(--red)}
.deployment-slider-label{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted)}#deployment-progress{width:100%;accent-color:var(--red);min-height:28px;margin:5px 0 0;cursor:pointer}
.deployment-follow{min-height:29px;display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:10px;color:var(--muted)}
.deployment-note{grid-column:1/-1;margin:12px 0 0 24px;font-size:10px;color:var(--muted);line-height:1.6}.deployment-skip{font-size:11px!important;margin-top:9px!important}.deployment-status:not(.sr-only){font-size:11px;color:var(--muted);margin-top:10px}

@media(min-width:950px) and (max-height:800px){.deployment-sticky{grid-template-columns:1.6fr 1fr}.deployment-copy{padding-top:22px}.deployment-copy h3{font-size:32px}.deployment-copy>.eyebrow{margin-bottom:12px}.deployment-description{margin-top:12px}.deployment-steps{margin:16px 0 12px}.deployment-steps button{padding:8px 0;min-height:37px}.deployment-note{font-size:9px}.deployment-copy{padding-bottom:0}}
@media(max-width:949px){.deployment-sticky{grid-template-columns:1fr;padding:0 0 22px;gap:0}.deployment-media{aspect-ratio:1200/760}.deployment-copy{padding:28px 26px 0}.deployment-copy h3{font-size:36px}.deployment-steps{grid-template-columns:1fr 1fr;column-gap:20px}.deployment-steps button{font-size:12px;gap:9px}.deployment-note{margin:18px 26px 0}.deployment-description{max-width:none}.deployment-label{font-size:7px}}
/* The transport story uses the same scale, rhythm and controls as market pages. */
.mobility-page .mobility-hero-photo img{aspect-ratio:1.45;object-fit:cover;object-position:center}
.mobility-sequence .deployment-story{margin:0}
.mobility-sequence .deployment-sticky{position:relative;top:auto;border-radius:26px;background:#fff;border:1px solid #d7dfda;overflow:hidden;padding:18px 28px 22px 0}
.mobility-sequence .deployment-copy{padding-top:20px}
.mobility-sequence .deployment-copy>.eyebrow{display:none}
.mobility-sequence .deployment-copy h3{font-size:clamp(28px,2.8vw,40px);line-height:1.1;letter-spacing:-.04em}
.mobility-sequence .deployment-description{font-size:16px;line-height:1.75}
.mobility-sequence .deployment-note{font-size:13px;line-height:1.7;padding-left:26px;max-width:900px}
.mobility-sequence .deployment-steps button{font-size:15px;min-height:46px}
.mobility-sequence .deployment-label{font-size:10px}
.mobility-sequence .deployment-slider-label{font-size:13px}
.mobility-sequence .deployment-toggle{font-size:13px;min-height:44px}
@media(max-width:949px){.mobility-sequence .deployment-sticky{padding:0 0 24px}.mobility-sequence .deployment-copy{padding:20px 25px 0}.mobility-sequence .deployment-note{padding:0 25px}.mobility-sequence .deployment-media{min-width:0}}
@media(max-width:520px){.mobility-sequence .deployment-copy h3{font-size:31px}.mobility-sequence .deployment-description{font-size:15px}.mobility-sequence .deployment-sticky{border-radius:21px}.mobility-sequence .deployment-label{font-size:8px}}
