html.ed-splash-lock,
body.ed-splash-lock{overflow:hidden!important}

#ed-site-splash{
  position:fixed;inset:0;z-index:999999;display:grid;place-items:center;
  background:#031326;opacity:1;visibility:visible;isolation:isolate;
  transition:opacity .75s ease,visibility .75s ease
}
#ed-site-splash::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(to bottom,rgba(0,9,20,.03),rgba(0,9,20,.20)),
    url("../images/elektradesign-splash.webp") center/cover no-repeat;
  animation:edSplashZoom 4s ease-out forwards
}
#ed-site-splash::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 50% 48%,transparent 0 28%,rgba(0,9,20,.13) 70%,rgba(0,9,20,.35) 100%);
  pointer-events:none
}
#ed-site-splash.ed-splash-hidden{opacity:0;visibility:hidden;pointer-events:none}

.ed-splash-interface{
  position:absolute;z-index:2;left:50%;bottom:clamp(20px,4vh,48px);
  width:min(560px,calc(100% - 48px));transform:translateX(-50%);text-align:center
}
.ed-splash-status{
  margin:0 0 11px;color:rgba(255,255,255,.78);font-size:10px;font-weight:800;
  letter-spacing:.28em;text-transform:uppercase;animation:edSplashText 1.8s ease-in-out infinite
}
.ed-splash-progress{
  height:3px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)
}
.ed-splash-progress span{
  display:block;width:0;height:100%;border-radius:inherit;
  background:linear-gradient(90deg,#f4bf00,#ffd83c);
  box-shadow:0 0 18px rgba(244,191,0,.8);
  animation:edSplashLoad 2.35s cubic-bezier(.22,.7,.15,1) forwards
}
.ed-splash-skip{
  position:absolute;z-index:3;top:18px;right:18px;min-height:40px;padding:9px 14px;
  border:1px solid rgba(255,255,255,.18);border-radius:999px;
  background:rgba(2,16,31,.5);color:rgba(255,255,255,.82);
  font:inherit;font-size:12px;cursor:pointer;backdrop-filter:blur(10px)
}
.ed-splash-skip:hover,.ed-splash-skip:focus-visible{
  border-color:rgba(244,191,0,.7);background:rgba(2,16,31,.82);color:#fff;outline:none
}
@keyframes edSplashLoad{
  0%{width:0}18%{width:13%}52%{width:57%}82%{width:84%}100%{width:100%}
}
@keyframes edSplashZoom{
  from{transform:scale(1.045);filter:brightness(.82)}
  to{transform:scale(1);filter:brightness(1)}
}
@keyframes edSplashText{0%,100%{opacity:.55}50%{opacity:1}}

@media(max-width:760px){
  #ed-site-splash::before{background-size:auto 100%;background-position:center}
  .ed-splash-interface{bottom:24px;width:calc(100% - 40px)}
  .ed-splash-status{font-size:9px;letter-spacing:.22em}
}
@media(prefers-reduced-motion:reduce){
  #ed-site-splash::before,.ed-splash-status,.ed-splash-progress span{animation:none!important}
  .ed-splash-progress span{width:100%}
}