/* Extend the existing About/Works composition; the shared WebGL stays behind it. */
#echo-reader .EchoLoginSplit{margin-bottom:80px}
#echo-reader .EchoLoginPage>.EchoLoginSplit{margin-top:-174px}
#echo-reader .EchoLoginSplit>.RefBody{max-width:640px}
#echo-reader .EchoLoginSplit .RefLead{margin:30px 0 0}
#echo-reader .EchoLoginSplit .RefEnglish{margin-top:12px;font-size:15px;color:#bdc4cd}
.EchoLoginEmbed{position:relative;margin-top:28px;min-height:340px}
.EchoLoginFrame[hidden]{display:none}
.EchoLoginFrame{display:block;width:100%;height:var(--login-frame-height,370px);border:0;background:transparent;color-scheme:dark;opacity:0;transition:opacity .3s ease-out}
.EchoLoginEmbed[data-ready=true]>.EchoLoginFrame{opacity:1}
.EchoLoginPending{position:absolute;inset:14px 0 auto;margin:0;font-size:14px;color:#b3c4df}
.EchoLoginUnavailable{padding:20px 0;font-size:15px;color:#d1d5dc}
.EchoLoginUnavailable button,.EchoLoginUnavailable a{display:inline-flex;align-items:center;gap:24px;min-height:44px;margin:12px 24px 0 0;padding:8px 0;border:0;border-bottom:1px solid #97b2d42e;color:#eff4ff;background:none;font:inherit;text-decoration:none}
#echo-reader .EchoLoginFootnote{margin:24px 0 0;font-size:13px;line-height:1.8;color:#b3c4df}
#echo-reader .EchoLoginFootnote small{display:block;font-size:11px;color:#929ba8;margin-top:5px}
#echo-reader .EchoLoginSplit .EchoLoginPreviewNote{margin:16px 0 0;font-size:12px;color:#b3c4df}
body[data-portal-view] .EchoLoginFrame{position:fixed;inset:0;z-index:5000;width:100vw;height:100dvh;opacity:1;background:#070911;transition:none}
body[data-portal-view] .EchoHeader,body[data-portal-view] .EchoReaderToolbar,body[data-portal-view] .EchoReaderFoot{visibility:hidden!important;pointer-events:none!important}
body[data-portal-view] #echo-reader{overflow:hidden;z-index:130}
@media(min-width:769px) and (max-height:800px){
 #echo-reader .EchoLoginPage{padding-top:180px;padding-bottom:70px}
 #echo-reader .EchoLoginSplit .RefLead{margin-top:20px}
 #echo-reader .EchoLoginSplit .EchoLoginPreviewNote{margin-top:8px}
 .EchoLoginEmbed{margin-top:20px}
}
@media(max-width:768px){
 #echo-reader .EchoLoginPage{padding-top:160px}
 #echo-reader .EchoLoginSplit{margin-bottom:48px}
 #echo-reader .EchoLoginPage>.EchoLoginSplit{margin-top:0}
 #echo-reader .EchoLoginSplit>.RefBody{max-width:none}
 #echo-reader .EchoLoginSplit .RefLead{margin-top:16px;font-size:22px}
 #echo-reader .EchoLoginSplit .RefEnglish{font-size:13px;margin-top:10px}
 .EchoLoginEmbed{margin-top:28px;min-height:330px}
 #echo-reader .EchoLoginFootnote{font-size:12px;margin-top:16px}
}
@media(prefers-reduced-motion:reduce){.EchoLoginFrame{transition:none}}