/* Home · keep the complete platform-to-crew sequence in the first desktop view.
   Reserve the real navigation/rail space and resize the component's host;
   tablet and phone retain their existing document flow. */
@media (min-width:1100px) {
  .mh-hero {
    --mh-fold-main-max:calc(652px + var(--mh-wide-growth,0px) * .275);
    --mh-fold-stage-max:calc(620px + var(--mh-wide-growth,0px) * .25);
    --mh-fold-stage-width:calc(880px + var(--mh-wide-growth,0px) * .5892857143);
    --mh-fold-rail:174px;
    --mh-fold-main-min:440px;
    --mh-fold-main:max(var(--mh-fold-main-min),min(var(--mh-fold-main-max),calc(100svh - var(--mh-nav-h) - var(--mh-fold-rail) - 16px)));
  }
  .mh-hero .mh-hero__main {
    min-height:var(--mh-fold-main);
  }
  .mh-hero .mh-hero__stage {
    height:min(var(--mh-fold-stage-max),calc(var(--mh-fold-main) - 28px));
  }
}
@media (min-width:1100px) and (max-height:1000px) {
  .mh-hero .mh-hero__copy {
    padding-block-start:60px;
  }
  .mh-hero .mh-h1 {
    font-size:min(104px,calc(80px + var(--mh-wide-growth,0px) * .0285714286));
  }
}
@media (min-width:2200px) and (min-height:821px) and (max-height:1000px) {
  /* Preserve the dock's aligned end edge while bringing a height-limited model
     toward the copy. The component's existing clearance keeps inspection clear. */
  .mh-hero .mh-hero__stage {
    width:calc(100% - 400px);
  }
  .mh-hero .mh-hero__stage vehicle-morph-hero {
    --vmh-chips-start:calc(140px + var(--mh-wide-growth,0px) * .1428571429);
  }
}
@media (min-width:1100px) and (max-height:820px) {
  .mh-hero {
    --mh-fold-rail:158px;
  }
  .mh-hero .mh-hero__copy {
    padding-block-start:32px;
  }
  .mh-hero .mh-hero__main {
    transition:min-height var(--mh-motion-panel) var(--mh-motion-ease);
  }
  .mh-hero .mh-h1 {
    font-size:min(72px,calc(80px + var(--mh-wide-growth,0px) * .0285714286));
    margin-block-end:24px;
  }
  .mh-hero .mh-hero__lead {
    font-size:21px;
    margin-block-end:20px;
  }
  .mh-hero .mh-hero__intro {
    font-size:17px;
    margin-block-end:24px;
  }
  /* A short, proportionate host also gives the existing figure legend its
     natural docked layout before its vertical list would become cramped. */
  .mh-hero .mh-hero__stage {
    inset-block-start:0;
    width:min(var(--mh-fold-stage-width),calc(var(--mh-fold-main) * 1.72));
    height:min(var(--mh-fold-stage-max),var(--mh-fold-main));
    transition:width var(--mh-motion-panel) var(--mh-motion-ease),height var(--mh-motion-panel) var(--mh-motion-ease);
  }
  .mh-hero .mh-process {
    padding-block-end:20px;
  }
  .mh-hero .mh-process__step {
    gap:14px;
    min-height:138px;
  }
  /* Inspection is a reading task. Give its figure legend room, even when the
     intentionally deeper interaction then continues below the first view. */
  .mh-hero:has(vehicle-morph-hero[inspect]) {
    --mh-fold-main-min:560px;
  }
  .mh-hero:has(vehicle-morph-hero[inspect]) .mh-hero__stage {
    width:var(--mh-fold-stage-width);
    height:min(var(--mh-fold-stage-max),var(--mh-fold-main));
  }
}
@media (min-width:1100px) and (max-height:820px) and (prefers-reduced-motion:reduce) {
  .mh-hero .mh-hero__main,.mh-hero .mh-hero__stage {
    transition:none;
  }
}