#page-loader{
  display:none;
  position:fixed; inset:0; z-index:9999;
  align-items:center; justify-content:center;
  background:#FDFAFB;
  pointer-events:none;
}
html.page-loading #page-loader{
  display:flex;
  pointer-events:auto;
  animation:pageLoaderFadeOut .9s ease forwards;
  animation-delay:2.5s;
}
#page-loader::before,
#page-loader::after{
  content:""; position:absolute; pointer-events:none;
  background:radial-gradient(circle, rgba(185,138,74,.10), rgba(185,138,74,0) 68%);
  filter:blur(6px);
}
#page-loader::before{ width:46vw; height:46vw; top:-10%; left:-8%; }
#page-loader::after{
  width:38vw; height:38vw; bottom:-12%; right:-6%;
  background:radial-gradient(circle, rgba(61,43,62,.06), rgba(61,43,62,0) 68%);
}

.loader-mark{
  position:relative;
  width:min(46vw, 220px);
  aspect-ratio:220/262;
  display:flex; align-items:center; justify-content:center;
}
.loader-ring{ position:absolute; inset:0; width:100%; height:100%; overflow:visible }
.loader-ring ellipse{
  fill:none; stroke:#3D2B3E; stroke-width:1.3; stroke-linecap:round;
}
.loader-ring .ring-outer{
  stroke-dasharray:672; stroke-dashoffset:672;
  animation:pageLoaderDraw 1.9s cubic-bezier(.65,0,.35,1) forwards;
  animation-delay:.15s;
}
.loader-ring .ring-inner{
  stroke-dasharray:628; stroke-dashoffset:628;
  animation:pageLoaderDraw 1.9s cubic-bezier(.65,0,.35,1) forwards;
  animation-delay:.3s;
}
.loader-letters{
  position:absolute; z-index:1;
  left:46.7%; top:46.6%; width:68.5%; height:auto;
  transform:translate(-50%,-50%) translateY(6px);
  opacity:0;
  animation:pageLoaderMark 1.3s ease forwards;
  animation-delay:1.15s;
}

@keyframes pageLoaderDraw{ to{ stroke-dashoffset:0 } }
@keyframes pageLoaderMark{
  to{ opacity:1; transform:translate(-50%,-50%) translateY(0) }
}
@keyframes pageLoaderFadeOut{ to{ opacity:0; visibility:hidden } }

@media (prefers-reduced-motion:reduce){
  .loader-ring ellipse{ animation:none; stroke-dashoffset:0 }
  .loader-letters{
    animation:none; opacity:1; transform:translate(-50%,-50%)
  }
  html.page-loading #page-loader{ animation:none }
}