/* Desktop loads on the scene's white ground; mobile keeps its initial still.
   Permanent graphics fallbacks use the original still at either size. Keep the
   700px boundary in sync with HeroCity / hero3d.mount(). */
.us-hero-scene {
  --us-hero-poster: url("./assets/imagery/hero-poster-landscape.jpg?v=984c667e88f967e4");
}
.us-hero-scene,
.us-hero-poster {
  background: #fcfbf8 none center / cover no-repeat;
}
.us-hero-poster[data-fallback] {
  background-image: var(--us-hero-poster);
}
@media (max-width: 700px) {
  .us-hero-scene,
  .us-hero-poster { background-image: var(--us-hero-poster); }
}
@media (max-aspect-ratio: 9/10) {
  .us-hero-scene { --us-hero-poster: url("./assets/imagery/hero-poster-portrait.jpg?v=984c667e88f967e4"); }
}