.elementor-130 .elementor-element.elementor-element-c211b63{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-130 .elementor-element.elementor-element-fec7fa2{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}/* Start custom CSS for container, class: .elementor-element-c211b63 */#ghEntrance {
  position: fixed !important;
  inset: 0 !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100svh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  cursor: pointer;
  transition:
    opacity 0.65s ease 1.35s,
    visibility 0s linear 2s;
}

#ghGateScene {
  position: relative !important;
  width: min(96vw, calc(96svh * 4 / 3)) !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 !important;
  padding: 0 !important;
  perspective: 1400px;
  transform-style: preserve-3d;
  outline: none;
  transition: transform 1.6s cubic-bezier(.22, .75, .25, 1);
}

.ghGateLayer {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  object-fit: contain !important;
  pointer-events: none !important;
  backface-visibility: hidden;
}

#ghLeftDoor {
  z-index: 2;
  transform-origin: 35% 50%;
  transition: transform 1.45s cubic-bezier(.4, 0, .2, 1);
}

#ghRightDoor {
  z-index: 2;
  transform-origin: 65% 50%;
  transition: transform 1.45s cubic-bezier(.4, 0, .2, 1);
}

#ghStationary {
  z-index: 3;
}

#ghEnterText {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  color: #1d1d1b;
  font-family: inherit;
  font-size: 12px;
  letter-spacing: 0.25em;
  white-space: nowrap;
  transition: opacity 0.25s ease;
}

#ghEntrance.ghOpening #ghLeftDoor {
  transform: rotateY(82deg);
}

#ghEntrance.ghOpening #ghRightDoor {
  transform: rotateY(-82deg);
}

#ghEntrance.ghOpening #ghGateScene {
  transform: scale(1.12);
}

#ghEntrance.ghOpening #ghEnterText {
  opacity: 0;
}

#ghEntrance.ghOpening {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

body.ghIntroActive {
  overflow: hidden !important;
}

/* Tablet only */
@media (min-width: 768px) and (max-width: 1024px) {
  #ghEnterText {
    bottom: -6% !important;
    font-size: 10px;
  }
}

/* Mobile only */
@media (max-width: 767px) {
  #ghGateScene {
    width: min(96vw, calc(90svh * 4 / 3)) !important;
  }

  #ghEnterText {
    bottom: -6% !important;
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #ghEntrance,
  #ghGateScene,
  #ghLeftDoor,
  #ghRightDoor,
  #ghEnterText {
    transition-duration: 0.25s !important;
    transition-delay: 0s !important;
  }
}/* End custom CSS */