.website .page-curtain {
  position: fixed;
  z-index: 2000;
  inset: 0;
  display: grid;
  place-items: center;
  transform: translate3d(0, -102%, 0);
  background: #8b1028;
  color: #fffaf3;
  pointer-events: none;
  transition: transform 560ms cubic-bezier(.76, 0, .24, 1);
  will-change: transform;
}
.website .page-curtain-brand {
  display: flex;
  align-items: center;
  gap: 20px;
  font-family: Playfair, Georgia, serif;
  font-size: clamp(25px, 4vw, 42px);
  line-height: 1.02;
}
.website .page-curtain-brand img {
  width: 140px;
  height: 140px;
  padding: 5px;
  border: 2px solid #d7eaf0;
  border-radius: 50%;
  background: #fff;
  object-fit: contain;
}
html.page-arriving .website .page-curtain,
.website.page-leaving .page-curtain { transform: translate3d(0, 0, 0); }
html.page-arriving .website .page-curtain { transition-duration: 560ms; }
.website.page-leaving .page-curtain { transition-duration: 360ms; }
@media (max-width: 560px) {
  .website .page-curtain-brand { flex-direction: column; gap: 15px; text-align: center; }
  .website .page-curtain-brand img { width: 112px; height: 112px; }
}
@media (prefers-reduced-motion: reduce) {
  .website .page-curtain { display: none; transition: none; }
}