.curtain{position:fixed;inset:0;z-index:250;pointer-events:none;display:grid;place-items:center;
  background:linear-gradient(180deg,var(--blue-1,#25394E) 0%,var(--blue-2,#1B2B3C) 100%);
  transform:translateY(100%);will-change:auto}
.curtain img{width:clamp(130px,13vw,190px);opacity:0;transform:translateY(10px);
  transition:opacity .35s ease,transform .34s cubic-bezier(.16,.84,.3,1)}
.curtain.cover{transform:translateY(0);transition:transform .36s cubic-bezier(.76,0,.24,1)}
.curtain.cover img{opacity:1;transform:none;transition-delay:.06s}
.curtain.reveal{transform:translateY(-100%);transition:transform .4s cubic-bezier(.76,0,.24,1)}
.curtain.hold{transform:translateY(0);transition:none}
.curtain.hold img{opacity:1;transform:none}
body.from-nav .preload{display:none!important}

@media (hover:none),(max-width:1180px){  }
@media (prefers-reduced-motion:reduce){ .curtain{display:none}  }