.courtyard-experience {
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: 560px;
  max-height: 1100px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #F3E8D4;
  scroll-margin-top: var(--nav-height, 80px);
}

#courtyardScene {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 760px) {
  .courtyard-experience {
    height: 128vw;
    min-height: 460px;
    max-height: 100svh;
  }
}