/* A uniform, quiet opening; the website continues loading underneath. */
/* Keep the same viewport-unit basis when the intro releases the scroll lock. */
html{scrollbar-gutter:stable}
html.entry-pending{overflow:hidden}
html.entry-pending::before{content:'';position:fixed;inset:0;background:#f3edf7;z-index:9997}
html.entry-ready::before{display:none}
.entry-pending .site-header .brand{visibility:hidden}
.luna-entry[hidden]{display:none!important}
.luna-entry{position:fixed;inset:0;z-index:9998;overflow:hidden;isolation:isolate;color:#9b70b7}
.entry-backdrop{position:absolute;inset:0;background:#f3edf7}
.entry-flight{position:absolute;inset:0;transform-origin:0 0;will-change:transform;color:inherit;pointer-events:none}
.entry-art{position:absolute;left:50%;top:50%;width:min(1000px,84vw);height:auto;aspect-ratio:1200/505;transform:translate(-50%,-50%);overflow:visible}
.entry-art [data-original-layer]{fill:currentColor}
.entry-chinese{position:absolute;max-width:none;opacity:0;object-fit:contain}
.entry-skip{position:absolute;right:40px;bottom:30px;min-width:44px;min-height:44px;padding:12px 0;background:none;border:0;color:#776780;font-size:12px;font-weight:350;letter-spacing:.12em;cursor:pointer;transition:opacity .2s}
.entry-skip:hover{color:#4b3558}
.entry-skip:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.luna-entry[data-phase="handoff"] .entry-skip{opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){html.entry-pending::before,.luna-entry{display:none!important}}