:root{--navy:#092a48;--blue:#00529c;--orange:#f49a39;--ink:#18334b;--muted:#617284;--paper:#f5f7f7;color-scheme:light;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;background:#fff;gap:24px}.site-header img{display:block;max-width:240px;width:100%;height:auto}.site-header>span{font-size:12px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.separator{margin:0 12px;color:#8ca1af}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:8vw;padding:75px 8vw 90px;background:linear-gradient(115deg,rgba(7,26,47,.97),rgba(10,44,76,.92) 58%,rgba(10,44,76,.63)),url('/assets/saigon-background.png') center 27%/cover;color:white;align-items:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:#edac65;margin:0 0 22px}h1{font-size:clamp(42px,5.7vw,78px);line-height:1.05;letter-spacing:-.055em;margin:0 0 26px;font-weight:700}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:18px;line-height:1.65;color:#d9e4ed;max-width:440px;margin:0 0 30px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-radius:6px;background:var(--orange);color:#112b42;padding:18px 24px;font-weight:700;font-size:16px;min-height:56px}.primary:hover{background:#ffb35d}.primary:disabled{opacity:.65;cursor:wait}.primary span{font-size:25px}.status:empty{display:none}.status{font-size:14px;line-height:1.5;color:#ffd6a0;max-width:440px}.secondary{display:block;width:fit-content;margin-top:20px;text-decoration:none;font-size:14px;color:#e8f0f7;border-bottom:1px solid #65829b;padding-bottom:5px}.camera-note{font-size:12px;line-height:1.7;max-width:400px;color:#b4c7d8;margin-top:30px}.poster-display{width:min(100%,390px);justify-self:end;transform:rotate(2deg);background:white;padding:10px 10px 0;box-shadow:0 24px 80px #0005}.poster-display img{display:block;width:100%;height:auto}.poster-caption{display:flex;justify-content:space-between;padding:15px 8px 17px;color:var(--ink);font-size:10px;letter-spacing:.08em}.guide{padding:65px 8vw 55px}.guide h2{font-size:30px;letter-spacing:-.03em;margin:0 0 35px}.guide ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;list-style:none;padding:0;margin:0}.guide li{display:flex;gap:17px;border-top:1px solid #cbd6df;padding-top:22px}.guide li>span{font-size:13px;font-weight:700;color:var(--blue);line-height:1.5}.guide h3{font-size:17px;margin:0 0 10px}.guide p{font-size:14px;color:var(--muted);line-height:1.7;margin:0}footer{display:flex;justify-content:space-between;gap:25px;padding:25px 8vw 35px;color:var(--muted);font-size:12px;border-top:1px solid #dfe5e9}footer a{text-decoration:none}#experience{position:fixed;inset:0;background:#07111c;z-index:10}#experience[hidden]{display:none}#ar-container{position:absolute;inset:0;overflow:hidden}#ar-container canvas,#ar-container video{position:absolute}.camera-top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:max(24px,env(safe-area-inset-top)) 22px 70px;background:linear-gradient(#001525d9,transparent);z-index:12;color:white;pointer-events:none}.camera-top>*{pointer-events:auto}.camera-brand{font-weight:700;letter-spacing:.04em;font-size:17px}.camera-brand b{color:var(--orange)}.camera-brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#dce8f0;margin-top:10px}.round-button{border:1px solid #ffffff50;border-radius:50%;width:42px;height:42px;color:white;background:#08243d99;font-size:20px}.camera-bottom{position:absolute;bottom:0;left:0;right:0;padding:55px 20px max(28px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#001525ed);color:white;z-index:12;text-align:center}.camera-bottom p{font-size:13px;line-height:1.6;margin:0 0 18px}.controls{display:flex;justify-content:center;gap:9px;align-items:center}.controls button,.controls a{font-size:12px;border:1px solid #ffffff45;border-radius:24px;padding:12px 15px;background:#08243dbb;color:white;text-decoration:none}.controls button:disabled{opacity:.4}#scanner{position:absolute;z-index:11;inset:22% 12% 24%;pointer-events:none;transition:opacity .25s}#scanner.hidden{opacity:0}#scanner i{position:absolute;width:28px;height:28px;border:2px solid #ffb05e}#scanner i:nth-child(1){left:0;top:0;border-right:0;border-bottom:0}#scanner i:nth-child(2){right:0;top:0;border-left:0;border-bottom:0}#scanner i:nth-child(3){left:0;bottom:0;border-right:0;border-top:0}#scanner i:nth-child(4){right:0;bottom:0;border-left:0;border-top:0}#scanner p{position:absolute;bottom:-45px;width:100%;text-align:center;color:white;font-size:13px;text-shadow:0 1px 5px #000}#demo{position:fixed;width:1px;height:1px;bottom:0;left:0;opacity:.001;pointer-events:none}dialog{border:0;border-radius:14px;padding:28px;max-width:420px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 80px #0005}dialog::backdrop{background:#041524b3}dialog h2{font-size:23px;line-height:1.3}dialog p{font-size:15px;line-height:1.7;color:var(--muted)}dialog .primary{width:100%;justify-content:center;margin:15px 0}dialog a{display:block;text-align:center;font-size:14px;color:var(--blue);margin:10px 0}@media(max-width:760px){.site-header{padding:22px}.site-header img{max-width:180px}.site-header>span{font-size:9px;letter-spacing:.02em}.separator{margin:0 5px}.hero{grid-template-columns:1fr;gap:45px;padding:48px 25px 60px}.hero-copy{max-width:530px}.hero h1{font-size:52px}.intro{font-size:17px}.poster-display{width:240px;justify-self:center;transform:rotate(1deg)}.guide{padding:45px 25px}.guide h2{font-size:27px}.guide ol{grid-template-columns:1fr;gap:25px}.guide li{gap:20px}footer{padding:25px;flex-direction:column;gap:15px}.controls{gap:7px}.controls button,.controls a{padding:12px 13px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.direct-start{min-height:100svh;display:flex;align-items:center;justify-content:center;padding:40px 25px;color:white;background:linear-gradient(120deg,#071e37ee,#092848b0),url("/assets/saigon-background.png") center 25%/cover}.direct-start[hidden]{display:none}.direct-start>div{max-width:550px}.direct-start h1{font-size:clamp(40px,8vw,64px);margin:0 0 25px}.direct-start h1 em{color:var(--orange);font-style:normal}.direct-start p{line-height:1.7;color:#d9e7f2}.direct-start small{display:block;margin-top:30px;font-size:12px;line-height:1.7;color:#b4c7d8}

[hidden]{display:none!important}.audio-play{position:absolute;z-index:13;top:50%;left:50%;transform:translate(-50%,-50%);width:min(280px,80vw);padding:20px 24px;border:0;border-radius:12px;background:var(--orange);color:#092a48;font:700 17px/1.5 Arial, sans-serif;box-shadow:0 8px 30px #0005}