/* 3.0.1 · phone only: shorter without losing product. The shift (text only) and the architecture text (no figure on the phone) leave
     the screen and stay for screen readers; the data room opens the dark chapter with its own label and a chapter-size headline. */
  @media (max-width: 700px) {
    .mf .m-shift, .mf > #shift, .mf .m-arch {
      position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important; border: 0 !important; }
    .mf .m-vdr > .eyebrow { position: static !important; width: auto !important; height: auto !important; margin: 0 0 14px !important; overflow: visible !important; clip-path: none !important; white-space: normal !important; }
    html body .mf .m-vdr > h2#m-vdr-h { font-size: 30px !important; line-height: 1.08 !important; letter-spacing: -0.03em !important; }
    html body .mf section.m-vdr { padding-top: 72px !important; }   /* the dark chapter opens at the chapter gap, as the architecture block did (reviewer K: 17 px) */
  }