/* The scanline wipe between the site and the museum (static/js/warp.js). */
.qts-warp { position: fixed; inset: 0; z-index: 2147483000; pointer-events: none; display: none; overflow: hidden; }
.qts-warp.out, .qts-warp.in { display: block; pointer-events: all; }
.qts-warp i { position: absolute; left: 0; right: 0; height: 16.7%; background: #05070d; transform: scaleX(0); }
.qts-warp i:nth-child(1) { top: 0; } .qts-warp i:nth-child(2) { top: 16.66%; } .qts-warp i:nth-child(3) { top: 33.33%; }
.qts-warp i:nth-child(4) { top: 50%; } .qts-warp i:nth-child(5) { top: 66.66%; } .qts-warp i:nth-child(6) { top: 83.33%; }
.qts-warp i:nth-child(odd) { transform-origin: left; } .qts-warp i:nth-child(even) { transform-origin: right; }
.qts-warp b { position: absolute; left: 0; right: 0; top: 0; height: 3px; background: #22e6ff; box-shadow: 0 0 24px 6px #22e6ff, 0 0 60px 12px #ff3d9a; opacity: 0; }
.qts-warp.out i { animation: warp-close .5s cubic-bezier(.7, 0, .3, 1) forwards; }
.qts-warp.out i:nth-child(2) { animation-delay: .04s; } .qts-warp.out i:nth-child(3) { animation-delay: .08s; }
.qts-warp.out i:nth-child(4) { animation-delay: .12s; } .qts-warp.out i:nth-child(5) { animation-delay: .16s; } .qts-warp.out i:nth-child(6) { animation-delay: .2s; }
.qts-warp.out b { animation: warp-scan .65s linear forwards; }
.qts-warp.in i { transform: scaleX(1); animation: warp-open .6s cubic-bezier(.7, 0, .3, 1) forwards; }
.qts-warp.in i:nth-child(2) { animation-delay: .05s; } .qts-warp.in i:nth-child(3) { animation-delay: .1s; }
.qts-warp.in i:nth-child(4) { animation-delay: .15s; } .qts-warp.in i:nth-child(5) { animation-delay: .2s; } .qts-warp.in i:nth-child(6) { animation-delay: .25s; }
.qts-warp.in b { animation: warp-scan .7s linear reverse forwards; }
@keyframes warp-close { to { transform: scaleX(1); } }
@keyframes warp-open { to { transform: scaleX(0); } }
@keyframes warp-scan { 0% { top: 0; opacity: 1; } 100% { top: 100%; opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .qts-warp { display: none !important; } }