/* Fixes on top of the mirrored Webflow CSS. Injected after it by scripts/mirror.mjs. */

/* Webflow shows the mobile photo from 767px down but only hides the desktop photo from 479px
   down, so between 480 and 767px both versions appeared stacked. */
@media screen and (min-width: 480px) and (max-width: 767px) {
  .img-photo { display: none; }
}

/* On tablets Webflow cuts the home hero video to 50vh, so the white title and buttons ran off it
   onto the light background, and the method video shrank below the height of its own title. */
@media screen and (min-width: 480px) and (max-width: 991px) {
  .header---bg.home { height: 100%; }
  .new-video---wrapper { height: auto; aspect-ratio: 16 / 9; }
}