/* 2026-11: original ivory / aqua user-provided backgrounds, with centered motion. */
.zygos-intro-overlay{
  background:#fffffa url("./assets/zygos/intro-background-desktop.webp") center center/cover no-repeat!important;
  color:#082f55!important;
}
@media(max-width:650px){
 .zygos-intro-overlay{
  background-image:url("./assets/zygos/intro-background-mobile.webp")!important;
  background-position:center center!important
 }
}
.zygos-intro-video,.zygos-intro-splash{display:none!important}
.zygos-intro-fallback{display:none!important}
.zygos-intro-animation{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.zygos-intro-animated-logo{
  position:absolute;left:var(--zi-x,50%);top:var(--zi-y,50%);
  width:min(75vw,620px);max-width:95vw;aspect-ratio:4/1;
  transform:translate(-50%,-50%) scale(var(--zi-scale,1));
  transform-origin:center center;filter:drop-shadow(0 14px 19px #116b8f22);
}
.zygos-intro-animated-logo img{
  width:100%;height:100%;object-fit:contain;position:absolute;inset:0
}
.zygos-intro-animated-logo .zi-mark{
  opacity:0;clip-path:inset(0 69% 0 0);
}
.zygos-intro-animated-logo .zi-word{
  opacity:0;clip-path:inset(0 100% 0 0)
}
.zygos-intro-overlay.is-running .zi-mark{
  animation:zi-fall var(--zi-duration,5.3s) cubic-bezier(.18,.8,.22,1) both;
}
.zygos-intro-overlay.is-running .zi-word{
  animation:zi-reveal var(--zi-duration,5.3s) ease-out both;
}
.zygos-intro-overlay.is-running .zygos-intro-animated-logo{
  animation:zi-settle var(--zi-duration,5.3s) ease-out both;
}
@keyframes zi-fall{
  0%{opacity:0;transform:translateY(-55vh) rotate(-9deg) scale(.9)}
  13%{opacity:1}
  27%{opacity:1;transform:translateY(0) rotate(0) scale(1.02,.72)}
  37%{opacity:1;transform:translateY(-9px) scale(.98,1.07)}
  46%{opacity:1;transform:translateY(0) scale(1)}
  59%{opacity:1}
  66%,100%{opacity:0;transform:translateY(0)}
}
@keyframes zi-reveal{
  0%,40%{opacity:0;clip-path:inset(0 70% 0 0)}
  47%{opacity:1;clip-path:inset(0 70% 0 0)}
  75%,100%{opacity:1;clip-path:inset(0 0 0 0)}
}
@keyframes zi-settle{
  0%,35%{filter:drop-shadow(0 4px 5px #116b8f10)}
  55%,100%{filter:drop-shadow(0 15px 18px #116b8f30)}
}
.zygos-intro-skip{
  background:#ffffffdf!important;color:#082f55!important;
  border:1px solid #b4e4e8!important;box-shadow:0 6px 25px #0a548426;
  right:max(20px,env(safe-area-inset-right))!important;
  bottom:max(24px,env(safe-area-inset-bottom))!important
}
.zygos-intro-skip:hover{background:white!important}
@media(max-width:650px){
 .zygos-intro-animated-logo{width:82vw;aspect-ratio:4/1}
}
@media(prefers-reduced-motion:reduce){
 .zygos-intro-overlay.is-running .zi-mark{animation:none!important;opacity:0}
 .zygos-intro-overlay.is-running .zi-word{animation:none!important;opacity:1;clip-path:inset(0 0 0 0)}
 .zygos-intro-overlay.is-running .zygos-intro-animated-logo{animation:none!important}
}