.app-booting #portfolio-app,.app-booting #article-app{visibility:hidden}.site-preloader{position:fixed;z-index:1000;inset:0;overflow:hidden;color:var(--preloader-label);background:var(--preloader-bg);pointer-events:auto}.site-preloader-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-preloader-image>div{animation:moon-preloader-breathe 1s infinite both}.site-preloader-image img{display:block;max-width:min(360px,70vw);max-height:46vh;object-fit:contain}.site-preloader-ring{position:absolute;top:50%;left:50%;width:min(400px,72vw);aspect-ratio:1;border:0 solid transparent;border-bottom:clamp(12px,1.2vw,17px) solid var(--preloader-spinner);border-radius:50%;transform:translate(-50%,-50%);animation:moon-preloader-spin 1.1s linear infinite}.site-preloader-label{position:absolute;right:0;bottom:40px;left:0;color:var(--preloader-label);font:400 16px/22.8571px Unica One,sans-serif;text-align:center;text-transform:uppercase;transform:translateY(100px);transition:all .7s cubic-bezier(.68,-.55,.265,1.55);transition-delay:.5s}.site-preloader.is-triggered .site-preloader-label{transform:translateY(0)}.site-preloader.is-triggered.preloader-step-1 .site-preloader-label{animation:moon-preloader-label 1s linear infinite}.site-preloader.preloader-step-2 .site-preloader-ring{opacity:0;transition:opacity .5s ease-in-out}.site-preloader.preloader-step-2 .site-preloader-label{transform:translateY(100px)}@keyframes moon-preloader-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes moon-preloader-breathe{0%{opacity:.7;transform:scaleZ(1)}50%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:.7;transform:scaleZ(1)}}@keyframes moon-preloader-label{0%{color:#00000080}to{color:#0003}}@media(prefers-reduced-motion:reduce){.site-preloader-ring{animation-duration:2s}.site-preloader-image>div{animation:none}.site-preloader-label{animation:none!important;transition-duration:.01ms;transition-delay:0s}}
