.gf-hero {
  position: relative;
  z-index: 1;
  isolation: isolate;
  --hero-offset: 30px;
  height: 89svh;
}

@media (width > 750px) {
  .gf-hero {
    height: 90svh;
  }
}

.gf-hero__h1 {
  font-size: clamp(3rem, var(--h1-vw-mobile, 22vw), 22rem);
}

@media (width > 990px) {
  .gf-hero__h1 {
    font-size: clamp(4rem, var(--h1-vw-desktop, 23vw), 30rem);
  }
}