/* LAVAN Design motion (B + title reveal, user choice 2026-10-16). Static layout stays in index.html. */

/* Until fonts are ready (same window as the hero's wait) the text is not shown in its final state. */
html.hero-pending .design .design-head,
html.hero-pending .design .design-copy { visibility: hidden; }

/* The image settles inside its frame with the scroll; the frame never moves. */
.design-photo { overflow: hidden; }

/* Keep one opaque photograph under the incoming image throughout each dissolve. */
:is(.design-photo, .onboard-bath, .onboard-dining, .onboard-garage) { display: grid; isolation: isolate; }
:is(.design-photo, .onboard-bath, .onboard-dining, .onboard-garage) img { grid-area: 1 / 1; opacity: 0; z-index: 0; transition: opacity 1.2s ease-in-out; }
:is(.design-photo, .onboard-bath, .onboard-dining, .onboard-garage) img.is-previous { opacity: 1; z-index: 1; }
:is(.design-photo, .onboard-bath, .onboard-dining, .onboard-garage) img.is-current { opacity: 1; z-index: 2; }
@media (prefers-reduced-motion: reduce) {
  :is(.design-photo, .onboard-bath, .onboard-dining, .onboard-garage) img { transition: none; }
}