/* Start custom CSS *//* ===== Hero between 841 and 1024 px (tablets held sideways, narrow windows) =====
   The original keeps the hero in two columns down to 841 px and only stacks it
   below that. Elementor has one tablet setting for everything up to 1024 px, and
   that one holds the stacked layout (what the editor shows in tablet view). These
   rules bring the two-column layout back for the widths in between. They repeat
   the desktop values of the hero: if you change those in the editor, change them
   here too, or delete this block to let the hero stack on every tablet. */
@media (min-width: 841px) and (max-width: 1024px) {
  #top { min-height: min(53rem, calc(100svh - 1rem)); }
  #tg-hero-frame { inset: 1.5rem; }
  #tg-hero-content { width: min(100% - 5rem, 1320px); padding-top: clamp(9.75rem, 14vw, 14rem); padding-bottom: clamp(4.5rem, 8vw, 7.5rem); grid-template-columns: minmax(0, 1.14fr) minmax(19rem, 0.7fr); gap: clamp(2.5rem, 7vw, 8rem); }
  #tg-hero-title { font-size: clamp(4rem, 7.5vw, 8.6rem); }
}
/* ===== Background video: respect the reduce-motion setting =====
   Visitors who switched on reduce motion on their phone or computer see the
   still picture that lies under the video instead of the moving video. */
@media (prefers-reduced-motion: reduce) {
  .elementor .e-background-video__media,
  .elementor .e-background-video__controls { display: none !important; }
}/* End custom CSS */