/* Avantt + static-render fixups for the About page (short class names). */
@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");
}

:root, .c-kit-9140 {
  --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";
}

/* The kit/jupiterx/raven CSS hard-codes font-family:Roboto on headings and text
   widgets at a higher specificity than body. This page uses no icon fonts (the
   only <i> are hidden carousel chevrons), so force Avantt on all text. */
body, .c, .c h1, .c h2, .c h3, .c h4, .c h5, .c h6,
.c p, .c a, .c span, .c li, .c div, .c button, .c blockquote,
.c .c-heading-title, .c .c-widget-container, .c .c-button {
  font-family: "Avantt", sans-serif !important;
}

/* reveal entrance-animation elements (no builder JS): without the builder's
   reveal script the .c-invisible class leaves visibility:hidden, which inherits
   down and blanks the whole page. Force it back on. */
.c-invisible { opacity: 1 !important; visibility: visible !important; animation: none !important; }

/* video widget: iframe injected statically -> give it a 16:9 box */
.c .c-widget-video .c-wrapper { position: relative; }
.c .c-widget-video .c-video { width: 100%; }
.c .c-widget-video .c-video-iframe { display: block; width: 100%; aspect-ratio: 16 / 9; height: auto; border: 0; }

/* image carousels: rendered Swiper markup, but no Swiper JS -> show every slide
   as a horizontal-scroll gallery (uniform height), hide the dead controls. */
.c .swiper { overflow-x: auto; overflow-y: hidden; }
.c .swiper-wrapper { display: flex; gap: 16px; transform: none !important; }
.c .swiper-slide { flex: 0 0 auto; width: auto !important; height: auto; }
.c .swiper-slide .swiper-slide-image,
.c .swiper-slide img { display: block; width: auto; height: clamp(220px, 30vw, 360px); border-radius: 16px; object-fit: cover; }
.c .swiper-button-next, .c .swiper-button-prev, .c .swiper-pagination, .c .swiper-lazy-preloader { display: none !important; }