#preloader{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;display:flex;justify-content:center;align-items:center;visibility:visible}.loader-curtain{position:absolute;top:0;width:51%;height:100%;background:#1a1c1a;z-index:10;transition:transform 1.5s cubic-bezier(.8, 0, .2, 1)}.loader-curtain.left{left:0;transform-origin:left;border-right:1px solid rgba(255,255,255,.05)}.loader-curtain.right{right:0;transform-origin:right;border-left:1px solid rgba(255,255,255,.05)}#preloader.loaded .loader-curtain.left{transform:translateX(-100%);transition-delay:0.2s}#preloader.loaded .loader-curtain.right{transform:translateX(100%);transition-delay:0.2s}.loader-content{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s ease}#preloader.loaded .loader-content{opacity:0;transform:scale(.9)}.loader-logo-container{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem}.loader-logo{width:40px;height:auto;opacity:0;animation:fadeInUp 1s ease forwards .2s;filter:drop-shadow(0 0 10px rgba(212, 163, 115, .5));position:relative;z-index:2}.loader-circle{position:absolute;width:100%;height:100%;border:1px solid rgba(212,163,115,.2);border-radius:50%;border-top-color:#d4a373;animation:spin 1.5s linear infinite}.loader-circle::before{content:'';position:absolute;top:5px;left:5px;right:5px;bottom:5px;border:1px solid rgba(255,255,255,.1);border-radius:50%;border-bottom-color:rgba(255,255,255,.5);animation:spin-reverse 2s linear infinite}.loader-text{font-family:'Playfair Display',serif;color:#e9c496;font-size:1.5rem;letter-spacing:2px;opacity:0;transform:translateY(10px);animation:fadeInUp .8s ease forwards .5s;margin-bottom:.5rem}.loader-sub{font-family:Outfit,sans-serif;color:rgba(255,255,255,.4);font-size:.75rem;text-transform:uppercase;letter-spacing:4px;opacity:0;animation:fadeInUp .8s ease forwards .7s}.loader-percent{position:fixed;bottom:3rem;right:3rem;font-family:Outfit,sans-serif;color:rgba(255,255,255,.1);font-size:8rem;font-weight:700;line-height:1;z-index:15;pointer-events:none;mix-blend-mode:overlay;display:none}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}100%{transform:rotate(-360deg)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}