/* Сайт одной страницей (index.html): экраны-секции, слой гиперпрыжка, сборка интерфейса после прилёта. */
#warp{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:3;pointer-events:none}
#ui{z-index:4}
#bg,#fx{will-change:transform}
.sec{display:none}
.sec.on{display:block}
.sec{will-change:transform}

/* сборка: рамки раскрываются из левого верхнего угла, строки проявляются слева направо — плавно,
   быстрый старт и мягкая остановка (владелец: ступени читались как подлагивание) */
.sec.enter .as-wipe{animation:gk-wipe .7s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i,0) * 60ms + 60ms)}
.sec.enter .as-draw{animation:gk-draw .75s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(var(--i,0) * 60ms + 60ms)}
@keyframes gk-wipe{from{clip-path:inset(-40px 100% -40px -40px)}to{clip-path:inset(-40px -40px -40px -40px)}}
@keyframes gk-draw{from{clip-path:inset(-40px 100% 100% -40px)}to{clip-path:inset(-40px -40px -40px -40px)}}
@media (prefers-reduced-motion:reduce){.sec.enter .as-wipe,.sec.enter .as-draw{animation:none}}