/* From twinzo-landing-page live-home.html — homepage stacking */

.page-load { display: none; }
.page-load_logo { opacity: 0; }
.hp-devices_desktop,
.hp-devices_phone { opacity: 0; }
.cc-hp-steps { margin-top: -50vh; }

[data-sticky-hero]{
  position: sticky;
  top: 0.8rem;
  z-index: 2;
  min-height: calc(100svh - 1.6rem);
  transition: border-radius 0.3s ease-in-out, min-height 0.3s ease-in-out, top 0.3s ease-in-out;
}
@media only screen and (max-width: 479px){
  [data-sticky-hero]{
    min-height: 100dvh;
    top: 0rem;
  }
}
[data-sticky-hero].cc-fullscreen{
  min-height: 100dvh;
  border-radius: 0;
  top: 0;
}

@media only screen and (min-height: 601px){
  .landscape-overlay{ display: none; }
}

/* Homepage nav — must beat _Global .nav.fixed { background: white; color: black } */
/* Always viewport-fixed so the bar never scrolls away; .fixed only toggles chrome */
.page-main.homepage .nav {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.page-main.homepage .nav,
.page-main.homepage .nav.fixed {
  background-color: transparent !important;
}
.page-main.homepage .nav.fixed.dark {
  color: white;
}
.page-main.homepage .nav.fixed .nav_bg {
  display: block;
}
.page-main.homepage .nav.fixed.dark .nav_bg {
  display: block;
  background-image: linear-gradient(#000 0%, rgba(0, 0, 0, 0)) !important;
}
@media only screen and (min-width: 992px) {
  .page-main.homepage .nav_menu-button-mask {
    width: 0;
  }
  .page-main.homepage .nav.fixed .nav_menu-button-mask {
    width: auto;
  }
  .page-main.homepage .nav_logo.white {
    color: white;
  }
  .page-main.homepage .nav.pushed {
    top: 0.8rem;
    border-top-left-radius: var(--sections--border-radius);
    border-top-right-radius: var(--sections--border-radius);
  }
}
.landscape-overlay_icon{
  animation: rotatePhone 3s ease-out infinite;
}
@keyframes rotatePhone {
  9% { transform: rotate(0deg) }
  50%{ transform: rotate(90deg) }
  80%{ transform: rotate(0deg) }
  100% { transform: rotate(0deg) }
}