:root{--n:#071927;--g:#d2ad64;--p:#f2eee5;--t:#1f5960}*{box-sizing:border-box}body{margin:0;background:var(--n);color:#fff;font-family:"Noto Sans Thai",Tahoma,sans-serif}header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid #294250}header a{color:#fff;text-decoration:none}.brand{display:flex;align-items:center}.brand img{width:38px;height:38px}.brand-word{font:900 15px Arial;letter-spacing:.18em}.brand-word i{color:var(--g)}main{max-width:1500px;margin:auto;padding:20px 4vw 60px}.notice{background:#ead7ab;color:#152936;padding:10px 15px;font-size:13px}.intro{display:grid;grid-template-columns:.5fr .8fr 1.5fr;align-items:end;gap:30px;padding:45px 0}.intro>p{font:800 11px Arial;letter-spacing:.16em;color:var(--g)}h1{font:400 clamp(38px,5vw,68px)/1.05 Georgia,"Noto Serif Thai",serif;margin:0}.tabs{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.tabs button{border:1px solid #48606d;background:transparent;color:#c7d1d5;padding:11px 15px}.tabs button.active{background:var(--g);color:var(--n);border-color:var(--g)}.tour{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.55fr);gap:18px}.viewer{position:sticky;top:20px;height:78vh;min-height:590px;overflow:hidden;background:#102a39}.viewer>img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.viewer:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,14,24,.85),transparent 55%);pointer-events:none}.caption{position:absolute;z-index:2;left:32px;bottom:30px}.caption span{color:var(--g);font:800 11px Arial;letter-spacing:.14em}.caption h2{font:400 clamp(35px,4vw,62px)/1 Georgia,"Noto Serif Thai",serif;margin:8px 0}.caption p{margin:0;color:#d5dfe3}.hotspot{position:absolute;z-index:4;width:42px;height:42px;border-radius:50%;border:2px solid #fff;background:rgba(210,173,100,.85);font-size:25px;color:var(--n);box-shadow:0 0 0 9px rgba(255,255,255,.18)}.h1{left:60%;top:39%}.h2{left:32%;top:61%}aside{display:grid;gap:12px}.summary,.flood,.scene-list,.project-only{background:#102a39;border:1px solid #2c4857;padding:22px}.summary>p{color:var(--g);font-size:12px}.summary h2{font:400 25px/1.3 Georgia,"Noto Serif Thai",serif}.metrics{display:flex;gap:15px;flex-wrap:wrap;color:#afbec4;font-size:13px}.scene-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.scene-list button{background:#183847;color:#fff;border:1px solid #385361;text-align:left;padding:11px}.scene-list button.active{border-color:var(--g);color:var(--g)}.flood{border-left:5px solid var(--g)}.flood span{display:block;color:var(--g);font:800 10px Arial;letter-spacing:.13em}.flood strong{display:block;font:400 28px Georgia,serif;margin:14px 0}.flood p,.flood small{color:#adbdc3}.project-only button{background:transparent;border:1px solid #526975;color:white;padding:9px;margin:4px}.project-only button.active{background:var(--g);color:var(--n)}.cta{display:block;background:var(--g);color:var(--n);padding:15px;text-align:center;text-decoration:none;font-weight:900}@media(max-width:920px){.intro{grid-template-columns:1fr}.tabs{justify-content:flex-start}.tour{grid-template-columns:1fr}.viewer{position:relative;height:63vh;min-height:470px}}@media(max-width:520px){main{padding-left:12px;padding-right:12px}.intro{padding:30px 0}.tabs button{width:100%;text-align:left}.viewer{height:520px}.caption{left:20px;bottom:20px}.caption h2{font-size:37px}.scene-list{grid-template-columns:1fr}}