#pageLoader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at center,rgba(22,12,16,.94),rgba(0,0,0,.985) 74%);backdrop-filter:blur(7px);opacity:0;visibility:hidden;pointer-events:none}
#pageLoader.is-visible{opacity:1;visibility:visible;pointer-events:all}
#pageLoader.is-visible.is-leaving{opacity:0;visibility:hidden;transition:opacity .42s ease,visibility .42s ease;pointer-events:none}
body.page-assets-loading{overflow:hidden!important}
.page-loader-content{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-align:center;text-shadow:0 2px 8px #000}
.page-loader-art{position:relative;width:min(450px,63vw,56vh);aspect-ratio:1;isolation:isolate}
.page-loader-art img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.page-loader-base{z-index:0}
.page-loader-final{z-index:2;opacity:0;-webkit-mask-image:url("loading_bg.png");mask-image:url("loading_bg.png");-webkit-mask-position:center;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha}
.page-loader-layer{z-index:1;clip-path:inset(0 0 100% 0)}
.page-loader-masked-layer{-webkit-mask-image:url("loading_bg.png");mask-image:url("loading_bg.png");-webkit-mask-position:center;-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-position:center;mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha}
.page-loader-layer-1{clip-path:inset(0 100% 0 0);opacity:1}
.page-loader-layer-5{clip-path:inset(0 0 100% 0)}
#pageLoader.page-loader-started .page-loader-layer-1{animation:page-loader-wipe-right .38s cubic-bezier(.2,.65,.25,1) 2.52s both,page-loader-fade-out .001s steps(1,end) 2.96s forwards}
#pageLoader.page-loader-started .page-loader-layer-2{animation:page-loader-wipe-down .48s cubic-bezier(.2,.65,.25,1) .42s both,page-loader-fade-out .001s steps(1,end) 2.96s forwards}
#pageLoader.page-loader-started .page-loader-layer-3{animation:page-loader-wipe-down .48s cubic-bezier(.2,.65,.25,1) .92s both,page-loader-fade-out .001s steps(1,end) 2.96s forwards}
#pageLoader.page-loader-started .page-loader-layer-4{animation:page-loader-wipe-down .48s cubic-bezier(.2,.65,.25,1) 1.42s both,page-loader-fade-out .001s steps(1,end) 2.96s forwards}
#pageLoader.page-loader-started .page-loader-layer-5{animation:page-loader-wipe-down .58s cubic-bezier(.2,.65,.25,1) 1.92s both,page-loader-fade-out .001s steps(1,end) 2.96s forwards}
#pageLoader.page-loader-started .page-loader-final{animation:page-loader-fade .2s ease 2.86s forwards,page-loader-fade-out .55s ease 3.55s forwards}
.page-loader-label{font:800 15px/1.2 Roboto,system-ui,"Segoe UI",sans-serif;letter-spacing:.18em;text-transform:uppercase}
.page-loader-track{width:min(220px,64vw);height:4px;margin-top:10px;overflow:hidden;background:#302329;box-shadow:0 0 9px #000}
.page-loader-progress{width:0;height:100%;background:linear-gradient(90deg,#a30d24,#ff263f);box-shadow:0 0 12px #ff1837;transition:width .18s linear}
@keyframes page-loader-fade{from{opacity:0}to{opacity:1}}
@keyframes page-loader-fade-out{from{opacity:1}to{opacity:0}}
@keyframes page-loader-wipe-down{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes page-loader-wipe-right{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes page-loader-wipe-down-right{from{clip-path:inset(0 100% 100% 0)}to{clip-path:inset(0 0 0 0)}}
@media(prefers-reduced-motion:reduce){.page-loader-layer{animation-duration:.01ms!important;animation-delay:0ms!important}}
