@font-face{font-family:Ma Shan Zheng;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hong-kong/ma-shan-zheng-400.woff2)format("woff2")}@font-face{font-family:ZCOOL QingKe HuangYou;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hong-kong/zcool-qingke-huangyou-400.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/hong-kong/m-plus-1p-400.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/hong-kong/m-plus-1p-500.woff2)format("woff2")}@font-face{font-family:"M PLUS 1p";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/hong-kong/m-plus-1p-700.woff2)format("woff2")}.hk2-guide{--font-hk-body:"M PLUS 1p";--font-hk-place:"ZCOOL QingKe HuangYou";--font-hk-title:"Ma Shan Zheng";--hk2-ink:#fff6e9;--hk2-muted:#e4d5c2;--hk2-red:#ff7651;--hk2-amber:#ffcf70;--hk2-reading-shade:linear-gradient(90deg, #00000029, #000000c7 12%, #000000db 28%, #000000db 72%, #000000c7 88%, #00000029);isolation:isolate;color:var(--hk2-ink);font-family:var(--font-hk-body),sans-serif;background:0 0;position:relative}body:has(.hk2-guide){color:#fff6e9;background:0 0}.page-shell:has(.hk2-guide){color:#fff6e9;background:0 0}.page-shell:has(.hk2-guide){overflow:clip}.page-shell:has(.hk2-guide) .site-header{z-index:2;color:#fff6e9;background:0 0;border-color:#ffffff30;max-width:none;margin-inline:0;padding-inline:clamp(1.25rem,4vw,4rem);position:absolute;inset:0 0 auto}.page-shell:has(.hk2-guide) .site-footer{z-index:2;position:relative}.hk2-guide *,.hk2-drawer *{box-sizing:border-box}.hk2-guide img,.hk2-drawer img{filter:none;mix-blend-mode:normal}.hk2-guide :is(button,summary):focus-visible,.hk2-drawer button:focus-visible{outline-offset:5px;outline:2px solid #ffcf70}.hk2-guide>.hk-stage{z-index:-1;pointer-events:none;height:100dvh;position:fixed;inset:0}.hk2-guide>.hk-stage .hk-stage-layer{opacity:0;transition:opacity .55s;position:absolute;inset:0}.hk2-guide>.hk-stage .hk-stage-layer[data-active=true]{opacity:1}.hk2-guide>.hk-stage img{object-fit:cover;object-position:center}.hk2-beat,.hk2-scene-group{background:0 0;position:relative}.hk2-scene-group:before{content:"";pointer-events:none;background:var(--hk2-reading-shade);position:absolute;inset:-3rem 0;-webkit-mask-image:linear-gradient(#0000,#000 3rem calc(100% - 3rem),#0000);mask-image:linear-gradient(#0000,#000 3rem calc(100% - 3rem),#0000)}.hk2-scene-group[data-scene=night]{--hk2-reading-shade:linear-gradient(90deg,transparent,#0003 12%,#00000052 28%,#00000052 72%,#0003 88%,transparent)}.hk2-scene-group[data-opening=true]:before{top:max(100svh,560px);-webkit-mask-image:linear-gradient(#000,#000 calc(100% - 3rem),#0000);mask-image:linear-gradient(#000,#000 calc(100% - 3rem),#0000)}.hk2-beat-body{max-width:1240px;margin-inline:auto;padding:3.5rem clamp(1.5rem,5vw,5rem);position:relative}.hk2-reading-flow{width:100%;max-width:820px;margin-inline:auto;font-size:1.1875rem;display:flow-root}.hk2-reading-flow--with-side{max-width:1020px}.hk2-prose{min-width:0;font:400 clamp(1.125rem,1.45vw,1.25rem)/1.75 var(--font-hk-body),sans-serif}.hk2-prose+.hk2-prose{margin-top:1.4em}.hk2-prose p{margin:0 0 1.4em}.hk2-prose p:last-child{margin-bottom:0}.hk2-prose--opening{margin-bottom:1.6em}.hk2-prose-title{font:400 clamp(2.4rem,4vw,4rem)/1.05 var(--font-hk-title),sans-serif;color:#fff5e4;margin:0 0 1.25rem}#hk-guide-opening-introduction p:first-child{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.3}.hk2-manifesto{max-width:820px;font:400 clamp(2.5rem,4.5vw,4.5rem)/1.06 var(--font-hk-title),sans-serif;color:#fff5e4;text-shadow:0 2px 8px #000c;margin:0 auto 2rem}.hk2-hero{isolation:isolate;place-items:center;height:100svh;min-height:560px;padding:6rem 1.5rem 9rem;display:grid;position:relative}.hk2-hero:after{content:"";z-index:-1;pointer-events:none;background:var(--hk2-reading-shade);position:absolute;inset:55% 0 0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.hk2-hero-sign{width:min(620px,74vw);margin:0}.hk2-hero-sign svg{width:100%;height:auto;display:block;overflow:visible}.hk2-sign-hardware{fill:none;stroke:#171b22;stroke-width:7px}.hk2-sign-hardware rect{fill:#03081094;stroke:#32373c;stroke-width:3px}.hk2-sign-hardware circle{fill:#8d949b;stroke:#111;stroke-width:2px}.hk2-sign-wire{fill:none;stroke:#11151c;stroke-width:4px}.hk2-sign-frame{fill:none;stroke:#70a5ff;stroke-width:3px;stroke-linecap:round}.hk2-sign-frame-inner{stroke:#ffbf4b;stroke-width:2px}.hk2-sign-letters,.hk2-sign-core{font:400 144px/1 var(--font-hk-title),sans-serif;fill:none;stroke-linejoin:round;paint-order:stroke}.hk2-sign-letters{stroke:#ff4428;stroke-width:4px}.hk2-sign-core{stroke:#ffe0a3;stroke-width:.85px}.hk2-insert{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:linear-gradient(135deg,#000b,#0007);border:1px solid #ffffff29;border-radius:1.25rem;min-width:0;position:relative;box-shadow:0 12px 30px #0003,inset 0 1px #ffffff0d}.hk2-reading-flow>.hk2-insert{float:right;width:36%;margin:0 0 1.75rem 2.25rem}.hk2-context{color:var(--hk2-muted);font:500 .7rem/1.5 var(--font-hk-body),sans-serif;text-transform:uppercase;letter-spacing:.15em;margin:0 0 .8rem}.hk2-insert{--insert-light:#fff5e4;margin:0;padding:1.5rem}.hk2-insert-title{color:var(--insert-light);font:400 clamp(2rem,2.8vw,2.8rem)/1.1 var(--font-hk-title),sans-serif;margin:0}.hk2-insert-copy{font:400 1rem/1.65 var(--font-hk-body),sans-serif;padding-top:1rem}.hk2-insert-copy p{margin:0 0 1.15em}.hk2-insert-copy p:last-child{margin:0}.hk2-insert-action{border-top:1px solid #ffffff29;padding-top:1rem}.hk2-source-link{font-size:.8rem}.hk2-source-link a{color:var(--insert-light)}.hk2-insert--large{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:1100px;margin:2.5rem auto 0;padding:0;display:grid;overflow:hidden}.hk2-insert-image{min-height:32rem;position:relative}.hk2-insert-image img{object-fit:cover;object-position:center}.hk2-insert--large .hk2-insert-body{padding:clamp(1.5rem,2.5vw,2.5rem)}.hk2-insert--large .hk2-insert-title{font-size:clamp(2rem,3vw,3.3rem)}.hk2-guide .keep-button,.hk2-drawer .keep-button{color:#fff6e9;background:#0003;border:1px solid #ffffff40;border-radius:999px;min-height:44px;font-size:.7rem}.hk2-guide .keep-button[data-kept],.hk2-drawer .keep-button[data-kept]{color:#fff6e9;background:#ffffff20}.hk2-pending-home{background:#000a;padding:2rem 3vw;display:none;position:relative}.hk2-pending-home:target{display:block}#hk-guide-closing{background:0 0}@media (max-width:900px){.hk2-beat-body{padding:2.5rem 1.5rem}.hk2-reading-flow{flex-direction:column;display:flex}.hk2-reading-flow>.hk2-insert{float:none;order:1;width:100%;margin:2rem 0 0}.hk2-prose--opening{margin-bottom:0}.hk2-prose--continuation{margin-top:1.4em}}@media (max-width:700px){.hk2-guide{--hk2-reading-shade:linear-gradient(90deg, #000000d9, #000000ba)}.hk2-scene-group[data-scene=night]{--hk2-reading-shade:linear-gradient(90deg,#00000061,#00000047)}.hk2-scene-group[data-opening=true]:before{top:max(100svh,480px)}.hk2-hero{min-height:480px;padding:5rem 1.5rem 8rem}.hk2-hero-sign{width:min(520px,90vw)}.hk2-prose{font-size:1.0625rem;line-height:1.78}#hk-guide-opening-introduction p:first-child{font-size:1.9rem}.hk2-manifesto{font-size:2.4rem}.hk2-insert{padding:1.35rem}.hk2-insert--large{flex-direction:column;padding:0;display:flex}.hk2-insert-image{height:44svh;min-height:0}.hk2-insert--large .hk2-insert-body{padding:1.35rem}.hk2-insert--large .hk2-insert-title{font-size:2.1rem}.hk2-prose-title{font-size:2.5rem}.hk2-guide>.hk-stage .hk-stage-layer[data-id=movement] img{object-position:70% center}.hk2-guide>.hk-stage .hk-stage-layer[data-id=opening] img{object-position:60% center}}.hk2-inline-entry,.hk2-entry,.hk2-drawer{--hk2-neon-core:#ff6035;--hk2-neon-rgb:255 55 16;--hk2-sign-edge:#ffd343}[data-neon=amber]{--hk2-neon-core:#ffda45;--hk2-neon-rgb:255 188 0;--hk2-sign-edge:#ff512d}[data-neon=blue]{--hk2-neon-core:#6af;--hk2-neon-rgb:30 112 255;--hk2-sign-edge:#ffd343}[data-neon=green]{--hk2-neon-core:#80ff58;--hk2-neon-rgb:57 244 13;--hk2-sign-edge:#ffd343}.hk2-inline-entry{max-width:100%;color:var(--hk2-neon-core);font:400 1.18em/1.45 var(--font-hk-place),sans-serif;letter-spacing:.04em;text-transform:uppercase;text-align:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(120deg,#02050a66,#02050a12);border:0;border-radius:.15em;margin:.06em .13em;padding:.1em .5em .12em;scroll-margin-top:5rem;text-decoration:none;display:inline-block;position:relative}.hk2-inline-entry[data-neon=red]{--hk2-sign-edge:#5ba4ff;--hk2-frame-rgb:55 130 255;--hk2-sign-trim:#ffd443}.hk2-inline-entry[data-neon=amber]{--hk2-sign-edge:#ff4b32;--hk2-frame-rgb:255 53 24;--hk2-sign-trim:#619fff}.hk2-inline-entry[data-neon=blue]{--hk2-sign-edge:#ffd443;--hk2-frame-rgb:255 190 34;--hk2-sign-trim:#ff4b32}.hk2-inline-entry[data-neon=green]{--hk2-sign-edge:#ff5134;--hk2-frame-rgb:255 53 24;--hk2-sign-trim:#ffd443}.hk2-sign-label{-webkit-text-fill-color:color-mix(in srgb,var(--hk2-neon-core) 25%,#070b10);-webkit-text-stroke:1px color-mix(in srgb,var(--hk2-neon-core) 70%,white);text-shadow:0 0 1px var(--hk2-neon-core),0 0 3px rgb(var(--hk2-neon-rgb) / .8),0 0 5px rgb(var(--hk2-neon-rgb) / .3);transition:text-shadow .18s,-webkit-text-stroke-color .18s;position:relative}.hk2-sign-tubes{fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hk2-sign-outline{stroke:var(--hk2-sign-edge);stroke-width:1px;filter:drop-shadow(0 0 1.2px var(--hk2-sign-edge)) drop-shadow(0 0 3px rgb(var(--hk2-frame-rgb) / .3))}.hk2-sign-trim{stroke:var(--hk2-sign-trim);stroke-width:.65px;filter:drop-shadow(0 0 1px var(--hk2-sign-trim))}.hk2-inline-mark{vertical-align:.25em;fill:none;width:.3em;height:.3em;stroke:var(--hk2-sign-trim);stroke-width:1.2px;opacity:.55;margin-left:.25em;display:inline-block;position:relative}.hk2-inline-entry:is(:hover,:focus-visible,[aria-expanded=true]) .hk2-sign-label{-webkit-text-stroke-color:color-mix(in srgb,var(--hk2-neon-core) 65%,white);text-shadow:0 0 1px var(--hk2-neon-core),0 0 4px rgb(var(--hk2-neon-rgb) / .8)}.hk2-inline-entry:is(:hover,:focus-visible,[aria-expanded=true]) .hk2-sign-outline{stroke-width:1.3px}.hk2-guide .hk2-inline-entry:focus-visible{outline-offset:4px;outline:1px solid #fff3cb}@media (max-width:700px){.hk2-inline-entry{margin-inline:.07em;padding-inline:.4em}}.hk2-drawer{border:0;border-left:1px solid rgb(var(--hk2-neon-rgb));color:#f4f4f4;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:min(760px,56vw);max-width:none;height:100dvh;max-height:none;font-family:var(--font-hk-body), sans-serif;background:linear-gradient(130deg,#000e,#000b);border-radius:1.5rem 0 0 1.5rem;margin:0;padding:0;position:fixed;inset:0 0 0 auto;overflow:visible}.hk2-drawer::backdrop{background:#0003}.hk2-drawer[open]{animation:.2s ease-out hk2-drawer-in}.hk2-drawer-shell{border-radius:inherit;flex-direction:column;height:100%;display:flex;overflow:hidden}.hk2-drawer-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-height:64px;font:600 .65rem/1.2 var(--font-hk-body);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(130deg,#000e,#000b);border-bottom:1px solid #ffffff25;flex:none;justify-content:space-between;align-items:center;padding:.5rem 2.5rem;display:flex}.hk2-drawer-bar>span{color:var(--hk2-neon-core)}.hk2-close{min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.7rem;padding:.5rem 0 .5rem .5rem;display:inline-flex}.hk2-close svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px}.hk2-drawer-scroll{overscroll-behavior:contain;padding-bottom:max(3rem, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.hk2-drawer-heading{padding:3rem 2.5rem 2rem;position:relative}.hk2-drawer-heading--scene{isolation:isolate;align-items:flex-end;min-height:350px;padding-top:5rem;display:flex}.hk2-drawer-environment{z-index:-2;object-fit:cover;object-position:center 40%}.hk2-drawer-heading--scene:after{content:"";z-index:-1;background:linear-gradient(#0000 35%,#0006 75%,#000c 100%);position:absolute;inset:0}.hk2-drawer-title{width:100%}.hk2-drawer-heading h2{font:500 clamp(2.5rem, 4.1vw, 4.5rem)/1.01 var(--font-hk-body), sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;outline:none;margin:0 0 1.3rem}.hk2-drawer-copy{font:400 1.1rem/1.75 var(--font-hk-body), sans-serif;padding:1rem 2.5rem 0}.hk2-drawer-copy p{white-space:pre-line;margin:0 0 1.5em}.hk2-forthcoming{color:#c1c1c1}.hk2-action{border-top:1px solid #c7c7c760;margin:2rem 2.5rem 0;padding:1.5rem 0 0}.hk2-action p:first-child{color:#c7c7c7;text-transform:uppercase;letter-spacing:.15em;font:600 .65rem/1.4 var(--font-hk-body);margin:0 0 .8rem}.hk2-action p:last-child{font:400 1.15rem/1.65 var(--font-hk-body);margin:0}@keyframes hk2-drawer-in{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:none}}@media (max-width:1000px) and (min-width:701px){.hk2-drawer{width:64vw}}@media (max-width:700px){.hk2-drawer{border-left:0;border-top:1px solid rgb(var(--hk2-neon-rgb));border-radius:1.5rem 1.5rem 0 0;width:100%;height:97dvh;inset:auto 0 0}.hk2-drawer-bar{min-height:58px;padding-inline:1.25rem}.hk2-drawer-heading{padding:2rem 1.25rem 1.5rem}.hk2-drawer-heading--scene{min-height:270px;padding-top:4rem}.hk2-drawer-heading h2{font-size:2.5rem}.hk2-drawer-copy{padding:1rem 1.25rem 0;font-size:1rem;line-height:1.72}.hk2-action{margin-inline:1.25rem}.hk2-action p:last-child{font-size:1rem}}.hk2-inline-mention{color:#fff3df;font:400 1.08em/1.45 var(--font-hk-place),sans-serif;letter-spacing:.02em;text-align:inherit;text-shadow:0 0 1px #fff3df70,0 0 3px #ff4939a0,0 0 7px #ff301955;cursor:pointer;background:0 0;border:0;border-radius:0;margin:0 .02em;padding:.02em .12em;scroll-margin-top:5rem;text-decoration:none;transition:color .18s,text-shadow .18s;display:inline-block;position:relative}.hk2-inline-mention:after{content:"";clip-path:polygon(0 50%,.15em 50%,.15em 85%,45% 85%,45% 100%,0 100%);pointer-events:none;filter:drop-shadow(0 0 2px #ff3b2640);border-bottom:1px solid #ff695580;border-left:1px solid #ff695580;border-radius:0 0 0 .2em;position:absolute;inset:.12em -.02em .06em}.hk2-inline-mention:hover,.hk2-inline-mention:focus-visible,.hk2-inline-mention[aria-expanded=true]{color:#fffaf0;text-shadow:0 0 1px #fffaf0,0 0 4px #ff4939c0,0 0 9px #ff301970}.hk2-mention-popup{box-sizing:border-box;color:#f4f4f4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:340px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);font-family:var(--font-hk-body),sans-serif;background:linear-gradient(130deg,#000e,#000b);border:1px solid #ff695566;border-top:2px solid #ff6955;border-radius:1.2rem;margin:0;padding:1.15rem 1.25rem 1.3rem;position:fixed;inset:auto;overflow:auto;box-shadow:0 12px 36px #0006}.hk2-mention-popup::backdrop{pointer-events:none;background:0 0}.hk2-mention-heading{align-items:start;gap:.5rem;display:flex}.hk2-mention-heading h2{font:500 1.25rem/1.2 var(--font-hk-body),sans-serif;letter-spacing:-.025em;outline:none;flex:1;margin:0 0 .7rem}.hk2-mention-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;margin:-.6rem -.6rem 0 0;padding:10px;display:flex}.hk2-mention-close svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px}.hk2-mention-copy{font:400 .95rem/1.65 var(--font-hk-body),sans-serif;margin:.8rem 0 0}.hk2-mention-popup button:focus-visible{outline-offset:2px;outline:2px solid #c7c7c7}@media (max-width:700px){.hk2-inline-mention{padding:.1em .02em;line-height:1.9}.hk2-mention-popup{max-height:50dvh;padding:1.25rem;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}}.hk2-inline-entry,.hk2-inline-mention{font-family:var(--font-hk-place),sans-serif;font-weight:400}.hk2-drawer-heading h2,.hk2-mention-heading h2{font-family:var(--font-hk-title),sans-serif;letter-spacing:0;color:#ffdcaa;font-weight:400}.hk2-drawer .hk2-context{color:#dfd6cd}.hk2-drawer .keep-button{background:#0003}.hk2-action p:first-child{color:#ffcf70}.hk2-insert{--hk2-panel-light:#82b5ff;--hk2-panel-rgb:58 128 255;--hk2-panel-trim:#ffdb74;border-color:rgb(var(--hk2-panel-rgb) / .45);box-shadow:0 12px 30px #0003,inset 0 0 14px rgb(var(--hk2-panel-rgb) / .07)}.hk2-insert[data-insert-id=chungking-mansions]{--hk2-panel-light:#ff7954;--hk2-panel-rgb:255 64 25;--hk2-panel-trim:#ffdb74}.hk2-insert[data-insert-id=ocean-park]{--hk2-panel-light:#9aff75;--hk2-panel-rgb:85 236 41;--hk2-panel-trim:#ffdb74}.hk2-insert[data-insert-id=happy-valley]{--hk2-panel-light:#ffda72;--hk2-panel-rgb:255 187 36;--hk2-panel-trim:#81b5ff}.hk2-insert:before{content:"";z-index:1;border:1px solid color-mix(in srgb,var(--hk2-panel-light),#fffbe6 35%);border-radius:inherit;pointer-events:none;box-shadow:0 0 3px rgb(var(--hk2-panel-rgb) / .8),0 0 9px rgb(var(--hk2-panel-rgb) / .3),inset 0 0 3px rgb(var(--hk2-panel-rgb) / .3);position:absolute;inset:-1px}.hk2-insert:after{content:"";z-index:1;border-top:1px solid var(--hk2-panel-trim);border-right:1px solid var(--hk2-panel-trim);opacity:.55;pointer-events:none;filter:drop-shadow(0 0 2px var(--hk2-panel-trim));border-radius:0 .85rem 0 0;position:absolute;inset:7px}.hk2-insert-title{color:var(--hk2-panel-light);-webkit-text-fill-color:#0a0c10cc;-webkit-text-stroke:.8px color-mix(in srgb,var(--hk2-panel-light),#fffbe6 40%);text-shadow:0 0 2px var(--hk2-panel-light),0 0 6px rgb(var(--hk2-panel-rgb) / .45)}.hk2-insert--large:after{border-right:0;border-radius:.85rem .85rem 0 0;inset:7px}.hk2-drawer-heading h2{color:var(--hk2-neon-core);-webkit-text-fill-color:#0c0d10d9;-webkit-text-stroke:1px color-mix(in srgb,var(--hk2-neon-core) 45%,#fff7df);text-shadow:0 0 2px var(--hk2-neon-core),0 0 7px rgb(var(--hk2-neon-rgb) / .4)}.hk2-mention-heading h2{color:#fff3df;text-shadow:0 0 1px #fff3df70,0 0 3px #ff493990,0 0 6px #ff301955}@media (prefers-reduced-motion:reduce){.hk2-guide *,.hk2-inline-entry:after,.hk2-drawer,.hk2-drawer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}