/* Shared registration: all image planes use ONE centered 1670 × 941 cover canvas. */
.hero { overflow: clip; }
.hero .photo, .hero .content { animation: none; transform: none; opacity: 1; }
.hero .photo { z-index: 0; pointer-events: none; }
.hero .content { z-index: 10; }
.hero .nav { z-index: 30; }
.under, .product-wrap { z-index: 40; }
.hero-layer {
  position: absolute;
  width: var(--plane-width); height: var(--plane-height);
  max-width: none;
  left: calc(50% - var(--plane-width) / 2);
  top: calc(50% - var(--plane-height) / 2);
  transform-origin: 50% 50%;
  pointer-events: none; user-select: none;
  visibility: hidden;
}
.hero-layer[data-layer="sky"] { z-index: 0; }
.hero-layer[data-layer="distant"] { z-index: 5; }
.hero-layer[data-layer="near"] { z-index: 20; }
.hero[data-motion="entrance"] .hero-layer,
.hero[data-motion="ready"] .hero-layer { visibility: visible; }
.hero[data-motion="entrance"] .photo,
.hero[data-motion="ready"] .photo { visibility: hidden; }