/* Responsive 3:1 hero for the Hype document */
.hype-hero {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 1;        /* maintain 3:1 proportions */
  max-height: 70vh;           /* optional: cap hero height */
  margin: 0 auto;
  overflow: hidden;
  background: #000;           /* optional background */
}

/* Fallback for browsers without aspect-ratio */
@supports not (aspect-ratio: 1 / 1) {
  .hype-hero {
    height: 0;
    padding-top: 33.333%;     /* 1 / 3 × 100% */
  }
}

/* The Hype container itself */
#topone_hype_container {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}