.block-hero-image,
.block-hero-image * {
  box-sizing: border-box !important;
}

.block-hero-image {
  position: relative;
}

.block-hero-image .image {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  max-width: 100vw;
  transform: translateX(-50%);
  z-index: -1;
}

.block-hero-image .desktop-image,
.block-hero-image .mobile-image {
  width: 100%;
  height: 100%;
}

.block-hero-image .desktop-image img,
.block-hero-image .mobile-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 1024px) {
  .block-hero-image .desktop-image {
    display: none;
  }
}

.block-hero-image .mobile-image {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .block-hero-image .mobile-image {
    display: block;
  }
}

.block-hero-image .big-text {
  font-size: clamp(75px, calc((140 / var(--page-width-unitless)) * 100vw), 140px);
  --fg: #ffffff;
  --fg-headline: #ffffff;
  line-height: 1.2;
  font-weight: 600;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.block-hero-image .text {
  font-size: clamp(35px, calc((60 / var(--page-width-unitless)) * 100vw), 60px);
  padding-top: var(--padding);
}

.block-hero-image .wp-block-button__link {
  font-size: 1rem !important;
}

.home #main-content {
  padding-top: 0;
  overflow: hidden;
}

.home {
  background-color: #4C4C4C;
}

.home .block-header-desktop,
.home .block-header-mobile {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  background: none;
}

.home .logo-front a {
  text-decoration: none;
}

.home .logo-text {
  transition: all var(--anim-speed) ease;
}

.home:not(.scrolled):not(.is-menu-open) .logo-text {
  font-size: clamp(75px, calc((140 / var(--page-width-unitless)) * 100vw), 140px);
}