section.hero {
  --parallax: 400px;
}
@media (min-width: 768px) {
  section.hero {
    --heading-default-h1-margin-bottom: clamp(3rem, 1.3333rem + 2.1701vw, 5.5rem);
  }
}
section.hero .wp-block-cover {
  overflow: hidden;
  padding: 0;
}
section.hero .acf-innerblocks-container {
  min-height: 100vh;
}
section.hero .wp-block-cover__inner-container {
  width: var(--container-max--width);
}
section.hero img {
  scroll-behavior: smooth;
  height: calc(100% + var(--parallax)) !important;
  transform: translateY(var(--image-offset));
  top: calc(var(--parallax) * -1) !important;
}
@media (max-width: 500px) {
  section.hero br {
    display: none;
  }
}
section.hero .anchor-button {
  --button-size: clamp(64px, 50.667px + 1.7361vw, 84px);
  position: absolute;
  bottom: 30px;
  left: calc(50% - var(--button-size) * 0.5);
  font-size: 2.5rem;
  display: grid;
  place-content: center;
  width: var(--button-size);
  height: var(--button-size);
  border-radius: 50%;
  color: var(--wp--preset--color--white);
  z-index: 1;
  background-color: var(--background-color);
  transform-origin: top;
  transform: scale(1);
  transition: transform var(--animation-curve-out);
}
section.hero .anchor-button:hover {
  transform: scale(1.119);
  transition: transform var(--animation-curve-duration) var(--animation-curve);
}
section.hero .anchor-button:hover svg {
  transform: rotate(90deg) scale(0.894);
  transition: transform var(--animation-curve-duration) var(--animation-curve);
}
@media (max-width: 767px) {
  section.hero .anchor-button {
    display: none;
  }
}
section.hero .anchor-button svg {
  transform: rotate(90deg) scale(1);
  transition: transform var(--animation-curve-out);
}