.savo-helmet-experience {
  flex: 0 0 auto;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: #f8f8f3;
}

/* The Garage shell is a flex column. Keep the ASCII stage as a real item so
   it follows the embedded experience instead of flattening into that layout. */
.garage-shell > .garage-ascii-stage {
  display: block;
  position: relative;
  width: 100%;
}

@media (min-width: 760px) {
  /* Center the idle cabinet and reserve its full footprint and shadow in flow. */
  .garage-shell > .garage-ascii-stage {
    height: max(760px, 100vh);
  }

  .garage-shell > .garage-ascii-stage > .garage-ascii {
    height: 100%;
  }

  .garage-shell > .garage-ascii-stage .gt-cab-scene:not(.gt-cab-scene--picked-up):not(.gt-cab-scene--parked) {
    inset: 50% auto auto 50% !important;
    transform: translate(-50%, -50%) !important;
  }
}

.savo-helmet-experience iframe {
  display: block;
  width: 100%;
  height: max(100vh, 900px);
  min-height: 620px;
  border: 0;
  background: #f8f8f3;
}

@media (max-width: 640px) {
  .savo-helmet-experience iframe {
    height: 100svh;
    min-height: 560px;
  }
}