html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}html,body{width:100%;max-width:100%;margin:0;padding:0;overflow-x:clip}.landing{--bg:#101612;--ink:#f3f1ea;--body:#d8ddd4;--mut:#8b978c;--teal:#2a7a72;--gold:#c4a056;--paper:#f3eadc;--paper-2:#e7dcc8;--paper-ink:#1c241e;--paper-mut:#5e5648;--paper-line:#cfc3ad;--disp:"Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--sans:"Be Vietnam Pro", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--hud:78px;--ease:cubic-bezier(.32, .72, 0, 1);background:var(--bg);color:var(--ink);font-family:var(--sans);width:100%;max-width:100vw;position:relative;overflow-x:clip}.landing img{max-width:100%;display:block}.landing h1,.landing h2,.landing h3{font-family:var(--disp);letter-spacing:-.03em;text-wrap:balance;margin:0;font-weight:800;line-height:1.08}.landing h1{padding-bottom:.12em;font-size:clamp(32px,4.6vw,58px)}.landing h2{font-size:clamp(26px,3.4vw,44px)}.landing h3{font-size:clamp(18px,1.8vw,24px)}.landing .kicker{font:600 11px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#8fd0c8;margin:0 0 12px}.landing .sub{color:var(--body);max-width:42ch;margin:14px 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.55}.landing .fine{font:500 12px/1.7 var(--mono);color:var(--mut);max-width:48ch;margin:12px 0 0}.landing .rail{z-index:95;background:#f3f1ea1f;height:2px;position:fixed;inset:0 0 auto}.landing .rail i{transform-origin:0;background:var(--gold);height:100%;display:block;transform:scaleX(0)}.landing .hud{z-index:94;height:var(--hud);-webkit-backdrop-filter:blur(12px)saturate(1.05);background:#0c120eb8;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 clamp(16px,3vw,34px);display:flex;position:fixed;inset:0 0 auto}.landing .brand{white-space:nowrap;font:600 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);flex-shrink:0;align-items:center;gap:9px;min-height:44px;text-decoration:none;display:flex}.landing .brand img{object-fit:contain;width:26px;height:26px}.landing .cta{white-space:nowrap;font:700 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#101612;cursor:pointer;background:#d7c4a0;border:0;border-radius:999px;flex-shrink:0;align-items:center;min-height:44px;padding:14px 22px;text-decoration:none;display:inline-flex}.landing .hud .cta{letter-spacing:.08em;padding:0 14px}.landing .cta:hover{background:var(--gold)}.hud-routes{align-items:center;gap:2px;min-width:0;display:flex}.hud-routes a{white-space:nowrap;color:#8fd0c8;min-height:44px;font:600 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;align-items:center;padding:0 8px;text-decoration:none;display:inline-flex}.hud-routes a:hover{color:#d7c4a0}.hud-routes a:focus-visible,.landing .cta:focus-visible,.landing .ghost:focus-visible,.landing .solid:focus-visible,.landing .route-pick:focus-visible,.landing .map-link:focus-visible,.landing .brand:focus-visible,.landing .photo-btn:focus-visible,.landing .thumb:focus-visible,.landing .pass-ink:focus-visible,.landing .lightbox-close:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.landing .cta.solid{color:#101612;background:#d7c4a0}.landing .cta.ghost{color:#d7c4a0;background:0 0;border:1px solid #d7c4a0}.landing .cta.ghost:hover{color:#101612;background:#d7c4a0}.cta-row{pointer-events:auto;margin:22px 0 0}.photo-btn{appearance:none;text-align:left;cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;display:block;position:relative}.photo-badge{z-index:6;font:600 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);color:#d7c4a0;pointer-events:none;opacity:.88;white-space:nowrap;box-sizing:border-box;max-width:calc(100vw - 24px);transition:opacity .2s ease, transform .2s var(--ease), background .2s ease, color .2s ease;background:#101612d1;border:1px solid #d7c4a066;border-radius:999px;padding:7px 12px;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0006}.walk-photo-badge,.but-pic .photo-badge,.scene-ta .photo-badge{top:calc(var(--hud) + 14px);bottom:auto;right:clamp(12px,3vw,24px)}.photo-btn:hover .photo-badge,.photo-btn:focus-visible .photo-badge,.scene-walk:hover .walk-photo-badge{opacity:1;background:var(--teal);color:var(--paper);border-color:var(--teal);transform:translateY(-2px)scale(1.04)}.stage-wrap{width:100%;max-width:100vw;height:680vh;position:relative;overflow-x:clip}.stage{background:var(--bg);width:100%;max-width:100vw;height:100svh;position:sticky;top:0;overflow:hidden}.stage:before,.scene-knot:before{content:"XU MINH";z-index:0;font:800 clamp(96px, 22vw, 280px)/.78 var(--disp);letter-spacing:-.045em;opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute;bottom:-.16em;left:-.04em}.scene{opacity:0;visibility:hidden;pointer-events:none;width:100%;max-width:100vw;position:absolute;inset:0;overflow:hidden}.scene-open{opacity:1;visibility:visible;pointer-events:auto;padding:calc(var(--hud) + 28px) clamp(18px, 4vw, 52px) 36px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.9fr);align-items:end;gap:clamp(20px,4vw,56px);display:grid}.scene .fit,.scene .bleed{object-fit:cover;width:100%;height:100%}.mark{font-family:var(--disp);letter-spacing:.18em;text-transform:uppercase;color:#d7c4a0;margin:0 0 10px;font-size:clamp(18px,2.2vw,28px);font-weight:800}.open-type{max-width:22em;padding-bottom:8px}.open-pic{min-height:0;height:calc(100svh - var(--hud) - 64px);border-radius:4px 4px 48%;overflow:hidden}.open-pic .fit{object-position:48% 36%}.scene-knot{padding:calc(var(--hud) + 24px) clamp(18px, 6vw, 80px) 48px;background:#0c120f;align-content:center;display:grid}.scene-knot .stack{gap:6px;font-size:clamp(26px,4.4vw,52px);display:grid}.scene-knot .stack span{opacity:0;display:block}.knot-end{color:#c5cec4;max-width:36ch}.scene-line{padding:calc(var(--hud) + 20px) clamp(18px, 4vw, 52px) 32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4vw;display:grid}.thumbs{height:min(72svh,640px);position:relative}.thumb{appearance:none;opacity:0;cursor:pointer;text-align:left;width:46%;min-width:44px;min-height:44px;transition:border-color .24s ease, box-shadow .24s ease, transform .24s var(--ease);background:#1a221c;border:1px solid #ffffff1f;border-radius:6px;margin:0;padding:0;position:absolute;overflow:hidden}.thumb img{aspect-ratio:3/4;object-fit:cover;pointer-events:none;width:100%}.thumb figcaption{font:600 11px/1.3 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#f3f1ea;text-shadow:0 1px 8px #000;pointer-events:none;margin:0;position:absolute;bottom:10px;left:10px;right:10px}.thumb-jump{font:500 10px/1.2 var(--mono);color:var(--gold);letter-spacing:.08em;text-transform:none;opacity:.85;margin-top:4px;display:block}.thumb:hover,.thumb:focus-visible{border-color:var(--gold);box-shadow:0 14px 34px #000000a6;z-index:10!important}.thumb:hover .thumb-jump,.thumb:focus-visible .thumb-jump{opacity:1;color:#f3f1ea}.thumb.t0{z-index:1;top:8%;left:0}.thumb.t0 img{object-position:50% 40%}.thumb.t1{z-index:2;top:22%;left:28%}.thumb.t1 img{object-position:48% 36%}.thumb.t2{z-index:3;top:4%;left:54%}.thumb.t2 img{object-position:50% 45%}.scene-ho{padding:calc(var(--hud) + 16px) clamp(18px, 4vw, 48px) 28px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:3vw;display:grid}.split-copy{align-self:end;max-width:36em;padding:0 0 12px}.split-pic{border-radius:4px;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.split-pic .fit{object-position:50% 40%}.scene-walk{background:#0a0e0c;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.walk-panel{transform-origin:50%;will-change:transform, border-radius;border-radius:4px;position:absolute;overflow:hidden}.lake-panel-btn{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.lake-panel-btn .bleed{object-fit:cover;object-position:50% 40%;width:100%;height:100%;position:absolute;inset:0}.walk-transit{z-index:5;pointer-events:none;justify-content:center;padding:0 clamp(16px,4vw,36px);display:flex;position:absolute;bottom:clamp(24px,6vh,48px);left:0;right:0}.transit-hud{-webkit-backdrop-filter:blur(14px);background:#0c120ee0;border:1px solid #d7c4a047;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(12px,2.5vw,24px);width:100%;max-width:min(640px,94vw);padding:10px clamp(16px,2.8vw,28px);display:grid;box-shadow:0 16px 40px #0009}.transit-stop{white-space:nowrap;align-items:center;gap:8px;display:flex}.transit-num{font:700 11px/1 var(--mono);color:var(--gold)}.transit-name{font:600 13px/1.3 var(--sans);color:var(--ink)}.transit-meter{flex-direction:column;gap:4px;min-width:90px;display:flex}.transit-line{background:#f3f1ea2e;border-radius:2px;height:2px;position:relative;overflow:hidden}.transit-line i{transform-origin:0;background:linear-gradient(90deg,#2a7a72,#d7c4a0);height:100%;display:block;transform:scaleX(0)}.transit-dur{font:600 10px/1 var(--mono);color:#8fd0c8;text-align:center;letter-spacing:.1em;text-transform:uppercase}.scene-but{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);width:100%;max-width:100vw;height:100%;display:grid;position:absolute;inset:0;overflow:hidden}.but-pic{border-radius:0;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.but-pic .fit{object-position:48% 36%;width:100%;max-width:100%;height:100%}.but-bar{box-sizing:border-box;background:#0c120ef0;width:100%;min-width:0;max-width:100vw;max-height:42svh;margin:0;padding:18px clamp(18px,4vw,48px) 24px;position:relative;left:0;right:0;overflow:hidden auto}.but-bar .sub{max-width:62ch;margin:14px 0 0}.scene-pass{padding:calc(var(--hud) + 12px) 24px 16px;background:#0c120f;place-items:center;display:grid}.pass-sheet{width:min(980px,100% - 48px);max-height:calc(100svh - var(--hud) - 24px);box-sizing:border-box;background:var(--paper);color:var(--paper-ink);border-radius:4px;flex-direction:column;justify-content:space-between;gap:clamp(14px,2vh,22px);padding:clamp(20px,2.8vh,32px) clamp(24px,3.5vw,44px) clamp(16px,2.2vh,24px);display:flex;overflow:auto}.pass-head{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.pass-head .kicker{color:var(--teal);margin-bottom:6px}.pass-head h2{font-size:clamp(24px,3vw,38px);line-height:1.05}.pass-meta{font:600 12px/1.4 var(--mono);color:var(--paper-mut);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;margin:0}.pass-stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.8vw,36px);margin:0;padding:0;list-style:none;display:grid}.pass-stamp{min-width:0;margin:0}.pass-ink{aspect-ratio:3/4;border:1px dashed var(--paper-line);background:var(--paper-2);width:min(100%,210px);min-width:44px;min-height:44px;transition:transform .35s var(--ease), border-color .35s var(--ease);place-items:center;margin-inline:auto;display:grid;position:relative;overflow:hidden}.pass-ink img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s var(--ease), transform .32s var(--ease);transform:translateY(8px)scale(.96)}.pass-stamp.on .pass-ink img{opacity:1;transform:none}.pass-stamp.on:first-child .pass-ink{border:3px double #1a6f6a;transform:rotate(-2.5deg)}.pass-stamp.on:nth-child(2) .pass-ink{border:3px double #9a6a12;transform:rotate(2deg)}.pass-stamp.on:nth-child(3) .pass-ink{border:3px double #a3402c;transform:rotate(-1.5deg)}.pass-stamp:first-child .pass-ink img{object-position:50% 40%}.pass-stamp:nth-child(2) .pass-ink img{object-position:48% 36%}.pass-stamp:nth-child(3) .pass-ink img{object-position:50% 45%}.pass-num{font:700 14px/1 var(--mono);color:var(--paper-mut);transition:opacity .32s var(--ease);position:absolute}.pass-stamp.on .pass-num{opacity:0}.pass-ink .photo-badge{opacity:0;padding:6px 9px;font-size:10px;top:8px;bottom:auto;right:8px}.pass-cap{text-align:center;font:600 13px/1.35 var(--sans);color:var(--paper-ink);margin:10px 0 0}.pass-cap b{display:block}.pass-cap span{font:500 11px/1.3 var(--mono);color:var(--paper-mut);margin-top:3px;display:block}.pass-foot{border-top:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:20px;padding-top:14px;display:flex}.pass-note{font:500 13px/1.45 var(--sans);color:var(--paper-mut);max-width:50ch;margin:0}.pass-cta-block{flex-shrink:0}.static-pass{background:#0c120f;padding:28px clamp(18px,4vw,40px) 56px}.static-pass .pass-sheet{max-height:none;margin:0 auto;overflow:visible}@media (hover:none){.pass-ink .photo-badge{opacity:.92}}.scene-ta{background:#101612;overflow:hidden}.ta-pic{border-radius:0;width:100%;height:100%;position:absolute;inset:0}.ta-pic .fit{object-position:50% 45%}.ta-card{pointer-events:auto;background:#101612eb;max-width:min(520px,100vw - 32px);padding:20px 22px 18px;position:absolute;bottom:24px;left:clamp(16px,4vw,48px)}.paper{z-index:2;background:var(--paper);color:var(--paper-ink);border-top:2px solid var(--gold);position:relative}.paper .wrap{max-width:1180px;margin:0 auto;padding:clamp(72px,11vh,128px) clamp(20px,4vw,48px) 0}.paper .kicker{color:var(--teal)}.paper .fine,.paper .sub{color:var(--paper-mut)}.paper .sub{color:var(--paper-ink)}.paper.is-motion [data-rise]{opacity:0}.routes{scroll-margin-top:var(--hud);margin:0;padding-bottom:8px}.routes:focus{outline:none}.routes:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.decide{grid-template-columns:minmax(0,1.3fr) auto;align-items:end;gap:clamp(20px,4vw,56px);margin:0 0 clamp(56px,9vh,104px);display:grid}.decide h2{max-width:14ch;font-size:clamp(36px,5.2vw,68px);line-height:.96}.decide .sub{max-width:38ch}.decide-aside{text-align:right;max-width:18ch;font:600 12px/1.45 var(--mono);color:var(--paper-mut);margin:0}.route-spread{display:grid}.route-choice{border-top:1px solid var(--paper-line);transition:background .25s var(--ease), box-shadow .25s var(--ease);align-items:start;gap:clamp(18px,3vw,40px);padding:clamp(28px,4vh,44px) 0;display:grid}.route-choice>*{min-width:0}.route-choice.r0{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);padding-bottom:clamp(48px,7vh,84px)}.route-choice.r1{grid-template-columns:minmax(0,.9fr) minmax(220px,.62fr);margin-left:clamp(0px,8vw,120px)}.route-choice.r1 .route-photo{order:2}.route-choice.r2{grid-template-columns:minmax(200px,.5fr) minmax(0,1fr);width:min(100%,980px);margin-left:auto}.route-choice.picked{box-shadow:inset 3px 0 0 var(--teal);background:#efe6d4;padding-left:16px;padding-right:16px}.route-choice.r0 .route-photo{top:calc(var(--hud) + 16px);position:sticky}.route-cover-btn{width:100%;display:block;overflow:hidden}.route-cover{object-fit:cover;width:100%;transition:transform .35s var(--ease)}.route-choice.r0 .route-cover{aspect-ratio:4/5;object-position:48% 36%}.route-choice.r1 .route-cover{aspect-ratio:3/2;object-position:50% 22%}.route-choice.r2 .route-cover{aspect-ratio:1;object-position:58% 42%}.route-cover-btn:hover .route-cover,.route-cover-btn:focus-visible .route-cover{transform:scale(1.03)}.route-kicker-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.route-choice .no{font:800 clamp(48px, 7vw, 96px)/.8 var(--disp);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1.5px var(--paper-line)}.route-choice.r0 .no{font-size:clamp(64px,9vw,112px)}.route-choice.r1 .no{font-size:clamp(40px,5vw,64px)}.route-choice.r2 .no{font-size:clamp(52px,6vw,80px)}.route-choice.picked .no{-webkit-text-stroke-color:var(--teal)}.route-pick{appearance:none;border:1px solid var(--teal);min-width:44px;min-height:44px;color:var(--teal);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;align-items:center;padding:0 16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.route-pick:hover,.route-choice.picked .route-pick{background:var(--teal);color:var(--paper)}.route-flag{font:600 12px/1.4 var(--mono);color:var(--teal);margin:12px 0 0}.route-theme{font:600 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:10px 0 0}.route-choice h3{margin-top:6px;font-size:clamp(26px,3vw,40px)}.route-choice.r1 h3{font-size:clamp(22px,2.2vw,30px)}.route-meta{font:600 13px/1.4 var(--mono);color:var(--paper-mut);margin:8px 0 0}.route-cost{max-width:36ch;font:600 14px/1.45 var(--sans);color:var(--paper-ink);margin:6px 0 0}.route-cost.paid{color:#7a5410}.route-note{max-width:42ch;color:var(--paper-mut);margin:12px 0 0;font-size:15px;line-height:1.55}.route-stops{margin:18px 0 0;padding:0;list-style:none}.route-stops li{border-bottom:1px dotted var(--paper-line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:44px;padding:10px 0;display:grid}.route-stops b{font:600 11px/1 var(--mono);color:var(--paper-mut)}.route-stops div{gap:2px;min-width:0;display:grid}.route-stops small{font:500 12px/1.4 var(--sans);color:var(--paper-mut)}.route-walk{color:var(--teal)}.map-link{border:1px solid var(--teal);min-width:44px;min-height:44px;color:var(--teal);font:600 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.map-link:hover{background:var(--teal);color:var(--paper)}.paper footer{border-top:1px solid var(--paper-line);max-width:1180px;font:500 12px/1.6 var(--mono);color:var(--paper-mut);margin:clamp(40px,6vh,64px) auto 0;padding:22px clamp(20px,4vw,48px) 36px}.paper footer p{margin:0}.static-scenes{background:var(--bg)}.static-open{padding:calc(var(--hud) + 24px) clamp(18px, 4vw, 40px) 36px;gap:24px;display:grid}.static-open .fit{object-fit:cover;object-position:48% 36%;width:100%;max-height:64svh}.static-block{background:#0c120f;padding:36px clamp(18px,4vw,40px) 48px}.static-tale{margin:0}.static-photo-btn{width:100%}.static-tale .fit{object-fit:cover;width:100%;height:56svh}.static-tale:first-of-type .fit{object-position:50% 40%}.static-tale:nth-of-type(2) .fit{object-position:48% 36%}.static-tale:nth-of-type(3) .fit{object-position:50% 45%}.static-tale figcaption{padding:24px clamp(18px,4vw,40px) 40px}.static-walk-transit{background:#0a0e0c;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:24px clamp(18px,4vw,40px)}.transit-readout-static{font:600 13px/1.6 var(--mono);color:#d7c4a0;letter-spacing:.08em;text-transform:uppercase;margin:0}.transit-readout-static b{color:#f3f1ea}.lightbox{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#080c0ae0;place-items:center;padding:clamp(16px,4vw,40px);animation:.22s ease-out lbFadeIn;display:grid;position:fixed;inset:0}@keyframes lbFadeIn{0%{opacity:0}to{opacity:1}}.lightbox-dialog{background:var(--paper);color:var(--paper-ink);border:1px solid var(--paper-line);max-width:min(1280px,96vw);max-height:94vh;animation:lbPop .25s var(--ease);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:auto;box-shadow:0 32px 80px #000000b3}@keyframes lbPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#f3f1ea;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#101612d1;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:8px 14px;transition:background .2s,color .2s,transform .15s;display:flex;position:absolute;top:14px;right:14px}.lightbox-close:hover{color:var(--gold);background:#101612;transform:scale(1.04)}.lightbox-media{background:#0a0e0c;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.lightbox-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(82vh,1100px);display:block}@media (width>=900px) and (orientation:landscape){.lightbox-dialog{flex-direction:row;align-items:stretch}.lightbox-media{flex:0 auto;width:auto}.lightbox-media img{max-height:88vh}.lightbox-info{flex-direction:column;flex:0 0 clamp(240px,24vw,320px);justify-content:flex-end;display:flex}}@media (width<=640px){.lightbox{padding:0}.lightbox-dialog{border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;max-height:100svh}.lightbox-media{flex:1;min-height:0}}.lightbox-info{padding:18px 24px 22px}.lightbox-info h3{color:var(--paper-ink);margin:0;font-size:clamp(20px,2.2vw,26px)}.lightbox-info .fine{color:var(--paper-mut);max-width:65ch;margin:8px 0 0;font-size:13px;line-height:1.6}@media (width<=480px){.landing .hud .cta{display:none}}@media (width<=860px){.hud-routes a{letter-spacing:.06em;padding:0 8px}.stage:before{display:none}.scene-open,.scene-line,.scene-ho{grid-template-columns:1fr}.scene-open{padding:calc(var(--hud) + 16px) 18px 20px;grid-template-rows:auto minmax(0,1fr);align-items:stretch;gap:16px}.open-pic{height:auto;min-height:32svh;max-height:42svh}.thumbs{height:48svh}.route-choice,.route-choice.r0,.route-choice.r1,.route-choice.r2{grid-template-columns:1fr;width:auto;margin-left:0}.route-choice.r1 .route-photo{order:0}.route-choice.r0 .route-photo{position:static}.route-cover{aspect-ratio:3/2;max-height:52svh}.decide{grid-template-columns:1fr}.decide-aside{text-align:left;max-width:none}.decide h2{max-width:12ch}.pass-stamp.on:first-child .pass-ink,.pass-stamp.on:nth-child(2) .pass-ink,.pass-stamp.on:nth-child(3) .pass-ink{transform:none}}@media (width<=640px){.landing h1{font-size:clamp(28px,8vw,36px)}.scene-knot .stack{font-size:clamp(22px,7vw,32px)}.thumb{width:42%}.thumb.t2{left:50%}.walk-tag{bottom:20px}.transit-hud{border-radius:16px;grid-template-columns:1fr;gap:8px;padding:12px 16px}.transit-stop{justify-content:center}.but-bar{max-height:38svh}.scene-pass{padding:calc(var(--hud) + 6px) 12px 10px;align-items:stretch}.pass-sheet{width:100%;height:100%;max-height:calc(100svh - var(--hud) - 16px);flex-direction:column;justify-content:space-between;gap:10px;padding:16px 14px 14px;display:flex}.pass-head{display:block}.pass-head h2{font-size:22px}.pass-meta{display:none}.pass-stamps{flex-direction:column;flex:1;grid-template-columns:1fr;justify-content:space-around;gap:10px;margin:0;display:flex}.pass-stamp{grid-template-columns:clamp(92px,26vw,114px) minmax(0,1fr);align-items:center;gap:14px;display:grid}.pass-ink{aspect-ratio:3/3.8;width:100%;max-width:114px;margin:0}.pass-cap{text-align:left;margin:0}.pass-cap b{font-size:15px;line-height:1.3}.pass-cap span{margin-top:3px;font-size:12px}.pass-foot{border-top:1px solid var(--paper-line);flex-direction:column;gap:10px;padding-top:10px;display:flex}.pass-note{max-width:none;font-size:11.5px;line-height:1.4}.pass-cta-block{width:100%}.pass-cta-block .cta{text-align:center;width:100%}.ta-card{max-width:none;padding:16px;bottom:12px;left:12px;right:12px}.ta-card .sub{max-width:none}.route-stops li{grid-template-columns:auto minmax(0,1fr)}.map-link{grid-column:2;justify-self:start}.route-choice.picked{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.stage-wrap{height:auto}.pass-ink,.pass-ink img,.pass-num,.route-cover,.route-choice{transition:none}.paper.is-motion [data-rise],.pass-stamp .pass-ink img,.pass-stamp.on .pass-ink img{opacity:1;transform:none}.pass-stamp.on .pass-num{opacity:0}.pass-stamp.on:first-child .pass-ink,.pass-stamp.on:nth-child(2) .pass-ink,.pass-stamp.on:nth-child(3) .pass-ink{transform:none}.pass-cta-block{opacity:1!important;transform:none!important}.lightbox,.lightbox-dialog{animation:none}}.film,.trip-index{--bg:#101612;--ink:#f3f1ea;--body:#d8ddd4;--mut:#8b978c;--teal:#2a7a72;--gold:#c4a056;--paper:#f3eadc;--paper-ink:#1c241e;--paper-mut:#5e5648;--paper-line:#cfc3ad;--disp:"Bricolage Grotesque", "Be Vietnam Pro", system-ui, sans-serif;--sans:"Be Vietnam Pro", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--hud:78px;--ease:cubic-bezier(.32, .72, 0, 1);background:var(--bg);color:var(--ink);font-family:var(--sans);max-width:100vw;overflow-x:clip}.film-hud{z-index:30;height:var(--hud);-webkit-backdrop-filter:blur(14px)saturate(1.05);background:#0c120eb8;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:16px;padding:0 clamp(16px,3vw,34px);display:flex;position:fixed;inset:0 0 auto}.film-brand{min-height:44px;color:var(--ink);font:600 11px/1 var(--mono);letter-spacing:.14em;align-items:center;gap:8px;text-decoration:none;display:flex}.film-left{align-items:center;gap:10px;min-width:0;display:flex}.film-mark{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.film-brand img,.film-mark img{object-fit:contain;width:26px;height:26px}.film-now{text-align:center;font:600 11px/1.25 var(--mono);letter-spacing:.14em;text-transform:uppercase;margin:0}.film-now span{color:#8fd0c8;letter-spacing:.08em;margin-top:4px;font-weight:500;display:block}.film-join,.film-cta,.trip-index .trip-go{color:#101612;min-height:44px;font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#d7c4a0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 18px;text-decoration:none;display:inline-flex}.film-join:hover,.film-cta:hover,.trip-index ol a:hover .trip-go{background:var(--gold)}.film-join:disabled,.film-cta:disabled{opacity:.55;cursor:default}.film-rail{z-index:31;background:#f3f1ea1f;height:2px;position:fixed;inset:0 0 auto}.film-rail i{background:var(--gold);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.film-wrap{height:560vh;position:relative;overflow-x:clip}.film-stage{background:var(--bg);height:100svh;position:sticky;top:0;overflow:hidden}.film-stage:before,.trip-index:before,.beat-walk:before,.beat-end:before{content:"XU MINH";z-index:0;font:800 clamp(96px, 22vw, 280px)/.78 var(--disp);letter-spacing:-.045em;color:currentColor;opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;position:absolute;bottom:-.16em;left:-.04em}.beat-end:before{color:#f3f1ea;z-index:0}.beat-walk:before{color:#f3f1ea;z-index:1;opacity:.1;bottom:auto;left:auto;right:-.04em;top:calc(var(--hud) - .06em)}.walk-inner{z-index:2}.end-card{z-index:1;position:relative}.trip-index{position:relative}.beat{opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.beat-open{opacity:1;visibility:visible;pointer-events:auto;padding:calc(var(--hud) + 28px) clamp(18px, 4vw, 52px) 36px;grid-template-columns:minmax(0,1.05fr) minmax(280px,.9fr);align-items:end;gap:clamp(20px,4vw,56px);display:grid}.open-frame{min-height:0;height:calc(100svh - var(--hud) - 64px);border-radius:4px 4px 48%;overflow:hidden}.open-frame .beat-photo{object-fit:cover;transform-origin:50% 36%;width:100%;height:100%}.film-tuyen-1 .open-frame .beat-photo{object-position:48% 36%}.film-tuyen-2 .open-frame .beat-photo{object-position:50% 22%}.film-tuyen-3 .open-frame .beat-photo{object-position:58% 42%}.mark{font:800 clamp(16px, 2vw, 24px)/1 var(--disp);letter-spacing:.18em;text-transform:uppercase;color:#d7c4a0;margin:0 0 12px}.kicker{font:600 12px/1.3 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#8fd0c8;margin:0 0 10px}.beat h1,.beat h2,.trip-index h1{font-family:var(--disp);letter-spacing:-.035em;margin:0 0 14px;font-weight:700;line-height:.94}.beat-open h1{max-width:11ch;font-size:clamp(40px,5.4vw,76px)}.beat h2{max-width:14ch;font-size:clamp(32px,4.2vw,58px)}.beat-copy p,.walk-inner p{max-width:38ch;color:var(--body);margin:0 0 12px;font-size:17px;line-height:1.55}.story{max-width:46ch!important;font-size:16px!important;line-height:1.65!important}.fine{max-width:46ch;color:var(--mut)!important;font:500 12px/1.65 var(--mono)!important}.film-map{min-height:44px;color:var(--gold);font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;text-decoration:none;display:inline-flex}.beat-stop{padding:calc(var(--hud) + 18px) clamp(18px, 4vw, 48px) 28px;display:grid}.beat-stop.s0{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:end;gap:clamp(18px,3vw,40px)}.beat-stop.s1{grid-template-columns:1fr;align-items:end;padding:0}.beat-stop.s1 .beat-pic{border-radius:0;height:auto;position:absolute;inset:0}.beat-stop.s1 .beat-copy{z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c120ec7;border-radius:8px 0 0 8px;width:min(440px,100% - 36px);margin:auto clamp(18px,4vw,48px) 28px auto;padding:22px 22px 14px;position:relative}.beat-stop.s2{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:stretch;gap:0;padding:0}.beat-stop.s2 .beat-pic{border-radius:0;height:100%}.beat-stop.s2 .beat-copy{margin:calc(var(--hud) + 20px) clamp(16px, 3vw, 36px) 28px;background:var(--paper);color:var(--paper-ink);border-radius:8px;align-self:end;padding:26px 24px 18px}.beat-stop.s2 .kicker{color:var(--teal)}.beat-stop.s2 h2,.beat-stop.s2 .story{color:var(--paper-ink)}.beat-stop.s2 .fine{color:var(--paper-mut)!important}.beat-stop.s2 .film-map{color:#9a6a12}.beat-pic{appearance:none;cursor:pointer;height:calc(100svh - var(--hud) - 48px);text-align:left;background:#0a0e0c;border:0;border-radius:4px;min-height:44px;margin:0;padding:0;position:relative;overflow:hidden}.beat-photo{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}.beat-stop.is-wide .beat-photo{object-position:50% 22%}.beat-stop.s0 .beat-photo{object-position:50% 40%}.beat-stop.s2 .beat-photo{object-position:50% 45%}.beat-pic span{opacity:.92;font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#f3f1ea;background:#101612c7;border-radius:999px;padding:12px 14px;transition:opacity .2s;position:absolute;top:14px;right:14px}.beat-pic:hover span,.beat-pic:focus-visible span{opacity:1}.beat-stop.s1 .beat-pic span,.film-tuyen-3 .beat-stop .beat-pic span{top:calc(var(--hud) + 12px)}.beat-walk{background:#0a0e0c;place-items:end start;padding:0 0 48px clamp(18px,6vw,72px);display:grid}.walk-bg{object-fit:cover;filter:brightness(.38)saturate(.8);width:100%;height:100%;position:absolute;inset:0}.walk-inner{z-index:1;position:relative}.walk-line{letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:16px;display:flex;font:600 13px/1.3 var(--mono)!important;color:var(--ink)!important;margin:0 0 8px!important}.walk-line i{background:var(--gold);width:min(22vw,140px);height:1px}.beat-end{padding:calc(var(--hud) + 16px) 18px 24px;background:#0c120f;place-items:center;display:grid}.end-card{width:min(720px,100%);max-height:calc(100svh - var(--hud) - 28px);background:var(--paper);color:var(--paper-ink);border-radius:4px;padding:clamp(20px,3vw,32px);overflow:auto;box-shadow:0 24px 60px #00000059}.end-card .kicker{color:var(--teal)}.end-card h2{color:var(--paper-ink);max-width:18ch;font-size:clamp(28px,3.4vw,42px)}.end-card p,.end-card .fine{color:var(--paper-mut)}.end-stamps{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,2vw,22px);margin:8px 0 16px;padding:0;list-style:none;display:grid}.end-ink{appearance:none;aspect-ratio:3/4;border:1px dashed var(--paper-line);background:var(--paper-2);cursor:pointer;place-items:center;width:min(100%,180px);min-width:44px;min-height:44px;margin:0 auto;padding:0;display:grid;position:relative;overflow:hidden}.end-ink img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s var(--ease), transform .32s var(--ease);transform:translateY(8px)scale(.96)}.end-stamps li.on .end-ink img{opacity:1;transform:none}.end-stamps li.on:first-child .end-ink{border:3px double #1a6f6a;transform:rotate(-2.5deg)}.end-stamps li.on:nth-child(2) .end-ink{border:3px double #9a6a12;transform:rotate(2deg)}.end-stamps li.on:nth-child(3) .end-ink{border:3px double #a3402c;transform:rotate(-1.5deg)}.end-ink{transition:transform .35s var(--ease), border-color .35s var(--ease)}.end-num{font:700 14px/1 var(--mono);color:var(--paper-mut);transition:opacity .32s var(--ease);position:absolute}.end-stamps li.on .end-num{opacity:0}.end-cap{text-align:center;font:600 11px/1.35 var(--mono);letter-spacing:.04em;text-transform:uppercase;margin-top:10px;display:block}.end-stamps b{color:var(--teal)}.end-foot{opacity:0;visibility:hidden;pointer-events:none;border-top:1px solid var(--paper-line);padding-top:14px}.film.is-static .end-stamps li.on .end-ink img,.film.is-static .end-ink img{opacity:1;transform:none}.film.is-static .end-foot{opacity:1;visibility:visible;pointer-events:auto;transform:none!important}.film-error{color:#8a2e22!important}.film .lightbox-info,.film .lightbox-info h3{color:var(--paper-ink)}.film .lightbox-info .fine{color:var(--paper-mut)!important}.film .lightbox{z-index:40;-webkit-backdrop-filter:blur(14px);background:#080c0ae0;place-items:center;padding:clamp(16px,4vw,40px);animation:.22s ease-out lbFadeIn;display:grid;position:fixed;inset:0}.film .lightbox-dialog{background:var(--paper);color:var(--paper-ink);border:1px solid var(--paper-line);max-width:min(1280px,96vw);max-height:94vh;animation:lbPop .25s var(--ease);border-radius:8px;flex-direction:column;display:flex;position:relative;overflow:auto;box-shadow:0 32px 80px #000000b3}.film .lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3f1ea;font:600 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#101612d1;border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:8px 14px;display:flex;position:absolute;top:14px;right:14px}.film .lightbox-close:hover{color:var(--gold);background:#101612}.film .lightbox-media{background:#0a0e0c;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.film .lightbox-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(82vh,1100px);display:block}.film .lightbox-info{padding:18px 24px 22px}.film .lightbox-info h3{font:700 clamp(20px, 2.2vw, 26px)/1.1 var(--disp);margin:0}@media (width>=900px) and (orientation:landscape){.film .lightbox-dialog{flex-direction:row;align-items:stretch}.film .lightbox-media{flex:0 auto;width:auto}.film .lightbox-media img{max-height:88vh}.film .lightbox-info{flex-direction:column;flex:0 0 clamp(240px,24vw,320px);justify-content:flex-end;display:flex}}@media (width<=640px){.film .lightbox{padding:0}.film .lightbox-dialog{border-left:none;border-right:none;border-radius:0;width:100vw;max-width:100vw;max-height:100svh}}.film.is-static .lightbox,.film.is-static .lightbox-dialog{animation:none}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.film a:focus-visible,.film button:focus-visible,.trip-index a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.trip-index main{max-width:1040px;padding:calc(var(--hud) + 36px) clamp(18px, 4vw, 40px) 72px;margin:0 auto}.trip-index h1{font:700 clamp(36px, 5vw, 64px)/.96 var(--disp);letter-spacing:-.035em;max-width:14ch;margin:8px 0 0}.trip-index ol{gap:22px;margin:36px 0 0;padding:0;list-style:none;display:grid}.trip-index ol a{color:inherit;border-top:1px solid #ffffff14;grid-template-columns:1fr;align-items:end;gap:16px;padding-top:22px;text-decoration:none;display:grid}.trip-shot{border-radius:4px 4px 28%;display:block;overflow:hidden}.trip-index ol img{aspect-ratio:3/4;object-fit:cover;width:100%;transition:transform .6s var(--ease);display:block}.trip-index ol a:hover .trip-shot img,.trip-index ol a:focus-visible .trip-shot img{transform:scale(1.04)}.trip-index [data-rise]{opacity:0;transition:opacity .7s var(--ease) var(--rise-delay,0s), transform .7s var(--ease) var(--rise-delay,0s);transform:translateY(20px)}.trip-index [data-rise].is-in{opacity:1;transform:none}.trip-index.is-static [data-rise]{opacity:1;transition:none;transform:none}.trip-index.is-static .film-rail{display:none}.trip-index h2{font:700 clamp(28px, 3vw, 40px)/1 var(--disp);letter-spacing:-.03em;margin:0 0 8px}.film.is-static .film-wrap{height:auto}.film.is-static .film-stage{height:auto;position:static;overflow:visible}.film.is-static .beat{min-height:100svh;position:relative;opacity:1!important;visibility:visible!important;pointer-events:auto!important}.film.is-static .beat-stop.s1 .beat-pic,.film.is-static .walk-bg{position:relative}.film.is-static .film-rail,.film.is-static .film-progress{display:none}.film.is-static .beat-copy,.film.is-static .end-card,.film.is-static .walk-inner,.film.is-static .beat-photo{transform:none!important}@media (width<=860px){.beat-open,.beat-stop.s0,.beat-stop.s2,.trip-index ol a{grid-template-columns:1fr}.open-frame,.beat-pic{height:30svh}.story{font-size:15px;line-height:1.45}.film-progress,.film-stage:before{display:none}.beat-stop.s1 .beat-pic{height:100%}.beat-stop.s1 .beat-copy,.beat-stop.s2 .beat-copy{border-radius:8px;width:auto;margin:12px 16px 20px}.film-now{display:none}.end-stamps{gap:8px}.walk-line{flex-wrap:wrap}}@media (width>=861px){.trip-index ol a{grid-template-columns:minmax(180px,340px) minmax(0,1fr);gap:22px}}.film-tuyen-2 .film-stage{background:var(--paper);color:var(--paper-ink)}.film-tuyen-2 .film-rail i{background:var(--teal)}.film-tuyen-2 .open-frame,.film-tuyen-2 .beat-pic{border-radius:0}.film-tuyen-2 .mark,.film-tuyen-2 .kicker{color:var(--teal)}.film-tuyen-2 .beat-copy p,.film-tuyen-2 .walk-inner p{color:#3c463e}.film-tuyen-2 .fine{color:var(--paper-mut)!important}.film-tuyen-2 .film-map{color:#9a6a12}.film-tuyen-2 .beat-stop.s1 .beat-copy,.film-tuyen-2 .beat-stop.s2 .beat-copy{color:#f3f1ea;background:#101612}.film-tuyen-2 .beat-stop.s1 .kicker,.film-tuyen-2 .beat-stop.s2 .kicker{color:#8fd0c8}.film-tuyen-2 .beat-stop.s1 h2,.film-tuyen-2 .beat-stop.s1 .story,.film-tuyen-2 .beat-stop.s2 h2,.film-tuyen-2 .beat-stop.s2 .story{color:#f3f1ea}.film-tuyen-2 .beat-stop.s1 .fine,.film-tuyen-2 .beat-stop.s2 .fine{color:#8b978c!important}.film-tuyen-2 .beat-stop.s1 .film-map,.film-tuyen-2 .beat-stop.s2 .film-map{color:var(--gold)}.film-tuyen-2 .end-card,.film-tuyen-2 .end-card h2{background:var(--paper);color:var(--paper-ink)}.film-tuyen-2 .end-card .kicker,.film-tuyen-2 .end-stamps b{color:var(--teal)}.film-tuyen-2 .end-card .fine{color:var(--paper-mut)!important}.film-tuyen-3 .end-card .kicker{color:var(--teal)}.film-tuyen-3 .film-stage,.film-tuyen-3 .beat-walk{background:#0c120f}.film-tuyen-3 .film-rail i{background:#8fd0c8}.film-tuyen-3 .open-frame{border-radius:2px}.film-tuyen-3 .mark,.film-tuyen-3 .kicker{color:#d7c4a0}.film-tuyen-3 .beat-stop{padding:0;display:block}.film-tuyen-3 .beat-stop .beat-pic{border-radius:0;height:auto;position:absolute;inset:0}.film-tuyen-3 .beat-stop .beat-copy{z-index:1;background:var(--paper);width:min(420px,100% - 32px);color:var(--paper-ink);border-radius:2px;margin:0;padding:18px 20px 10px;position:absolute;bottom:28px;left:clamp(16px,4vw,40px)}.film-tuyen-3 .beat-stop .kicker{color:var(--teal)}.film-tuyen-3 .beat-stop h2,.film-tuyen-3 .beat-stop .story{color:var(--paper-ink)}.film-tuyen-3 .beat-stop .fine{color:var(--paper-mut)!important}.film-tuyen-3 .beat-stop .film-map{color:#9a6a12}@media (width<=860px){.film-tuyen-3 .beat-stop{padding:calc(var(--hud) + 12px) 16px 16px;display:grid}.film-tuyen-3 .beat-stop .beat-pic{height:30svh;position:relative;inset:auto}.film-tuyen-3 .beat-stop .beat-copy{width:auto;position:relative;bottom:auto;left:auto}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f5ef;font-synthesis:none;text-rendering:optimizelegibility;background:#0d1210;font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}html,body{margin:0;padding:0}html{overscroll-behavior-y:none}body{background:#101612}img{max-width:100%}