/* Same project interface metrics as Ethereal; artwork is a full-viewport layer. */
body:has(.hua-page){overflow:hidden;background:#000;color:#fffdf5}
body:has(.hua-page):before,body:has(.hua-page):after{display:none!important}
body:has(.hua-page)>header{position:fixed;inset:0 0 auto;z-index:40;background:transparent!important;backdrop-filter:none;box-shadow:none;border:0;color:#fffdf5;pointer-events:none}
body:has(.hua-page)>header a{pointer-events:auto;color:#fffdf5!important;text-shadow:0 1px 8px #0005}
#page:has(.hua-page){position:fixed;inset:0;margin:0;padding:0;max-width:none;width:100%;height:100svh;overflow:hidden;outline:none}
.hua-page{position:relative;width:100%;height:100svh;isolation:isolate}
.hua-art{position:absolute;inset:0;overflow:hidden;z-index:0}
.hua-track{position:absolute;left:0;display:flex;will-change:transform}
.hua-track img{display:block;max-width:none;flex:none;user-select:none}
.hua-info{position:absolute;inset:0 auto 0 0;width:38vw;background:rgba(0,0,0,.74);z-index:2;padding:calc(23vh - 32px) 2.5vw 28px 5vw;overflow-y:auto;scrollbar-width:none}
/* Ethereal's heading weight, tracking, line height, origin and metadata scale. */
.hua-title{font-size:clamp(30px,2.7vw,48px);font-weight:400;line-height:.96;letter-spacing:-.055em;margin:0 0 30px}
.hua-meta.er-meta{display:flex;flex-direction:row;gap:16px;font-size:13px;max-width:none;color:#fffdf5;padding:0;margin:0 0 30px;white-space:nowrap}
.hua-description p{font-size:clamp(14px,1.15vw,19px);line-height:1.8;letter-spacing:0;margin:0 0 20px;color:#fffdf5}
.hua-lens-zone{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(94px 0 0 38vw)}
.hua-lens{position:absolute;width:210px;height:210px;border:1px solid #eaeae0;border-radius:50%;background-image:url('assets/dream-hua-archive-cover.jpg');background-repeat:repeat-x;background-origin:border-box;opacity:0;transition:opacity .22s;pointer-events:none;will-change:background-position}
.hua-lens.is-visible{opacity:1}
@media(max-width:900px){.hua-info{width:40vw;padding-right:2vw}.hua-title{font-size:30px}.hua-meta.er-meta{gap:10px;font-size:11px}.hua-description p{font-size:13px}.hua-lens-zone{clip-path:inset(94px 0 0 40vw)}}
@media(max-width:650px){.hua-info{width:66vw;padding:calc(18vh - 20px) 5vw 24px;}.hua-title{font-size:28px;margin-bottom:22px}.hua-meta.er-meta{font-size:10px;gap:10px;margin-bottom:22px}.hua-description p{font-size:13px;line-height:1.7}.hua-lens-zone{display:none}}
@media(prefers-reduced-motion:reduce){.hua-lens{transition:none}}