.hero {
  position: relative;
  min-height: 100svh;
  padding: 0 !important;
  overflow: hidden;
  isolation: isolate;
}

.hero > iframe.hero-experience-frame {
  position: absolute !important;
  inset: 0;
  z-index: 0;
  width: 100% !important;
  height: 100% !important;
  min-height: 100% !important;
  border: 0;
  background: #ebe9e1;
}

.hero > .hero-drawing,
.hero > .eyebrow,
.hero > .hero-title,
.hero > .hero-foot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.site-header {
  z-index: 50;
}

@media (max-width: 720px) {
  .hero > iframe.hero-experience-frame {
    min-height: 100svh;
  }
}