/* Stage 4 hero image positioning — background asset remains unchanged */
.hero-stage { position: relative; isolation: isolate; width: 100%; min-height: 100vh; min-height: 100svh; overflow: hidden; background: var(--color-night); }
.hero-stage__image { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 50%; user-select: none; -webkit-user-drag: none; }
.hero-stage__shade { position: absolute; z-index: -1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgb(3 18 39 / 12%) 0%, rgb(3 18 39 / 0%) 37%, rgb(3 18 39 / 8%) 65%, rgb(3 18 39 / 28%) 100%); }
@media (min-aspect-ratio: 17 / 10) { .hero-stage__image { object-position: 50% 52%; } }
@media (max-aspect-ratio: 4 / 5) { .hero-stage__image { object-position: 50% 52%; } }
@media (min-width: 641px) and (min-aspect-ratio: 4 / 5) and (max-aspect-ratio: 4 / 3) { .hero-stage__image { object-position: 50% 50%; } }