/* Hide on Mobile (up to 480px) */
@media (max-width: 768px) {
  .chvac-sm-hidden {
    display: none !important;
  }
}

/* Hide on Tablet (481px to 768px) */
@media (min-width: 769px) and (max-width: 1023px) {
  .chvac-md-hidden {
    display: none !important;
  }
}

/* Hide on Desktop (769px and above) */
@media (min-width: 1024px) {
  .chvac-lg-hidden {
    display: none !important;
  }
}

html {
  scroll-behavior: smooth;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: clip;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

section {
  overflow: hidden;
}

/* Navbar */
.chvac-header {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
}


.chvac-navbar-logo {
  height: 40px;
  max-width: 65vw;
}

.chvac-mega-menu-title {
  writing-mode: vertical-lr;
  rotate: 180deg;
}

.chvac-Shadow-1{
  box-shadow: 0px 0px 24px -16px var(--wp--preset--color--chvac-base);
  -webkit-box-shadow: 0px 0px 24px -16px var(--wp--preset--color--chvac-base);
  -moz-box-shadow: 0px 0px 24px -16px var(--wp--preset--color--chvac-base);
}

/* Top bar */
.chvac-call-banner {
  position: fixed;
  bottom: 0;
  z-index: 99;
  width: 100%;
}


/* Full Height Div svh*/
.chvac-full-height {
  height: 100svh;
}

p,
.chvac-balanced-text {
  text-wrap: balance;
}

.chvac-text-nowrap {
  text-wrap: nowrap;
}

/* Footer styles */

.chvac-footer {
  position: relative;
  height: 100vh;
  clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);
  z-index: 101;
}
.chvac-footer-middle {
  position: relative;
  height: 200vh;
  top: -100vh;
}

/* Link stretch */

.chvac-link-wrapper {
  position: relative;
}

.chvac-link-wrapper a::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

/* map */

.chvac-map {
  height: 500px;
}


/* split text */
.chvac-split {
  position: relative; /* Needed for positioning the ::before element */
}
.chvac-split::before {
  content: attr(data-text); /* Use the data-text attribute for content */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: var(
    --wp--preset--color--chvac-light-shadow
  ); /* Semi-transparent color for the placeholder */
  mix-blend-mode: multiply;
  pointer-events: none; /* Ensure the placeholder doesn't interfere with interactions */
  /* z-index: -1; */
}

.chvac-split-highlight::before {
  color: inherit;
  mix-blend-mode: normal;
}

.word {
  display: inline-block;
}

.chvac-motion-icon {
  position: relative !important;
  width: 171px;
  height: 180px;
}
.chvac-grow-icon {
  position: absolute;
  top: 0;
  right: 0;
  transform-origin: 80% 0%;
  z-index: -1;
}
@media screen and (prefers-reduced-motion: reduce) {
  .chvac-grow-icon {
    scale: 2.25;
  }
}

.chvac-front-icon {
  position: absolute !important ;
  top: 0;
  left: 0;
}