/* barlow-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/barlow-v12-latin-200.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/barlow-v12-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* barlow-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Barlow";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/barlow-v12-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Hero zoom on load */
@keyframes hero-zoom {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.animate-hero-zoom {
  animation: hero-zoom 3.5s ease-out forwards;
}

/* Animate on scroll (service cards) */
.animate-on-scroll {
  opacity: 0;
  transform: translateY(36px);
  transition:
    opacity 0.5s ease var(--delay, 0s),
    transform 1.5s ease var(--delay, 0s);
}
.animate-on-scroll.visible {
  opacity: 1;
  transform: translateY(0);
}