/* Logo curtain for navigation. The home loader is the only resource counter. */
.js .page-transition{position:fixed;inset:0;z-index:190;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;isolation:isolate;visibility:hidden;pointer-events:none;color:#f3f0e7;background:transparent}
.page-transition .transition-seed{position:absolute;inset:0;background:none;clip-path:none;z-index:-1;transition:none}
.transition-seed:before,.transition-seed:after{content:'';position:absolute;left:0;width:100%;height:60%;background:#08676c;transition:transform .46s cubic-bezier(.76,0,.24,1),border-radius .46s cubic-bezier(.76,0,.24,1)}
.transition-seed:before{top:0;transform:translateY(-106%);border-radius:0 0 45% 25%}
.transition-seed:after{bottom:0;transform:translateY(106%);border-radius:25% 45% 0 0}
.page-transition .wordmark{display:inline-flex;flex-direction:column;text-align:center;opacity:0;transform:translateY(12px);transition:opacity .22s .12s,transform .42s cubic-bezier(.22,1,.36,1);position:relative}
.page-transition .wordmark-name{font-family:'Ohlala Logo',sans-serif;font-size:116px;font-weight:400;line-height:.95;color:#d5b681}
.page-transition .wordmark-sub{font-family:'Ohlala Type',serif;font-size:31px;color:#f3f0e7}
.page-transition .wordmark-name>span{color:#f3f0e7}
.page-transition .transition-caption{opacity:0;transform:translateY(10px);transition:opacity .22s .17s,transform .45s;font:italic 29px/1.3 'Cormorant Garamond',Georgia,serif;color:#e0c393}
.transition-orbit{position:absolute;left:50%;top:50%;width:340px;height:340px;margin:-170px;border:1px solid #d5b68140;border-radius:50%;transform:scale(.83);opacity:0;transition:transform .6s,opacity .25s}
.transition-orbit:after{content:'';position:absolute;inset:-18px;border:1px solid #d5b68120;border-radius:50%}
.leaving .page-transition,.page-arriving .page-transition{visibility:visible}
.leaving .transition-seed:before,.leaving .transition-seed:after,.page-arriving .transition-seed:before,.page-arriving .transition-seed:after{transform:translateY(0);border-radius:0}
.leaving .page-transition .wordmark,.leaving .transition-caption,.page-arriving .page-transition .wordmark,.page-arriving .transition-caption{opacity:1;transform:none}
.leaving .transition-orbit,.page-arriving .transition-orbit{opacity:1;transform:scale(1)}
.page-arriving.page-revealing .transition-seed:before{transform:translateY(-106%);border-radius:0 0 45% 25%;transition-duration:.56s}
.page-arriving.page-revealing .transition-seed:after{transform:translateY(106%);border-radius:25% 45% 0 0;transition-duration:.56s}
.page-arriving.page-revealing .page-transition .wordmark,.page-arriving.page-revealing .transition-caption{opacity:0;transform:translateY(-12px);transition-delay:0s;transition-duration:.18s}
.page-arriving.page-revealing .transition-orbit{opacity:0;transform:scale(1.12);transition-duration:.3s}
.js .page-loader{clip-path:none;transition:opacity .65s,visibility .65s;opacity:1}
.js.ready .page-loader{clip-path:none;opacity:0;visibility:hidden}
.ready .page-loader .wordmark{animation:none;opacity:1;transition:none}
.ready .page-loader .real-load-progress,.ready .page-loader>.eyebrow{opacity:1}
@media(max-width:800px){.page-transition .wordmark-name{font-size:95px}.page-transition .wordmark-sub{font-size:27px}.transition-orbit{width:270px;height:270px;margin:-135px}.page-transition .transition-caption{font-size:26px}}
@media(prefers-reduced-motion:reduce){.js .page-transition{display:none!important}.js .page-loader{display:none!important}}
