/* Makes the Hype animation responsive inside any container */
.hype-inline {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;    /* match your scene’s proportions */
  overflow: hidden;
  background: #000;        /* optional background */
}

@supports not (aspect-ratio: 1 / 1) {
  .hype-inline {
    padding-top: 56.25%;   /* fallback for older browsers */
  }
}

#trialist_hype_container {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}