/* Style contract: dark alpine Cothink product platform; the Hero remains deliberately full-bleed, never a card floating in page gutters. */
html,
body,
#app {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}

@media (max-width: 560px) {
  .site-nav--home,
  .hero-scroll-track,
  .hero-scroll-track > .hero {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  .hero-workspace {
    max-width: calc(100vw - 32px);
  }

  .hero-scene-meter {
    right: 20px;
    min-width: 0;
  }
}