/* Avantt — the one allowed change vs. the original WP page.
   Full weight range via the variable font; two static italics for safety. */
@font-face {
  font-family: "Avantt";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/fonts/avantt/avantt-vf.ttf") format("truetype");
}
@font-face {
  font-family: "Avantt";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/avantt/avantt-regular-italic.otf") format("opentype");
}
@font-face {
  font-family: "Avantt";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/avantt/avantt-bold-italic.otf") format("opentype");
}

/* Remap Elementor global typography to Avantt (the page references these vars,
   and the kit class that normally defines them isn't present here). */
:root {
  --e-global-typography-primary-font-family: "Avantt";
  --e-global-typography-secondary-font-family: "Avantt";
  --e-global-typography-text-font-family: "Avantt";
  --e-global-typography-accent-font-family: "Avantt";
}

/* Base inheritance for anything not covered by an explicit Elementor rule. */
body,
.c-9237,
.c-9237 .c-widget-container {
  font-family: "Avantt", sans-serif;
}

/* We render the settled state without Elementor's frontend JS, so reveal any
   elements that ship with entrance animations (otherwise they stay opacity:0). */
.c-invisible {
  opacity: 1 !important;
  animation: none !important;
}

/* YouTube video widget: Elementor injects the iframe via JS at runtime; we inject
   it statically, so give it the default 16:9 box it would otherwise compute. */
.c-9237 .c-widget-video .c-wrapper { position: relative; }
.c-9237 .c-widget-video .c-video { width: 100%; }
.c-9237 .c-widget-video .c-video-iframe {
  display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0;
}

/* Align hero header (logo + title, section 18a2856) with the video section's
   left inset (598e9a1: 120px desktop / 24px tablet / 16px mobile). */
.c-9237 .c-element.c-e1 { padding-left: 120px; }
@media (max-width: 767px) {
  .c-9237 .c-element.c-e1 { padding-left: 16px; }
}