/* PEP opening 2.0: the original logo, no headline or business introduction. */
.pep-intro[hidden] { display: none !important; }
html.pep-intro-pending .pep-intro[hidden],
.pep-intro:not([hidden]) {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: block !important;
  isolation: isolate;
  overflow: hidden;
  color: #333;
  pointer-events: auto;
  animation: pep-intro-emergency-hide 0s 4s forwards;
}
.pep-intro *, .pep-intro *::before, .pep-intro *::after { box-sizing: border-box; }
.pep-intro__paper { position: absolute; inset: 0; background: #f5f3eb; }
.pep-intro__center { position: absolute; inset: 0; display: grid; place-items: center; }
.pep-intro__logo {
  position: relative;
  width: clamp(210px, 30vw, 430px);
  max-width: 76vw;
  aspect-ratio: 1500 / 437;
}
.pep-intro img { display: block; max-width: none; }
/* Two CSS windows use the same unchanged PNG. Only the orange mark rotates. */
.pep-intro__mark { position: absolute; inset: 0 auto 0 0; width: 29.133333%; opacity: 0; }
.pep-intro__mark-crop { display: block; width: 100%; height: 100%; overflow: hidden; }
.pep-intro__mark img { width: 343.24943%; height: 100%; }
.pep-intro__wordmark { position: absolute; inset: 0 0 0 31%; overflow: hidden; }
.pep-intro__wordmark-image { position: absolute; top: 0; right: 0; width: 144.927536%; height: 100%; opacity: 0; }
.pep-intro img.pep-intro__broken { display: none !important; }
.pep-intro__logo-fallback { position: absolute; inset: 0; display: grid; place-items: center; font: italic 900 clamp(60px, 9vw, 125px)/1 Arial, sans-serif; letter-spacing: -.07em; }
.pep-intro__skip {
  position: absolute;
  z-index: 3;
  right: max(5.5vw, env(safe-area-inset-right));
  bottom: max(24px, env(safe-area-inset-bottom));
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  min-height: 44px;
  min-width: 108px;
  padding: 8px 15px;
  border: 1px solid rgba(51, 51, 51, .4);
  border-radius: 0;
  background: #f5f3eb;
  color: #333;
  font: 11px/1.5 Arial, sans-serif;
  cursor: pointer;
}
.pep-intro__skip:focus-visible { outline: 3px solid #333; outline-offset: 4px; }
.pep-intro__skip:hover { background: #333; color: #f5f3eb; }
@keyframes pep-intro-emergency-hide { to { visibility: hidden; pointer-events: none; } }
@media (max-height: 420px) {
  .pep-intro__logo { width: min(34vw, 350px, 96vh); }
  .pep-intro__skip { bottom: max(12px, env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) {
  .pep-intro, html.pep-intro-pending .pep-intro[hidden] { display: none !important; }
}