:root{
  --bg: #0b0907;
}

*{ box-sizing: border-box; }
html, body{ height: 100%; }

body{
  margin: 0;
  background: var(--bg);
  overflow: hidden; /* single-screen poster */
}

.frame{
  width: 100vw;
  height: 100svh; /* mobile-safe viewport height */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.hero-image{
  width: 100%;
  height: 100%;
  object-fit: contain; /* always fully visible */
  object-position: center;
  user-select: none;
  -webkit-user-drag: none;
  display: block;
}