html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #000; /* letterbox bars if aspect ratios differ */
}

.hero {
  width: 100vw;
  height: 100vh;
  object-fit: contain; /* preserves the image; use 'cover' if you want it cropped to fill */
  display: block;

  /* Ensure sharp corners (no rounding anywhere) */
  border-radius: 0;
}