html.kpp-loading,html.kpp-loading body{overflow:hidden!important}
#kpp-preloader,#kpp-preloader *{box-sizing:border-box}
#kpp-preloader{
  --kpp-bg:#160e0a;
  --kpp-bg2:#21140e;
  --kpp-cream:#f3e4d4;
  --kpp-gold:#b77a42;
  --kpp-gold2:#d7a06b;
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 44%,rgba(142,87,43,.16),transparent 28%),
    linear-gradient(145deg,var(--kpp-bg2),var(--kpp-bg) 58%);
  color:var(--kpp-cream);
  opacity:1;
  visibility:visible;
  transition:opacity .65s ease,visibility .65s ease;
  font-family:Arial,Helvetica,sans-serif
}
#kpp-preloader.kpp-hide{opacity:0;visibility:hidden;pointer-events:none}
.kpp-frame{position:absolute;inset:22px;border:1px solid rgba(190,128,70,.16);pointer-events:none}
.kpp-corner{position:absolute;width:30px;height:30px}
.kpp-c1{left:-1px;top:-1px;border-left:1px solid #b77a42;border-top:1px solid #b77a42}
.kpp-c2{right:-1px;top:-1px;border-right:1px solid #b77a42;border-top:1px solid #b77a42}
.kpp-c3{left:-1px;bottom:-1px;border-left:1px solid #b77a42;border-bottom:1px solid #b77a42}
.kpp-c4{right:-1px;bottom:-1px;border-right:1px solid #b77a42;border-bottom:1px solid #b77a42}

.kpp-top{
  position:absolute;top:43px;left:50%;transform:translateX(-50%);
  display:flex;align-items:center;gap:18px;
  color:#c69a73;font-size:7px;font-weight:700;letter-spacing:2px;white-space:nowrap
}
.kpp-top i{width:46px;height:1px;background:rgba(183,122,66,.45)}

.kpp-center{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(-12px)}
.kpp-orbits{width:270px;height:270px;position:relative;display:grid;place-items:center}
.kpp-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(183,122,66,.18);border-radius:50%;transform:translate(-50%,-50%)}
.kpp-o1{width:265px;height:265px;animation:kppPulse 3.6s ease-in-out infinite}
.kpp-o2{width:205px;height:205px;animation:kppPulse 3.6s ease-in-out -1.2s infinite}
.kpp-o3{width:145px;height:145px;animation:kppPulse 3.6s ease-in-out -2.4s infinite}
.kpp-logo-wrap{
  width:108px;height:108px;position:relative;z-index:3;display:grid;place-items:center;
  padding:5px;border-radius:50%;background:#e9ddd0;
  box-shadow:0 0 0 1px rgba(207,145,86,.7),0 0 50px rgba(162,100,49,.18);
  animation:kppLogo 2.7s ease-in-out infinite
}
.kpp-logo-wrap img{width:100%;height:100%;display:block;object-fit:cover;border-radius:50%}
.kpp-logo-ring{position:absolute;inset:-9px;border:1px solid rgba(211,150,91,.35);border-radius:50%;animation:kppRing 2.6s ease-out infinite}

.kpp-copy{margin-top:20px}
.kpp-copy small{display:block;color:#b58a65;font-size:7px;font-weight:700;letter-spacing:2.4px}
.kpp-copy h2{margin:11px 0 0!important;color:#f6e8da!important;font:400 38px/1 Georgia,"Times New Roman",serif!important;letter-spacing:-.8px!important}
.kpp-copy em{display:block;margin-top:3px;color:#c78a50;font:italic 25px/1 Georgia,serif}
.kpp-thread{width:160px;height:15px;position:relative;margin:17px auto 7px;overflow:hidden}
.kpp-thread:before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:rgba(190,132,78,.2)}
.kpp-thread span{position:absolute;left:-45%;top:7px;width:45%;height:1px;background:linear-gradient(90deg,transparent,#d69a61);animation:kppThread 1.8s ease-in-out infinite}
.kpp-copy p{margin:0!important;color:#b9a18c!important;font:italic 12px/1.5 Georgia,serif!important;letter-spacing:.2px}

.kpp-bottom{position:absolute;left:50%;bottom:45px;width:min(410px,calc(100% - 80px));transform:translateX(-50%);display:grid;grid-template-columns:auto 1fr 28px;align-items:center;gap:14px}
.kpp-status{color:#9c795b;font-size:6px;font-weight:700;letter-spacing:1.6px;white-space:nowrap}
.kpp-progress{height:1px;position:relative;overflow:hidden;background:rgba(201,146,94,.18)}
.kpp-progress i{display:block;width:0;height:100%;background:#c88c54;transition:width .16s linear}
.kpp-percent{color:#d4a06e;font-size:8px;font-weight:700;letter-spacing:1px;text-align:right}

@keyframes kppPulse{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.97)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.025)}}
@keyframes kppLogo{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes kppRing{0%{opacity:.7;transform:scale(.92)}100%{opacity:0;transform:scale(1.22)}}
@keyframes kppThread{0%{left:-45%}100%{left:100%}}

@media(max-width:600px){
  .kpp-frame{inset:12px}
  .kpp-top{top:30px;gap:10px;font-size:5.5px;letter-spacing:1.25px}
  .kpp-top i{width:22px}
  .kpp-center{transform:translateY(-8px)}
  .kpp-orbits{width:230px;height:230px}
  .kpp-o1{width:225px;height:225px}.kpp-o2{width:175px;height:175px}.kpp-o3{width:125px;height:125px}
  .kpp-logo-wrap{width:94px;height:94px}
  .kpp-copy{margin-top:17px}
  .kpp-copy h2{font-size:32px!important}
  .kpp-copy em{font-size:22px}
  .kpp-copy p{font-size:11px!important}
  .kpp-bottom{bottom:30px;width:calc(100% - 48px);grid-template-columns:1fr 28px;gap:10px}
  .kpp-status{grid-column:1/-1;text-align:center;font-size:5.5px}
}
@media(prefers-reduced-motion:reduce){
  #kpp-preloader *{animation:none!important}
}