/* Site-wide responsive guard, loaded on every main page.
   Off-canvas menus and reveal-on-scroll sections are translated sideways until they
   animate in; without this they widen the page and phones get a sideways scroll.
   "clip" does not create a scroll container, so position: sticky keeps working. */
html,
body {
  overflow-x: hidden;
  overflow-x: clip;
}

img,
video,
iframe {
  max-width: 100%;
  height: auto;
}