@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/PlayfairDisplay-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Playfair Display";
  src: url("../fonts/PlayfairDisplay-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

body {
  font-family: "Manrope", sans-serif !important;
  background-color: #fff;
  color: #1c1917;
}
.font-serif {
  font-family: "Playfair Display", serif !important;
}
.reveal-on-scroll {
  opacity: 1;
  transform: translateY(0);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal-hidden {
  opacity: 0;
  transform: translateY(40px);
}
.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}
.clip-hex {
  clip-path: polygon(50% 0%, 100% 15%, 100% 85%, 50% 100%, 0% 85%, 0% 15%);
}
.bg-hex-pattern-light {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='120' viewBox='0 0 56 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L54 18V72L28 90L2 72V18L28 0Z' fill='none' stroke='%23115E59' stroke-opacity='0.05' stroke-width='1'/%3E%3Cpath d='M28 60L54 78V132L28 150L2 132V78Z' fill='none' stroke='%23115E59' stroke-opacity='0.05' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 56px 120px;
}
.bg-hex-pattern-white {
  background-image: url("data:image/svg+xml,%3Csvg width='56' height='120' viewBox='0 0 56 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0L54 18V72L28 90L2 72V18L28 0Z' fill='none' stroke='%23ffffff' stroke-opacity='0.3' stroke-width='1'/%3E%3Cpath d='M28 60L54 78V132L28 150L2 132V78Z' fill='none' stroke='%23ffffff' stroke-opacity='0.3' stroke-width='1'/%3E%3C/svg%3E");
  background-size: 56px 120px;
}
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #fff;
}
::-webkit-scrollbar-thumb {
  background: #d6d3d1;
}
::-webkit-scrollbar-thumb:hover {
  background: #07898c;
}