/* Keep the first paint stable: images keep their ratio, the showcase
   carousel occupies its box before Owl Carousel starts. */

.g-logo img {
  height: auto;
  max-width: 100%;
}

.g-owlcarousel-layout-showcase .owl-carousel {
  display: block;
}

.g-owlcarousel-layout-showcase .owl-carousel.owl-loading {
  opacity: 1;
}

.g-owlcarousel-layout-showcase .owl-carousel:not(.owl-loaded) > .item ~ .item {
  display: none;
}

.g-owlcarousel-layout-showcase .g-owlcarousel-content-right img {
  width: 100%;
  height: auto;
  aspect-ratio: 963 / 736;
  object-fit: contain;
}

.g-owlcarousel-layout-showcase .owl-height {
  transition: none;
}

/* Later @font-face wins over the Gantry compile, which drops font-display on rebuild. */
@font-face {
  font-family: "lato";
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../fonts/lato/lato-black/Lato-Black.woff2") format("woff2");
}
@font-face {
  font-family: "lato";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/lato/lato-bold/Lato-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "lato";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/lato/lato-regular/Lato-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "lato";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("../fonts/lato/lato-light/Lato-Light.woff2") format("woff2");
}
@font-face {
  font-family: "pt_sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/pt_sans/pt_sans-bold/pt_sans-web-bold-webfont.woff2") format("woff2");
}
@font-face {
  font-family: "pt_sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/pt_sans/pt_sans-regular/pt_sans-web-regular-webfont.woff2") format("woff2");
}