:root{color-scheme:dark;font-family:'Microsoft YaHei','PingFang SC',sans-serif;background:#000;color:#e9e3d2;--portal-scale:1.04403065;--portal-brightness:1.1}
*{box-sizing:border-box}body{margin:0;min-width:320px}a,button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button:focus-visible,a:focus-visible{outline:1px solid #e3cf96;outline-offset:5px}button[hidden]{display:none}.experience{min-height:100svh;display:grid;place-items:center;overflow:hidden;background:#000}.scene{position:relative;width:min(100vw,177.777778svh);aspect-ratio:16/9;isolation:isolate;overflow:hidden}.scene-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;mask-mode:alpha}.site-header{position:absolute;inset:0;pointer-events:none;z-index:8}.brand{position:absolute;left:2.395833%;top:3.703704%;width:13.229167%;pointer-events:auto;filter:drop-shadow(0 0 8px #ccb45130)}.brand img{display:block;width:100%;height:auto}.brand-logo{position:absolute;left:95.572917%;top:2.777778%;width:2.5%;height:auto;filter:drop-shadow(0 0 7px #cba35324)}
.projection{position:absolute;z-index:2;display:grid;place-items:center;pointer-events:none}.idle-copy{text-align:center;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease,transform .5s ease}.eyebrow{font-size:clamp(7px,.56vw,12px);letter-spacing:.36em;color:#c1af7c99}.idle-copy h1{font:400 clamp(16px,1.85vw,38px) 'SimSun','Songti SC',serif;letter-spacing:.32em;margin:1em 0 .8em;color:#d8c99dbb;text-shadow:0 0 28px #ccbc6f15}.idle-copy p{font-size:clamp(9px,.66vw,14px);letter-spacing:.22em;color:#928e83aa;margin:0}.quiet-line{display:block;width:1px;height:clamp(12px,1.9vw,38px);margin:1.3vw auto 0;background:linear-gradient(#bdb08a6a,transparent)}.projection.has-media .idle-copy{opacity:0;transform:translateY(-6px)}
.video-well{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .3s ease;mask-size:100% 100%;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha;-webkit-mask-size:100% 100%;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}.projection.has-media .video-well{opacity:1}.preview-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transform:scale(var(--video-zoom,1.12));transform-origin:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.preview-video.is-visible{opacity:1}.video-status{position:absolute;left:0;top:43%;width:100%;text-align:center;color:#d5c49f;letter-spacing:.16em;font-size:clamp(10px,.8vw,17px);opacity:0;transition:opacity .2s;text-shadow:0 2px 12px #000}.video-status.is-visible{opacity:1}.resume-button{position:absolute;top:72%;z-index:3;pointer-events:auto;color:#e4d6ac;background:#14110b9d;border:1px solid #b49a604d;padding:.65em 1.2em;border-radius:3px;cursor:pointer;font-size:clamp(10px,.7vw,14px);letter-spacing:.1em}.resume-button span{margin-left:.7em}
.portals{position:absolute;inset:0;pointer-events:none;z-index:3}.portal-slot{position:absolute;pointer-events:none}.portal-slot.is-active{z-index:5}.portal{position:absolute;inset:0;display:block;overflow:visible;pointer-events:auto;cursor:pointer;isolation:isolate;transform-origin:50% 58%;transition:transform .42s cubic-bezier(.2,.75,.25,1),filter .42s ease;filter:brightness(1);touch-action:manipulation;outline:none}.portal-art{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none;user-select:none}.portal.is-active{transform:scale(var(--portal-scale));filter:brightness(var(--portal-brightness))}.portal.is-active .portal-art{mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent)}.portal:focus-visible{outline:none}.portal:focus-visible::after{content:'';position:absolute;inset:12% 8% 3%;border:1px solid var(--accent);border-radius:35%;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 30%,transparent)}.orbit-sphere,.orbit-spark{pointer-events:none}.portal-mobile-controls{display:none}.portal-caption{position:absolute;left:0;top:87.1%;width:100%;display:flex;align-items:center;justify-content:center;gap:1em;opacity:0;transform:translateY(4px);z-index:7;transition:opacity .2s,transform .3s;pointer-events:none;text-shadow:0 2px 10px #000,0 0 8px #000}.portal-caption.is-visible{opacity:1;transform:translateY(0)}.caption-index{font:clamp(8px,.57vw,12px) Georgia,serif;letter-spacing:.12em;color:var(--accent,#d7c28d)}.caption-name{font:clamp(14px,1.16vw,24px) 'SimSun','Songti SC',serif;letter-spacing:.22em;color:var(--accent,#d7c28d)}.caption-note{font-size:clamp(9px,.64vw,13px);letter-spacing:.16em;color:#d2cbbbc0;padding-left:.3em}.scene-footer{position:absolute;left:3%;right:3%;bottom:2.5%;display:flex;justify-content:space-between;align-items:center;z-index:8;pointer-events:none;font-size:clamp(9px,.6vw,13px);letter-spacing:.16em;color:#bcb6a773}.motion-toggle{pointer-events:auto;border:0;padding:7px 0 7px 10px;color:#c2b994b0;background:none;cursor:pointer;font-size:inherit;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.toggle-light{display:inline-block;width:4px;height:4px;border-radius:50%;background:#d7c68f;box-shadow:0 0 9px #d7c68f}.motion-toggle[aria-pressed=true] .toggle-light{background:#66615a;box-shadow:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reduced-motion .portal,.reduced-motion .preview-video,.reduced-motion .video-well,.reduced-motion .idle-copy{transition:none}
@media(max-width:650px) and (orientation:portrait){.experience{display:block;min-height:100svh;overflow:hidden}.scene{width:100%;aspect-ratio:auto;min-height:100svh;display:flex;flex-direction:column;padding:99px 0 64px}.scene-backdrop{height:100%;object-fit:cover;opacity:.26;mask-image:none!important;-webkit-mask-image:none!important}.site-header{height:70px}.brand{left:6%!important;top:28px!important;width:142px!important}.brand-logo{left:auto!important;right:6%;top:21px!important;width:35px!important}.projection{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:var(--mask-aspect);margin-bottom:28px}.idle-copy h1{font-size:18px;letter-spacing:.14em;margin:.8em 0}.eyebrow{font-size:7px;letter-spacing:.24em}.idle-copy p{font-size:9px;letter-spacing:.08em}.quiet-line{display:none}.portals{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:44px 0;inset:auto;padding:0 3%;z-index:3}.portal-slot{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;aspect-ratio:var(--frame-aspect);align-self:center}.portal-mobile-controls{position:absolute;bottom:-29px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:6px;pointer-events:auto;font-size:10px;color:#c5b589}.portal-mobile-controls a{padding:6px 0;white-space:nowrap}.preview-trigger{font-size:10px;color:#d4ccbb;background:#05090d8c;border:1px solid #b9a15c42;border-radius:3px;padding:5px 7px;cursor:pointer}.preview-trigger[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.portal-caption{position:relative;top:auto;left:auto;min-height:42px;margin-top:53px;gap:8px;flex-wrap:wrap;padding:0 20px}.caption-name{font-size:18px}.caption-note{font-size:10px}.caption-index{font-size:10px}.scene-footer{left:6%;right:6%;bottom:15px;font-size:9px}.video-status{font-size:12px}.resume-button{font-size:10px;padding:5px 9px;top:73%}}
@media(prefers-reduced-motion:reduce){.portal,.preview-video,.video-well,.idle-copy{transition:none}}
.scene{-webkit-user-select:none;user-select:none}
@media(max-width:650px) and (orientation:portrait){.scene-backdrop{opacity:.11}.portal-mobile-controls{font-size:11px;color:#e0d3ad}.preview-trigger{font-size:11px;background:#05090db5}}
.portal-slot:nth-child(1){z-index:4}.portal-slot:nth-child(2){z-index:3}.portal-slot:nth-child(3){z-index:2}.portal-slot:nth-child(4){z-index:1}.portal-slot.is-active{z-index:10}

/* English typography and longer mobile gateway labels. */
:root{font-family:Arial,Helvetica,sans-serif}
.idle-copy{padding:0 5%}
.idle-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.4vw,48px);line-height:1.12;letter-spacing:.025em;margin:.45em 0 .55em}
.idle-copy p{letter-spacing:.06em;line-height:1.5}
.caption-name{font-family:Georgia,'Times New Roman',serif;letter-spacing:.035em}
.caption-note,.scene-footer{letter-spacing:.04em}
.preview-trigger{white-space:nowrap}
@media(max-width:650px) and (orientation:portrait){
  .idle-copy h1{font-size:20px;letter-spacing:.015em;margin:.35em 0}
  .idle-copy p{font-size:10px;letter-spacing:.02em}
  .portals{row-gap:72px}
  .portal-mobile-controls{bottom:-50px;flex-direction:column;align-items:flex-start;gap:3px}
  .portal-mobile-controls a{order:-1;padding:2px 0;font-size:11px}
  .preview-trigger{font-size:10px;padding:3px 7px}
  .portal-caption{margin-top:75px;column-gap:7px;row-gap:4px}
  .caption-note{flex-basis:100%;text-align:center;font-size:10px}
  .scene-footer{font-size:8px}
}

/* Full-viewport background; proportional artwork keeps every orbit aligned. */
.experience{display:block;min-height:100svh;overflow:clip}
.scene{width:100%;height:100svh;aspect-ratio:auto;overflow:clip}
.scene::before{content:'';position:absolute;inset:0;z-index:0;background:#000 url('./assets/v2/layer-00.webp') center/cover no-repeat;filter:blur(28px) brightness(.6);transform:scale(1.06);pointer-events:none}
.artwork-plane{position:absolute;width:100%;aspect-ratio:16/9;z-index:1;background:#000;pointer-events:none}
.idle-copy h1{font-size:var(--preview-title-size,clamp(24px,2.4vw,48px))}
.quiet-line{height:var(--preview-line-size,clamp(12px,1.9vw,38px));margin:.8em auto 0}
@media(max-width:650px) and (orientation:portrait){
  .scene{height:auto;min-height:100svh}
  .scene::before{display:none}
  .artwork-plane{display:contents}
  .idle-copy h1{font-size:20px}
}