/* =========================
   PAGE LOADER
========================= */

.page-loader{
  position:fixed;

  inset:0;

  width:100vw;
  height:100svh;

  background:var(--cream);
  color:var(--primary-red);

  z-index:9999;

  display:flex;
  align-items:center;
  justify-content:center;

  transition:
    opacity .8s cubic-bezier(.22,1,.36,1),
    visibility .8s cubic-bezier(.22,1,.36,1);
}

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

.loader-inner{
  text-align:center;

  display:flex;
  flex-direction:column;
  align-items:center;

  gap:1rem;
}

.loader-logo{
  font-size:clamp(4rem, 12vw, 9rem);

  line-height:.75;

  font-weight:950;

  letter-spacing:-.1em;
}

.loader-inner p{
  font-size:.75rem;

  font-weight:900;

  letter-spacing:.14em;

  color:var(--black);
}