.page-progress--initial {
  position: fixed;
  inset: 0;
  z-index: 1100;
  display: grid;
  place-items: center;
  background: var(--loader-bg,#0c0c0e);
}
.page-progress--initial .page-progress__track {
  position: relative;
  inset: auto;
  width: min(10rem, 60vw);
  height: 4px;
  border-radius: 999px;
  opacity: 1;
  animation: none;
}
.page-progress__track {
  position: fixed;
  inset: 0 0 auto;
  height: 3px;
  z-index: 1100;
  overflow: hidden;
  pointer-events: none;
  background: #d4ad3736;
  opacity: 0;
  animation: page-progress-appear 100ms 150ms forwards;
}
.page-progress__track::after {
  content: "";
  display: block;
  width: 40%;
  height: 100%;
  background: var(--brand-accent,#d4ad37);
  animation: page-progress-travel 1.1s ease-in-out infinite;
}
.page-progress__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
@keyframes page-progress-appear { to { opacity: 1; } }
@keyframes page-progress-travel {
  from { transform: translateX(-100%); }
  to { transform: translateX(250%); }
}
@media (prefers-reduced-motion: reduce) {
  .page-progress__track { animation-timing-function: step-end; }
  .page-progress__track::after { animation: none; }
}