/* Release 4.01.033 — distribute the Main screen vertically on every device. */
.home-hero {
  align-content: space-between !important;
  padding-top: clamp(6.4rem, 9vh, 8.2rem) !important;
  padding-bottom: clamp(1.8rem, 4vh, 3.4rem) !important;
}

.home-actions {
  width: min(900px, 86%) !important;
  gap: clamp(1rem, 3vw, 2rem) !important;
}

.domino-action {
  min-height: clamp(82px, 8.5vh, 118px) !important;
}

@media (max-width: 700px) {
  .home-hero {
    padding-top: max(4.8rem, env(safe-area-inset-top)) !important;
    padding-bottom: .9rem !important;
  }
  .home-actions {
    width: 92% !important;
    gap: clamp(.55rem, 2.7vw, .85rem) !important;
  }
  .domino-action {
    min-height: 56px !important;
  }
}

@media (max-height: 650px) {
  .home-hero {
    align-content: space-evenly !important;
    padding-top: max(3.75rem, env(safe-area-inset-top)) !important;
    padding-bottom: .2rem !important;
  }
  .home-actions {
    width: 94% !important;
    gap: .5rem !important;
  }
  .domino-action {
    min-height: 50px !important;
  }
}
