html { background-color: var(--wp--preset--color--cream); }
#main-content { transition: opacity .12s ease; }
html.be-quick-transition #main-content { opacity: 0; }
.be-page-entry {
 position: fixed;
 inset: 0;
 z-index: 1000;
 display: flex;
 align-items: center;
 justify-content: center;
 background: var(--wp--preset--color--ochre);
 transform: translate3d(0, 0, 0);
 transition: transform .42s cubic-bezier(.76, 0, .24, 1);
 animation: be-entry-failsafe 0s 6s forwards;
}
.be-page-entry[hidden] { display: none; }
html.be-entry-seen .be-page-entry { display: none; }
.be-page-entry.is-leaving {
 transform: translate3d(0, 100%, 0);
 animation: none;
}
.be-page-entry__content {
 display: flex;
 flex-direction: column;
 align-items: center;
 width: min(62vw, 360px);
}
.be-page-entry__content img { display: block; width: 100%; height: auto; }
.be-page-entry__progress {
 display: block;
 width: min(150px, 45vw);
 height: 2px;
 margin-top: clamp(27px, 4vw, 45px);
 overflow: hidden;
 background: rgb(0 0 0 / 19%);
}
.be-page-entry__progress::before {
 content: '';
 display: block;
 width: 50%;
 height: 100%;
 background: currentColor;
 animation: be-entry-progress 1.1s ease-in-out infinite alternate;
}
@keyframes be-entry-progress {
 from { transform: translateX(-100%); }
 to { transform: translateX(200%); }
}
@keyframes be-entry-failsafe { to { visibility: hidden; } }
@media (prefers-reduced-motion: reduce) {
 .be-page-entry { display: none; }
 #main-content { transition: none; }
 html.be-quick-transition #main-content { visibility: hidden; }
}