/* Golden Arch - minimal page loader */
#page-loader {
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  background:#111111;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:999999;
  transition:opacity .6s ease,visibility .6s ease;
}

/* The page remains accessible when JavaScript is unavailable. */
#page-loader[hidden] { display:none; }

.loader-content {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:30px;
}

.logo-loader {
  position:relative;
  width:125px;
  height:125px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.loader-logo {
  width:88px;
  height:88px;
  object-fit:contain;
  position:relative;
  z-index:2;
  animation:logoPulse 1.8s ease-in-out infinite;
}

.loader-ring {
  position:absolute;
  inset:0;
  border-radius:50%;
  border:2px solid rgba(218,165,32,.12);
  border-top-color:#d6a325;
  animation:loaderRotate 1.1s linear infinite;
}

.loading-line {
  width:100px;
  height:2px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
  border-radius:20px;
  direction:ltr;
}

.loading-line-progress {
  width:40%;
  height:100%;
  background:#d6a325;
  border-radius:20px;
  animation:loadingLine 1.4s ease-in-out infinite;
}

#page-loader.loaded {
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

@keyframes loaderRotate {
  from { transform:rotate(0deg); }
  to { transform:rotate(360deg); }
}
@keyframes logoPulse {
  0%,100% { transform:scale(.96); opacity:.75; }
  50% { transform:scale(1); opacity:1; }
}
@keyframes loadingLine {
  0% { transform:translateX(-150%); }
  50% { transform:translateX(80%); }
  100% { transform:translateX(250%); }
}

@media(prefers-reduced-motion:reduce) {
  #page-loader { transition:none; }
  .loader-logo,.loader-ring,.loading-line-progress { animation:none; }
}