/* Overrides for defects in the original Webflow build. Kept in its own file so
   the generated Webflow stylesheet stays untouched and a re-capture cannot
   silently drop these (its filename is content-hashed and changes each build). */

/* Hero video orientation.
   The portrait hero video only swapped in below 480px, so every tablet and
   large phone in portrait got the 1920x1080 landscape file object-fit:cover'd
   into a tall box - up to 32% cropped off EACH side. The headline is baked into
   the video rather than being live text, so it was sliced mid-word.
   Width is the wrong trigger; the box aspect ratio is. The 16:9 file only
   avoids horizontal cropping when the box is wider than tall, and the 9:16 file
   covers every portrait case, so the crossover is exactly orientation.
   The site's preloader script chooses the active video by reading the computed
   display of these wrappers, so it follows this with no JS change. */
@media (orientation: portrait) {
  .hero-video_dekstop { display: none !important; }
  .hero-video_mobile  { display: block !important; }
}
@media (orientation: landscape) {
  .hero-video_dekstop { display: block !important; }
  .hero-video_mobile  { display: none !important; }
}
