@font-face{font-family:Cormorant;src:url(/fonts/display-roman.ttf);font-display:swap}@font-face{font-family:Cormorant;src:url(/fonts/display-italic.ttf);font-style:italic;font-display:swap}@font-face{font-family:AtelierTC;src:url(/fonts/display-zh-hant.ttf);font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ece7d7;--gold:#c8b07a;--line:#ceb98540;background:#070e1c;font-family:Arial,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:1px solid var(--gold);outline-offset:6px}button:disabled{opacity:.35;cursor:wait}.atelier{isolation:isolate;height:100svh;min-height:700px;position:relative;overflow:hidden}.stage{z-index:0;position:absolute;inset:0}#canvas{touch-action:none;opacity:0;width:100%;height:100%;transition:opacity 1.6s;display:block}#poster{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:opacity 1.6s;position:absolute}.rendered #canvas{opacity:1}.rendered #poster{opacity:0}.vignette{pointer-events:none;z-index:1;background:linear-gradient(90deg,#03071188,#0000 62%),linear-gradient(#03071166,#0000 20% 70%,#030711bb);position:absolute;inset:0}header{z-index:4;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:104px;margin:0 5%;display:flex;position:relative}.brand{align-items:center;gap:15px;display:flex}.brand>span{letter-spacing:3px;font-size:13px}.brand small{letter-spacing:4px;color:var(--gold);margin-top:7px;font-size:9px;display:block}nav{letter-spacing:1.5px;gap:35px;font-size:10px;display:flex}nav a{padding:14px 0}.editorial{z-index:2;pointer-events:none;transition:opacity .8s,transform .8s;position:absolute;top:31%;left:7%}.eyebrow{letter-spacing:3px;color:var(--gold);font-size:10px;line-height:1.7}h1{letter-spacing:-1px;margin:27px 0;font-family:Cormorant,AtelierTC,serif;font-size:clamp(58px,5.7vw,96px);font-weight:400;line-height:.98}h1 em{color:#dac79e;font-weight:400}.intro{white-space:pre-line;color:#c0c2c3;font-family:Cormorant,AtelierTC,serif;font-size:19px;line-height:1.65}#enter{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:2px;background:#ddcda414;border:1px solid #ceb9856b;justify-content:space-between;align-items:center;gap:45px;min-width:245px;margin-top:30px;padding:16px 22px;font-size:10px;display:flex}#enter:hover{background:#ddcda42a}#enter>span:last-child{font-size:18px}#about-open{pointer-events:auto;letter-spacing:1.7px;background:0 0;border:0;border-bottom:1px solid #c7b28244;margin-top:12px;padding:12px 0;font-size:9px;display:block}.inside .editorial{opacity:0;visibility:hidden;transform:translateY(-18px)}.location{z-index:2;letter-spacing:2px;pointer-events:none;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;top:33%;right:6%}.location-index{color:var(--gold);font-family:Cormorant,serif;font-size:26px}#return{pointer-events:auto;white-space:nowrap;border:1px solid var(--line);letter-spacing:1px;background:#070e1c66;padding:10px 15px;font-size:9px;position:absolute;top:42px;right:0}.navigation{z-index:3;border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-top:18px;display:flex;position:absolute;bottom:65px;left:7%;right:7%}.journey>.eyebrow{margin-bottom:12px;font-size:8px;display:block}.journey>div{align-items:center;gap:15px;display:flex}.journey button{color:#9da7b3;background:0 0;border:0;align-items:center;gap:11px;padding:9px 0;font-size:11px;display:flex}.journey button.active{color:#f1e6d0}.journey i{color:var(--gold);font-family:Cormorant,serif;font-size:18px;font-style:normal}.connector{background:var(--line);width:45px;height:1px}.sky-control{text-align:right}#meteors{border:0;border-bottom:1px solid var(--line);letter-spacing:1.3px;color:#d7c395;background:0 0;padding:9px 0;font-size:10px}#hint{letter-spacing:1.5px;color:#929cac;margin:12px 0 8px;font-size:8px}.walk-controls{z-index:3;grid-template-columns:repeat(3,32px);gap:4px;display:grid;position:absolute;bottom:200px;right:6%}.walk-controls button{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);touch-action:none;background:#07101f55;border:1px solid #c8b07a44;width:32px;height:32px;font-size:16px}.walk-controls button:first-child{grid-column:2}.walk-controls button:nth-child(2){grid-column:1}.walk-controls button:active{background:#c8b07a55}footer{z-index:3;letter-spacing:2px;color:#9097a1;justify-content:space-between;align-items:center;height:54px;font-size:8px;display:flex;position:absolute;bottom:0;left:7%;right:7%}dialog{color:#e3dece;border:1px solid var(--line);background:#111b27;width:min(600px,100% - 32px);max-height:88svh;padding:50px}dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020711aa}.close{background:0 0;border:0;padding:8px;font-size:28px;position:absolute;top:12px;right:16px}dialog h2{white-space:pre-line;font-family:Cormorant,AtelierTC,serif;font-size:46px;font-weight:400;line-height:1.12}dialog p{color:#b6b8ba;font-size:14px;line-height:1.9}dialog .disclosure{border-top:1px solid var(--line);padding-top:20px;font-size:12px}html[lang=zh-Hant] h1{letter-spacing:3px;font-family:AtelierTC,serif;font-size:clamp(45px,4.5vw,74px);line-height:1.4}html[lang=zh-Hant] h1 em{font-style:normal}html[lang=zh-Hant] .intro{font-size:15px;line-height:1.9}@media (width<=700px){.atelier{height:100svh;min-height:800px}header{height:84px;margin:0 6%}.brand>span{letter-spacing:2px;font-size:10px}.brand small{letter-spacing:2.7px;font-size:8px}.brand{gap:10px}nav{gap:15px;font-size:9px}nav a:first-child{display:none}.editorial{top:22%;left:7%}h1{margin:20px 0;font-size:48px;line-height:1.07}html[lang=zh-Hant] h1{font-size:37px;line-height:1.4}.eyebrow{letter-spacing:2px;font-size:9px}.intro{font-size:17px;line-height:1.6}#enter{min-width:205px;margin-top:22px;padding:12px 16px;font-size:9px}#about-open{font-size:8px}.location{letter-spacing:1px;font-size:9px;top:13%;right:7%}.location-index{font-size:19px}.navigation{padding-top:16px;display:block;bottom:62px;left:7%;right:7%}.journey>div{justify-content:space-between;gap:8px}.journey button{gap:7px;font-size:10px}.connector{width:20px}.journey i{font-size:16px}.sky-control{justify-content:space-between;align-items:center;margin-top:12px;display:flex}#meteors{letter-spacing:.5px;font-size:9px}#hint{letter-spacing:.5px;font-size:7px}.walk-controls{grid-template-columns:repeat(3,38px);gap:5px;bottom:230px;right:7%}.walk-controls button{width:38px;height:38px}.vignette{background:linear-gradient(#03071122,#0000 47%,#030711dd),linear-gradient(90deg,#03071166,#0000)}dialog{padding:35px 26px}dialog h2{font-size:35px}footer{letter-spacing:1px;font-size:7px}.inside .walk-controls{bottom:250px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}