/* Page curtain (04.10.2026): going to another page of the site, the loader's four columns come down over the screen;
   the next page starts covered and they lift again. On the home page that lift is the loader itself, so the columns
   here are drawn exactly like the loader's (whose own CSS is inline in index.html). */
.skroll-curtain{position:fixed;inset:0;z-index:2147483000;display:none;align-items:stretch;justify-content:flex-start;pointer-events:auto}
.skroll-curtain[data-phase],html.curtain-in .skroll-curtain{display:flex}
.skroll-curtain>span{--sw:max(100vw,178.4vh);position:relative;box-sizing:border-box;flex:none;width:calc(25% + 1px);margin-right:-1px;height:100.1%;border-left:1px solid #ffffff1c;background:linear-gradient(0deg,#7045ff24 0%,#7045ff0a 12%,transparent 26%),linear-gradient(180deg,#060608f2,#0a0a0ef0),url(assets/site-uri/fundal-satin.webp) calc((100vw - var(--sw)) / 2 - var(--sx,0px)) 50%/var(--sw) auto no-repeat,#08090c;will-change:transform}
.skroll-curtain>span:first-child{border-left:0}
.skroll-curtain>span:last-child{width:25%;margin-right:0}
.skroll-curtain>span:nth-child(2){--sx:25vw}.skroll-curtain>span:nth-child(3){--sx:50vw}.skroll-curtain>span:nth-child(4){--sx:75vw}
.skroll-curtain>span:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#b6a0ffbf,#6fa2ffbf) calc(-1 * var(--sx,0px)) 0/100vw 100% no-repeat;box-shadow:0 0 8px #9d86ff80,0 0 22px 2px #7045ff2e;pointer-events:none}
/* Down to cover (the next page loads behind it), up to reveal — the same rise and ease as the loader. */
.skroll-curtain[data-phase="cover"]>span{animation:skroll-curtain-down .55s cubic-bezier(.645,.045,.355,1) var(--d,0s) both}
.skroll-curtain[data-phase="reveal"]>span{animation:skroll-curtain-up .7s cubic-bezier(.215,.61,.355,1) var(--d,0s) both}
@keyframes skroll-curtain-down{from{transform:translateY(-100%)}to{transform:none}}
@keyframes skroll-curtain-up{from{transform:none}to{transform:translateY(-100%)}}
@media(max-width:900px){.skroll-curtain>span:first-child,.skroll-curtain>span:last-child{display:none}.skroll-curtain>span{width:calc(50% + 1px)}.skroll-curtain>span:nth-child(2){--sx:0px;border-left:0}.skroll-curtain>span:nth-child(3){--sx:50vw;width:50%;margin-right:0}}