/* === Design Motion (page-id-147) === */

.page-id-147 .dm-stage .dm-btn,
.page-id-147 .dm-stage .dm-fam,
.page-id-147 .dm-stage .dm-cloud {
  position: absolute;
  display: block;
  z-index: 2;
  transform-origin: top left;
}

.page-id-147 .dm-stage .dm-btn {
  cursor: pointer;
  will-change: transform;
  transition: transform .18s ease;
}

.page-id-147 .dm-stage .dm-fam,
.page-id-147 .dm-stage .dm-cloud {
  pointer-events: none;
}



/* Кнопки — финальные координаты под 4mainBG.webp (1920×1080) */
.page-id-147 .dm-stage .dm-chkin {
    left: 0.78125%;
    top: 1.75926%;
    width: 39.42708%;
}

.page-id-147 .dm-stage .dm-about {
    left: 40.10417%;
    top: 10%;
    width: 25.67708%;
}

.page-id-147 .dm-stage .dm-photo {
    left: 62.34375%;
    top: 13.98148%;
    width: 15.46875%;
}

.page-id-147 .dm-stage .dm-rules {
    left: 80.67708%;
    top: 15.74074%;
    width: 16.45833%;
}

.page-id-147 .dm-stage .dm-exit {
    left: 14.47917%;
    top: 71.57407%;
    width: 19.47917%;
}

/* Семья и облака */
.page-id-147 .dm-stage .fam-come {
    left: 52.55208%;
    top: 34.16667%;
    width: 43.28125%;
}

.page-id-147 .dm-stage .fam-leave {
    left: 55.52083%;
    top: 47.12963%;
    width: 40.3125%;
}

.page-id-147 .dm-stage .cloud-come,
.page-id-147 .dm-stage .cloud-leave {
    left: 34.79167%;
    top: 0.18519%;
    width: 63.28125%;
}





.page-id-147 .dm-stage .dm-fam,
.page-id-147 .dm-stage .dm-cloud {
  opacity: 0;
  transition: opacity 0.8s ease-in-out;
}

.page-id-147 .dm-stage .visible {
  opacity: 1 !important;
  display: block !important;
}

.page-id-147 .dm-stage .hidden {
  opacity: 0 !important;
  display: none !important;
}



.page-id-147 .dm-stage .dm-appear.hidden {
  opacity: 0;
  transform: translateY(10px) scale(.985);
  will-change: transform, opacity;
}

.page-id-147 .dm-stage .dm-appear.visible.is-in {
  opacity: 1;
  transform: none;
  transition: opacity .45s ease, transform .45s ease;
}

.page-id-147 .dm-stage .dm-cloud.dm-appear.visible.is-in {
  transition-duration: .65s;
}

.page-id-147 .dm-stage .visible { opacity: 1; display: block; }
.page-id-147 .dm-stage .hidden  { opacity: 0; display: none; }