/* The initial class is in the HTML, before deferred scripts or image loads. */
body.opening-pending .browser-frame{border-color:transparent}
body.opening-pending .window-bar,body.opening-pending header,body.opening-pending .intro-copy,body.opening-pending .motion-toolbar,body.opening-pending .scroll-cue,body.opening-pending #works,body.opening-pending #contact,body.opening-pending footer{opacity:0;visibility:hidden}
body.opening-pending #scene{opacity:var(--opening-scene,0)}
body.opening-pending.opening-ui-ready .browser-frame{border-color:rgba(41,44,46,var(--opening-ui,0))}
body.opening-pending.opening-ui-ready .window-bar,body.opening-pending.opening-ui-ready header,body.opening-pending.opening-ui-ready .intro-copy,body.opening-pending.opening-ui-ready .motion-toolbar,body.opening-pending.opening-ui-ready .scroll-cue,body.opening-pending.opening-ui-ready #works,body.opening-pending.opening-ui-ready #contact,body.opening-pending.opening-ui-ready footer{opacity:var(--opening-ui,0);visibility:visible}
.beta .intro #opening{z-index:3;background:#fff8eb;overflow:hidden}
@media(prefers-reduced-motion:reduce){body.opening-pending .browser-frame{border-color:var(--ink)}body.opening-pending .window-bar,body.opening-pending header,body.opening-pending .intro-copy,body.opening-pending .motion-toolbar,body.opening-pending .scroll-cue,body.opening-pending #works,body.opening-pending #contact,body.opening-pending footer{opacity:1;visibility:visible}body.opening-pending #scene{opacity:1}.beta .intro #opening{display:none}}