@font-face{font-family:"HK Serif";font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/hk-serif-0.ttf) format("truetype")}@font-face{font-family:"HK Serif";font-style:normal;font-display:swap;font-weight:700;src:url(/fonts/hk-serif-1.ttf) format("truetype")}:root{--ink: #080f13;--paper: #f0eadc;--muted: #c0c8bd;--jade: #8cd0b6;--orange: #ee8262;--line: #edf4eb26;--gutter: clamp(24px, 5vw, 80px);--serif: "HK Serif", "Songti TC", "Noto Serif TC", serif;--sans: -apple-system, BlinkMacSystemFont, "PingFang HK", "Microsoft JhengHei", sans-serif;--ease: cubic-bezier(.2, 0, 0, 1);font-family:var(--sans);font-synthesis:none;color:var(--paper);background:var(--ink);color-scheme:dark;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#405b50 var(--ink)}body{margin:0}::selection{background:var(--jade);color:#0a201b}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a{color:inherit;text-decoration:none;transition:color .18s var(--ease)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;transition:color .18s var(--ease),background-color .18s var(--ease),transform .18s var(--ease)}button:disabled{cursor:not-allowed;opacity:.45}button:not(:disabled):active{transform:scale(.96)}button:focus-visible,a:focus-visible{outline:2px solid var(--jade);outline-offset:5px}button:not(:disabled):hover,a:hover{color:var(--jade)}svg{width:20px;height:20px;fill:currentColor;flex-shrink:0;vertical-align:middle}[hidden]{display:none!important}h1,h2,h3{text-wrap:balance}p,figcaption{text-wrap:pretty}.skip-link{position:fixed;top:-100px;left:20px;padding:14px;background:#122a27;z-index:20}.skip-link:focus{top:12px}.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding:16px var(--gutter);border-bottom:1px solid var(--line);background:#080f13c9}.brand{display:flex;gap:12px;align-items:center;font:500 18px/1.5 var(--serif);letter-spacing:.14em}.brand-mark{width:32px;height:42px;display:grid;place-items:center;border:1px solid var(--orange);font-size:25px;color:var(--orange)}.brand small{display:block;margin-top:3px;font:10px/1.5 var(--sans);letter-spacing:.16em}.masthead nav{display:flex;gap:32px;font-size:13px;letter-spacing:.05em}.masthead nav a{display:flex;align-items:center;gap:6px;min-height:44px}.masthead nav svg{width:16px;height:16px}.nav-current{color:var(--jade)}.sound-button{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:13px;letter-spacing:.04em}.sound-button[aria-pressed=true]{color:var(--jade)}.night{height:max(700px,100svh);position:relative;overflow:hidden;background:#071218}.scene{position:absolute;inset:0;background:#0a171e}.scene canvas{position:absolute;width:100%;height:100%;inset:0;opacity:0;transition:opacity 1s var(--ease)}.scene.is-ready canvas{opacity:1}.scene-poster{width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.75;transition:opacity 1s var(--ease)}.scene.is-ready .scene-poster{opacity:0}.scene-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#061014b0,#06101440 35%,transparent 65%),linear-gradient(0deg,#080f13,#080f13a6 16%,transparent 70%)}.location-stamp{position:absolute;top:112px;right:var(--gutter);z-index:3;padding:6px 10px;background:#080f13d9;font-size:12px;line-height:1.5;letter-spacing:.04em;color:var(--muted)}.hero-copy{position:absolute;left:var(--gutter);bottom:176px;z-index:3;transition:opacity .3s var(--ease),transform .3s var(--ease)}.hero-copy h1{font:700 clamp(48px,4.7vw,72px)/1.26 var(--serif);letter-spacing:.01em;margin:0 0 24px;text-shadow:0 2px 20px #030a0d80}.outline-word{color:#d5e8dc}.title-period{color:var(--orange);margin-left:-.22em}.hero-description{font-size:16px;line-height:1.9;letter-spacing:.025em;color:var(--muted);margin:0 0 24px}.explore-button{display:flex;align-items:center;justify-content:space-between;gap:40px;min-height:48px;min-width:168px;padding:14px 18px;background:#dfeddd;color:#0a201b;font-size:14px;font-weight:500;letter-spacing:.08em}.explore-button:not(:disabled):hover{background:var(--jade);color:#0a201b}.explore-button svg{width:20px;height:20px}.night-bottom{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);z-index:4;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:16px}.view-picker{display:flex;gap:24px}.view-button{position:relative;min-height:48px;padding:10px 0;white-space:nowrap;font-size:13px;letter-spacing:.05em;color:var(--muted)}.view-button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--jade);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--ease)}.view-button.is-active{color:var(--paper)}.view-button.is-active:after{transform:scaleX(1)}.scene-controls{display:flex;gap:20px}.scene-controls button{min-height:48px;min-width:64px;padding:8px 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);white-space:nowrap}.scene-controls button[aria-pressed=true]{color:var(--jade)}.scene-controls svg{width:18px;height:18px}.scroll-link{display:flex;align-items:center;gap:12px;min-height:48px;padding-left:24px;border-left:1px solid var(--line);font-size:12px;letter-spacing:.025em;white-space:nowrap}.scroll-link svg{width:18px;height:18px}.scene-loading{position:absolute;z-index:3;right:var(--gutter);bottom:122px;max-width:28ch;font-size:12px;line-height:1.8;color:var(--jade);transition:opacity .3s var(--ease)}.scene-loading.is-loaded{opacity:0;pointer-events:none}.explore-note{position:absolute;z-index:3;left:var(--gutter);bottom:120px}.explore-note button{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;font-size:13px;background:#080f13d9}.explore-note svg{width:18px;height:18px}.is-exploring .hero-copy{opacity:0;transform:translateY(12px);pointer-events:none}.is-exploring .scene-shade{background:linear-gradient(0deg,#080f13e6,transparent 42%)}.stories{max-width:1280px;margin:auto;padding:96px var(--gutter) 0}.stories-heading{max-width:640px;padding-bottom:56px}.stories-heading h2{font:500 clamp(34px,3.3vw,48px)/1.4 var(--serif);letter-spacing:.03em;margin:0 0 24px}.stories-heading h2 span{color:var(--jade)}.stories-heading>p{font-size:16px;line-height:1.9;letter-spacing:.025em;color:var(--muted);margin:0}.story-list{display:grid;grid-template-columns:1.18fr 1fr;gap:80px 56px}.story figure{margin:0}.story-art{height:300px;position:relative;overflow:hidden;background:#101c21;outline:1px solid #ffffff1a;outline-offset:-1px}.story-art img{width:100%;height:100%;object-fit:cover;display:block}.story figcaption{padding-top:16px;font-size:12px;line-height:1.9;color:var(--muted)}.story figcaption a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#8cd0b666}#story-neon .story-art{height:420px}#story-cafe{padding-top:120px}.story:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:48px}.story:first-child .story-art{height:420px}.story:first-child h3{font-size:32px}.story-copy{padding-top:20px}.story h3{font:500 26px/1.5 var(--serif);letter-spacing:.025em;margin:0 0 16px}.story p{max-width:65ch;font-size:16px;line-height:2;color:var(--muted);margin:0 0 24px}.story-view{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;letter-spacing:.04em;text-align:left}.story-view svg{color:var(--jade);width:20px;height:20px}.photo-note{max-width:70ch;margin:48px 0 0;font-size:12px;line-height:2;color:var(--muted)}.closing-note{text-align:center;padding:96px 0 80px}.closing-note p{font:500 26px/1.8 var(--serif);letter-spacing:.04em;margin:0 0 24px}.closing-note p>span{color:var(--muted)}.closing-note>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;color:var(--jade)}.closing-note svg{width:18px;height:18px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px var(--gutter);border-top:1px solid var(--line);color:var(--muted);font-size:12px}footer>a{display:flex;align-items:center;gap:6px;min-height:44px;color:var(--paper);font-size:12px;font-weight:500;letter-spacing:.08em}footer>a>span{color:var(--jade)}footer svg{width:16px;height:16px}footer>p{margin:0}.noscript-note{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#15372e;padding:12px;text-align:center;font-size:12px}@media(max-width:1000px){.brand small{display:none}.masthead nav{gap:24px}.night-bottom{grid-template-columns:1fr auto}.scroll-link{display:none}.hero-copy h1{font-size:56px}.story-list{gap:56px 32px}.story:first-child{gap:32px}.story:first-child .story-art{height:340px}}@media(max-width:640px){:root{--gutter: 20px}.night{height:auto;min-height:100svh;padding-top:calc(68px + env(safe-area-inset-top));display:flex;flex-direction:column}.masthead{display:grid;grid-template-columns:1fr auto auto;gap:12px;min-height:68px;padding-top:calc(10px + env(safe-area-inset-top));padding-bottom:10px;background:var(--ink)}.brand{font-size:15px;gap:8px;letter-spacing:.08em}.brand-mark{width:25px;height:34px;font-size:22px}.masthead nav{grid-column:2;grid-row:1;font-size:12px;gap:0}.masthead nav .nav-current{display:none}.masthead nav a{min-height:44px}.sound-button{grid-column:3;grid-row:1;min-width:44px;justify-content:center}.sound-button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sound-button svg{width:20px;height:20px}.scene{position:relative;inset:auto;height:clamp(320px,50svh,480px);flex-shrink:0}.scene-poster{object-position:40% center;opacity:1}.scene-shade{background:linear-gradient(0deg,#080f13 0%,transparent 24%)}.location-stamp{top:calc(80px + env(safe-area-inset-top));right:12px;font-size:10px;padding:4px 8px}.hero-copy{position:relative;left:auto;bottom:auto;right:auto;padding:12px var(--gutter) 24px}.hero-copy h1{font-size:clamp(26px,7.5vw,32px);line-height:1.4;margin-bottom:12px;letter-spacing:0}.hero-copy h1 br{display:none}.hero-description{font-size:16px;line-height:1.75;margin-bottom:16px}.hero-description br{display:none}.explore-button{width:100%;min-height:48px;padding:12px 16px}.night-bottom{position:relative;inset:auto;margin:0 var(--gutter);padding:0 0 max(16px,env(safe-area-inset-bottom));grid-template-columns:1fr auto;gap:4px 12px}.view-picker{grid-column:1/-1;justify-content:space-between;gap:12px}.view-button{font-size:13px;min-height:48px}.scene-controls{gap:16px}.scene-controls button{min-width:60px;gap:6px;font-size:12px}.scene-controls svg{width:16px;height:16px}.scroll-link{display:flex;border:0;padding-left:0;gap:8px;font-size:12px}.scroll-link svg{width:16px;height:16px}.scene-loading{top:calc(112px + env(safe-area-inset-top));bottom:auto;right:12px;font-size:11px;padding:4px 8px;background:#080f13d9}.explore-note{position:relative;left:auto;bottom:auto;padding:12px var(--gutter)}.is-exploring .hero-copy{display:none}.is-exploring .scene{height:max(360px,calc(100svh - 260px))}.is-exploring .scene-shade{background:linear-gradient(0deg,#080f13,transparent 18%)}.explore-note button{width:100%}.stories{padding-top:64px}.stories-heading{padding-bottom:40px}.stories-heading h2{font-size:34px}.stories-heading>p{font-size:16px}.story-list{grid-template-columns:1fr;gap:48px}.story:first-child{grid-column:auto;display:block}.story:first-child .story-art,.story-art{height:275px}#story-neon .story-art{height:310px}#story-cafe{padding-top:0}.story:first-child h3,.story h3{font-size:26px}.story-copy{padding-top:24px}.photo-note{margin-top:32px}.closing-note{padding:64px 0}.closing-note p{font-size:24px}footer{flex-wrap:wrap;gap:12px;padding-block:20px}footer>span{width:100%}}@media(min-width:641px)and (max-height:600px){.night{height:max(380px,100svh)}.masthead{min-height:72px;padding-block:12px}.brand small{display:none}.location-stamp{top:88px;font-size:11px}.hero-copy{bottom:100px}.hero-copy h1{font-size:32px;line-height:1.26;margin-bottom:12px}.hero-description{line-height:1.4;margin-bottom:12px}.explore-button{min-height:44px;padding-block:10px}.night-bottom{bottom:12px;padding-top:8px}.explore-note{bottom:84px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}button:not(:disabled):active{transform:none}}body.is-walking{overflow:hidden}body.is-walking .night{position:fixed;inset:0;z-index:30;height:100dvh;min-height:0;padding:0;display:block}body.is-walking .scene{position:absolute;inset:0;height:100%;touch-action:none;cursor:grab}body.is-walking .scene:active{cursor:grabbing}body.is-walking .hero-copy,body.is-walking .night-bottom,body.is-walking .location-stamp,body.is-walking .explore-note{display:none}body.is-walking .scene-shade{background:linear-gradient(0deg,#080f1380,transparent 28%)}.walk-ui{position:absolute;inset:0;z-index:8;pointer-events:none}.walk-ui button{pointer-events:auto;min-height:48px;padding:10px 14px;font-size:13px;background:#080f13eb}.walk-topbar{position:absolute;top:max(16px,env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:flex-start;gap:16px}.walk-title{margin-right:auto;padding:10px 14px;background:#080f13eb}.walk-title strong{display:block;font:500 18px/1.5 var(--serif)}.walk-title>span{font-size:12px;line-height:1.8;color:var(--jade)}.walk-camera{display:flex;gap:1px}.walk-camera button[aria-pressed=true]{color:var(--jade);box-shadow:inset 0 -2px var(--jade)}.walk-exit{display:flex;align-items:center;gap:10px}.walk-map{position:absolute;right:20px;top:108px;width:108px;padding:6px;background:#080f13de}.walk-map svg{display:block;width:100%;height:auto}.walk-map text{fill:var(--paper);font:9px var(--sans)}.walk-map>span{display:block;text-align:center;color:var(--muted);font-size:9px;line-height:1.6}.walk-hints{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:190px;right:160px;width:fit-content;max-width:570px;padding:10px 14px;background:#080f13e8}.walk-hints p{margin:0;font-size:12px;line-height:1.9;color:var(--paper)}.walk-hints button{padding:4px 0;background:none;color:var(--jade);min-height:36px}.walk-hints>span{display:block;font-size:12px;line-height:1.7;color:var(--jade)}.walk-touch-help{display:none}.walk-dpad{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;display:grid;grid-template:repeat(3,44px) / repeat(3,44px);gap:4px}.walk-dpad button{padding:0;min-height:44px;display:grid;place-items:center;touch-action:none;-webkit-user-select:none;user-select:none}.walk-dpad button[data-move=forward]{grid-area:1 / 2}.walk-dpad button[data-move=left]{grid-area:2 / 1}.walk-dpad button[data-move=right]{grid-area:2 / 3}.walk-dpad button[data-move=back]{grid-area:3 / 2}.walk-dpad button.is-held{color:var(--ink);background:var(--jade)}@media(pointer:coarse){.walk-desktop-help,#walk-mouse{display:none}.walk-touch-help{display:block}}@media(max-width:640px){.walk-topbar{top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:grid;grid-template-columns:1fr auto;gap:8px}.walk-title{margin:0;padding:6px 10px}.walk-title strong{font-size:15px}.walk-exit{padding:10px;font-size:12px}.walk-exit svg{display:none}.walk-camera{grid-row:2;width:fit-content}.walk-camera button{min-height:44px;padding:8px 12px;font-size:12px}.walk-map{right:12px;top:118px;width:78px}.walk-map>span{display:none}.walk-hints{left:auto;right:12px;bottom:max(24px,env(safe-area-inset-bottom));max-width:155px;padding:8px 10px}.walk-desktop-help,#walk-mouse{display:none}.walk-touch-help{display:block}.walk-dpad{left:12px;bottom:max(24px,env(safe-area-inset-bottom))}}@media(max-height:500px)and (min-width:641px){.walk-title{padding:4px 10px}.walk-map{top:78px;width:76px}.walk-hints{right:112px}.walk-hints p{font-size:11px}}