.custom-html {
  background-color: rgb(var(--color-background));
}

/* Super Creator: the video column is sized by the adjacent content on
   desktop. The 16:9 player is centered and cropped horizontally by the media
   frame instead of adding a fixed minimum height or letterboxing. */
.custom-html .sc-build-world__media {
  position: relative;
  min-height: 0;
  overflow: hidden;
}

.custom-html .sc-build-world__media iframe {
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  width: auto;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  aspect-ratio: 16 / 9;
  transform: translate(-50%, -50%);
}

@media (min-width: 960px) {
  .custom-html .sc-build-world__inner {
    align-items: stretch;
  }

  .custom-html .sc-build-world__media {
    height: auto;
    align-self: stretch;
  }
}

@media (max-width: 959px) {
  .custom-html__page--padded {
    padding-inline: var(--page-padding);
  }

  .custom-html .sc-overview__grid {
    align-items: stretch;
  }

  .custom-html .sc-overview__card {
    height: auto;
    align-self: stretch;
  }

  .custom-html .sc-build-world__media {
    aspect-ratio: 16 / 9;
  }
}