*{box-sizing:border-box}html{background:#02040a;scrollbar-width:thin;scrollbar-color:#45516b #02040a}body{margin:0;font-family:Thaiway,Arial,sans-serif;color:#f2f4f9}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #ffdb9a;outline-offset:6px}#space,#world,#stage,#cloud-wipe{position:fixed;inset:0}#space{background:radial-gradient(ellipse at 64% 54%,#111629 0%,#040711 40%,#020309 80%)}#world{pointer-events:none;z-index:1}#cloud-wipe{z-index:5;pointer-events:none;background:radial-gradient(ellipse at 65% 40%,#b5c6d8,#607088 40%,#121b2d 90%);opacity:0}header{position:fixed;z-index:15;top:4vh;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center}#home{display:flex;gap:13px;align-items:center;font-size:16px;letter-spacing:.2em}#home img{width:40px;height:40px}#skip{font-size:12px;color:#c8d0df}#stage{z-index:4;pointer-events:none;overflow:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.045em}em{font-style:normal;color:#a9c5ee}p{font-size:16px;line-height:1.65;color:#98a7be}.eyebrow{font:9px monospace;letter-spacing:.24em;color:#c8ad82}.greeting{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;visibility:hidden}.greeting h1{font-size:clamp(110px,15vw,260px);line-height:1.15;letter-spacing:-.07em;text-shadow:0 0 90px #91abcc30}.greeting h1 span{color:#a5c2e9}.greeting h2{font-size:clamp(65px,8vw,155px);line-height:1.04;margin:25px 0}.greeting p{color:#bcc7d8;font-size:14px;margin-top:12px}.scroll-cue{position:absolute;bottom:19vh;display:flex;gap:25px;font:9px monospace;letter-spacing:.25em;color:#8e9bb3}.scroll-cue span{color:#e4c994}.greeting .eyebrow{margin-bottom:10px}.entrance #hello h1{animation:hello-in 1.5s cubic-bezier(.15,.65,.2,1) both}@keyframes hello-in{from{opacity:0;transform:translateY(30px);filter:blur(15px)}to{opacity:1;transform:none;filter:blur(0)}}.chapter{position:absolute;left:6vw;top:27vh;width:34vw;visibility:hidden}.chapter h2{font-size:clamp(42px,4.4vw,90px);line-height:1.08;margin:25px 0}.chapter p{font-size:clamp(13px,1.15vw,19px)}.chapter small{font:9px monospace;letter-spacing:.1em;color:#7889a2;line-height:1.8;display:block;margin-top:24px}#region-list{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:28px;max-width:310px}#region-list span{font-size:10px;color:#5a6b85;border-bottom:1px solid #243044;padding-bottom:6px}#region-list .lit{color:#ffe0a6;border-color:#d4ab67}.orbit-progress{display:flex;align-items:center;gap:15px;max-width:290px;margin-top:26px;font:10px monospace;color:#a1b3ce}.orbit-progress i{height:1px;background:#273349;flex:1}.orbit-progress b{height:1px;background:#e6c491;display:block}#geo-labels{position:absolute;inset:0;pointer-events:none}.geo-label{position:absolute;font:9px monospace;letter-spacing:.08em;color:#f6dfb6;padding:5px 8px;background:#050811be;border-left:1px solid #bd965c;text-shadow:0 2px 5px black;white-space:nowrap}.geo-label.thailand{color:white;border-color:white}#thailand-flat{position:absolute;left:49vw;width:39vw;height:76vh;top:12vh;visibility:hidden}#thailand-flat svg{width:100%;height:100%;overflow:visible}#year{font-size:clamp(70px,8vw,170px);line-height:1.15;margin:15px 0 5px;letter-spacing:-.06em}#timeline{top:25vh;width:35vw}#timeline h2{font-size:clamp(25px,2.7vw,54px);margin:10px 0 20px}#timeline small{max-width:400px;font-size:9px;color:#9da9bc;letter-spacing:.03em}#history-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.layer-key{display:flex;flex-direction:column;gap:15px;margin-top:35px}.layer-key span{font:9px monospace;color:#b6a080;display:flex;gap:20px}.layer-key b{font:11px Thaiway,sans-serif;color:#b4c3d7}.layer-key span:nth-child(2){color:#a6c6ed}.layer-key span:nth-child(3){color:#dd7584}#art-note{position:absolute;bottom:15vh;right:7vw;font:8px monospace;letter-spacing:.14em;color:#647693;visibility:hidden}#portals{position:absolute;inset:15vh 6vw 13vh;visibility:hidden}#portals>.eyebrow{text-align:center}#portals>h2{text-align:center;font-size:clamp(30px,3.4vw,66px);margin:13px 0 30px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;height:calc(100% - 103px)}.portal{position:relative;border:1px solid #ffffff24;border-radius:4px;overflow:hidden;display:block;background:linear-gradient(145deg,#1a2232,#070b13 75%);box-shadow:0 25px 60px #0008;pointer-events:auto;transition:border-color .2s,box-shadow .2s}.portal:hover{border-color:#ffffff75;box-shadow:0 30px 65px #000c}.heritage{background:radial-gradient(ellipse at 80% 0,#36202e,#0c1120 70%)}.healthcare{background:radial-gradient(ellipse at 80% 0,#454b52,#131820 75%)}.software{background:radial-gradient(ellipse at 80% 0,#302432,#0d1019 70%)}.card-top{padding:25px;display:flex;align-items:center;justify-content:space-between}.card-top img{width:35px;height:35px}.card-top span{font:8px monospace;letter-spacing:.13em;color:#a5b0c2}.card-copy{position:absolute;bottom:25px;left:25px;right:25px}.card-copy h3{font-size:clamp(26px,2.4vw,46px);line-height:1.05;margin-bottom:12px}.card-copy p{font-size:10px;color:#a4afc2}.card-copy>span{font:8px monospace;letter-spacing:.13em;display:block;border-top:1px solid #ffffff20;padding-top:15px;margin-top:20px;color:#bbc9df}.card-copy b{float:right;font:18px Arial}.portal-art{position:absolute;inset:12% 0 auto;height:40%;pointer-events:none}.network{display:flex;justify-content:center;align-items:center;transform:rotate(-20deg)}.network i{width:45px;height:45px;border:1px solid #b0576b;transform:rotate(45deg);margin:-5px;background:linear-gradient(140deg,#dc496b22,#8ba5ed05);box-shadow:0 0 25px #d7536120}.network i:nth-child(odd){margin-top:40px}.care svg{width:100%;height:100%;fill:none;stroke:#d5e4ef;stroke-width:1}.care circle{opacity:.2}.care path{stroke-width:2}.intelligence{display:flex;align-items:center;justify-content:center}.intelligence>div{position:absolute;width:150px;height:80px;border:1px solid #90647b;transform:rotate(-20deg) skew(20deg);box-shadow:7px 13px #0c111c,7px 13px 0 1px #58617b,14px 26px #0c111c,14px 26px 0 1px #414d68}.intelligence>img{width:60px;height:60px;z-index:1}#scroll-space{height:1500vh}#review{position:fixed;z-index:40;bottom:0;inset-inline:0;min-height:47px;background:#040810f2;backdrop-filter:blur(16px);border-top:1px solid #222e40;display:flex;align-items:center;gap:16px;padding:10px 3vw}#review>span{font:8px monospace;color:#5f738d;letter-spacing:.1em}#review nav{display:flex;gap:4px}#review button{border:0;background:transparent;font-size:10px;padding:6px;color:#8e9fb9}#review button:hover{color:white}#review label{flex:1;display:flex;align-items:center;gap:12px;font:10px monospace;color:#a7b6cc}#scrub{width:100%;height:2px;accent-color:#e3bf87}#progress-label{min-width:30px}#color-cover{position:fixed;inset:0;z-index:70;pointer-events:none;visibility:hidden}#destination{position:fixed;inset:0;z-index:60;padding:5vh 6vw;background:#101a30;overflow:auto}#destination[hidden]{display:none}#destination #back{font-size:12px;color:#cbd4e3}.destination-body{max-width:1050px;margin:10vh auto}.destination-body>img{display:block;width:70px;height:70px;margin:35px 0}.destination-body h1{font-size:clamp(52px,7vw,110px);max-width:850px;line-height:1.05;margin-bottom:30px}.destination-body p{max-width:650px;color:#d0d6df;font-size:18px}.destination-services{display:flex;gap:30px;flex-wrap:wrap;margin:45px 0 60px}.destination-services span{border-top:1px solid #ffffff40;padding-top:15px;font-size:12px;min-width:170px}.destination-body small{font:10px monospace;color:#b1bdcf}dialog{max-width:650px;width:88vw;max-height:85vh;border:1px solid #43516b;background:#101725;color:#e5ecf9;padding:40px;border-radius:8px;line-height:1.7}dialog::backdrop{background:#000b;backdrop-filter:blur(15px)}dialog h2{font-size:32px;margin-bottom:25px}dialog p{font-size:13px;margin:15px 0}dialog a{font-size:12px;color:#e2c89f}#notes-close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:23px}.capture #review{display:none}body:has(dialog[open]),body.destination-open{overflow:hidden}.destination-open #review{display:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:760px){header{top:22px}#home{font-size:13px}#home img{width:30px;height:30px}#skip{font-size:10px}.greeting h1{font-size:29vw}.greeting h2{font-size:15vw}.greeting p{font-size:11px}.greeting .eyebrow{font-size:7px}.chapter{left:7vw;top:17vh;width:85vw}.chapter h2{font-size:10vw;margin:15px 0}.chapter p{font-size:12px}.chapter .eyebrow{font-size:7px}#partners p{display:none}#region-list{max-width:90%;margin-top:15px;gap:8px 12px}.orbit-progress{margin-top:14px;max-width:240px}.chapter small{margin-top:14px;font-size:8px}#partners small{display:none}#geo-labels .geo-label{font-size:7px;padding:3px}#arrival{top:19vh}#thailand-flat{top:35vh;left:28vw;width:45vw;height:50vh}#timeline{top:16vh;width:85vw}#year{font-size:18vw;margin-top:12px}#timeline h2{font-size:7vw;max-width:85%;margin-bottom:12px}#timeline p{max-width:80%}#timeline small{max-width:85%;font-size:8px}#core{top:17vh}#core h2{font-size:9vw}.layer-key{display:none}#art-note{bottom:14vh;right:7vw;font-size:6px}#history-path{width:150%;left:-25%}#portals{inset:14vh 6vw 14vh;overflow:auto;pointer-events:auto}#portals>h2{font-size:7vw;margin-bottom:22px}.portal-grid{height:auto;display:grid;grid-template-columns:1fr;gap:14px}.portal{min-height:290px}.card-top{padding:20px}.card-copy{bottom:20px;left:20px;right:20px}.card-copy h3{font-size:28px}.portal-art{left:48%;top:25%;height:42%}.network i{width:25px;height:25px}.intelligence>div{width:80px;height:45px}.intelligence>img{width:40px}.card-copy>span{margin-top:15px}#review{flex-wrap:wrap;gap:5px;padding:7px 3vw}#review>span{display:none}#review nav{width:100%;justify-content:space-between}#review button{font-size:9px;padding:4px}#review label{min-width:70%}.destination-body{margin-top:7vh}.destination-body p{font-size:15px}.destination-body small{line-height:1.6;display:block}}

/* R4: editorial artwork and restrained smoked-glass controls. */
header{top:24px;left:4vw;right:4vw;padding:12px 18px;border:1px solid #cde2ff35;border-top-color:#e2f1ff60;border-radius:40px;background:linear-gradient(115deg,#d3e7ff12,#101a30a6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px #0003}
.header-actions{display:flex;gap:20px;align-items:center}#view-toggle{font-size:12px;min-height:44px;padding:7px 14px;border:1px solid #d4e5ff38;background:#101a30a6;border-radius:22px}#skip{display:flex;align-items:center;min-height:44px}#home img{width:32px;height:32px}#home{font-size:14px}
#art-field{position:absolute;inset:10vh 0 7vh 0;pointer-events:none;z-index:-1}#art-field img{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity,transform}
#art-field:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#02040aff 0%,#02040ae6 15%,#02040a60 32%,transparent 48%);pointer-events:none}
#timeline{top:25vh;width:30vw}#timeline h2{font-size:clamp(28px,2.8vw,54px)}#timeline p{font-size:15px}#timeline small{font-size:11px;line-height:1.6}#year{font-size:clamp(60px,7vw,140px)}.chapter .eyebrow{font-size:10px}.chapter p{font-size:16px}.chapter small{font-size:10px}#art-note{font-size:9px;bottom:12vh}
#history-path{z-index:2}.chapter{z-index:3}#core{width:31vw;top:27vh}#core h2{font-size:clamp(40px,4vw,76px)}.layer-key span{font-size:11px}.layer-key b{font-size:13px}
#portals{inset:20vh 5vw 13vh}.portal-grid{gap:20px}.portal{border-radius:22px;border:1px solid #dcecff4a;border-top-color:#ecf6ff7a;background:linear-gradient(135deg,#d4e8ff1d,#162439bb);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #fff2,0 20px 50px #0004}
.portal:hover{border-color:#ebf6ffa3;box-shadow:0 22px 55px #0006,inset 0 1px #fff6}.card-top span{font-size:10px}.card-copy p{font-size:13px}.card-copy>span{font-size:10px;min-height:44px;display:block}.portal-art{opacity:.8}.network i{border-color:#dcecff90;background:linear-gradient(145deg,#e4f3ff45,#a2bdd810);border-radius:7px;box-shadow:inset 0 1px #fff5,0 8px 18px #0005}.intelligence>div{border-color:#d9eaff7d;background:#d8eaff16;border-radius:12px}.card-top img{width:38px;height:38px}
#review{gap:8px}#review button{min-height:34px}#notes-open{white-space:nowrap}
#simple-story{display:none}body.simple #world,body.simple #space,body.simple #stage,body.simple #cloud-wipe,body.simple #review,body.simple #scroll-space{display:none!important}
body.simple{background:#070d17}body.simple #simple-story{display:block;max-width:1250px;margin:auto;padding:160px 6vw 80px}#simple-story h1{font-size:clamp(48px,6vw,90px);line-height:1.1;margin:25px 0}#simple-story h2{font-size:clamp(30px,3vw,50px);line-height:1.1;margin:18px 0}#simple-story p{max-width:680px}#simple-network{margin:90px 0}.simple-chapter{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:20px;padding:45px 0;border-top:1px solid #b6d3ee20}.simple-chapter img,#simple-core img{width:100%;border-radius:14px}.simple-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.simple-links a{padding:24px;background:#152235;border:1px solid #aecdea40;border-radius:14px;font-size:16px;min-height:70px}.simple-note{margin-top:50px;font-size:13px}#simple-portals,#simple-history,#simple-core,#simple-network{scroll-margin-top:125px}
@media(max-width:760px){header{left:4vw;right:4vw;top:14px;padding:5px 10px}#home span{display:none}.header-actions{gap:8px}#view-toggle{font-size:11px;padding:5px 10px}#skip{font-size:11px}#art-field{inset:37vh -26vw 14vh -30vw}#art-field:after{background:none}#timeline{top:17vh;width:86vw}#timeline h2{font-size:7vw;max-width:95%}#timeline p{font-size:13px;max-width:95%}#timeline small{font-size:10px;max-width:100%;margin-top:8px}#year{font-size:15vw}#core{width:86vw;top:19vh}#core h2{font-size:9vw;margin:15px 0}#core p{font-size:14px}#art-note{font-size:7px;bottom:15vh}#portals{inset:16vh 5vw 14vh}#portals>h2{font-size:7vw}.portal{min-height:300px}.card-copy p{font-size:13px}.card-copy h3{font-size:30px}.card-top span{font-size:10px}#review nav{gap:0}#review button{font-size:9px;min-height:30px}#simple-story .simple-chapter{grid-template-columns:1fr;gap:10px}.simple-links{grid-template-columns:1fr}.simple-chapter img{margin-top:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#art-field{mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}
@media(max-width:760px){#art-field{inset:40vh 0 15vh -20vw}}
#art-field{mask-image:none;-webkit-mask-image:none}
#art-field img{mix-blend-mode:screen}
#art-field{z-index:0}
#portals,.greeting,#thailand-flat,#geo-labels{z-index:3}

header:not(:has(.r22-menu[open])){clip-path:inset(0 round 40px)}
#arrival{top:21vh;width:37vw}#arrival h2{font-size:clamp(36px,3.5vw,65px);margin:18px 0}#arrival p{font-size:15px}
#cooperation{margin-top:22px;visibility:hidden;pointer-events:auto}#cooperation h3{font-size:16px;letter-spacing:0;margin-bottom:9px;color:#eef3fb}
#location-list{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;max-width:500px}#location-list button{display:flex;align-items:center;text-align:left;gap:9px;min-height:44px;padding:5px 0;background:none;border:0;border-bottom:1px solid #c5d5ef24;font-size:12px;color:#c0cbdc}
#location-list button span{display:grid;place-items:center;flex:0 0 23px;height:23px;border:1px solid #d0ad7380;border-radius:50%;color:#efcf97;font:10px monospace}
#location-list button:hover,#location-list button[aria-pressed=true]{color:white}#location-list button[aria-pressed=true] span{background:#f0d097;color:#101a30}
#cooperation small{font-size:9px;margin-top:12px;letter-spacing:.03em;color:#93a5bd}
.cooperation-pin .pin-leader{fill:none;stroke:#d5b77d;stroke-width:1.8}.pin-halo{fill:#efcc8624}.pin-dot{fill:#ffe1a3}.pin-badge{fill:#101a30;stroke:#e5c386;stroke-width:1.8}.cooperation-pin text{fill:#fff0ce;font:22px Arial,sans-serif}.cooperation-pin.selected .pin-badge{fill:#f0d097;stroke:white;stroke-width:3}.cooperation-pin.selected text{fill:#101a30}.cooperation-pin.selected .pin-dot{fill:white}
#simple-cooperation{margin:60px 0}#simple-locations{display:grid;grid-template-columns:repeat(2,1fr);gap:13px 25px;padding-left:24px;color:#c0cbdc}
@media(max-width:760px){#arrival{top:14vh;left:5vw;width:90vw}#arrival h2{font-size:8vw;line-height:1.05;margin:12px 0}#arrival p{font-size:12px;line-height:1.4}#cooperation{margin-top:15px;width:47vw}#cooperation h3{font-size:12px;line-height:1.3}#location-list{grid-template-columns:1fr;gap:0}#location-list button{font-size:11px;gap:5px;min-height:39px}#location-list button span{flex-basis:20px;height:20px;font-size:9px}#cooperation small{font-size:8px;max-width:150px;line-height:1.5;margin-top:10px}#thailand-flat{top:31vh;left:49vw;width:50vw;height:51vh}#simple-locations{grid-template-columns:1fr}}
@media(max-width:760px){#arrival{top:12vh}#arrival h2{font-size:7vw}#arrival p{font-size:11px}#cooperation{margin-top:8px}#location-list button{min-height:44px}#thailand-flat{left:48.5vw;width:49vw}}

/* R4.2: geographic dot highlights, with a quiet unnumbered list. */
#cooperation{pointer-events:none;margin-top:28px}#cooperation h3{font-size:18px;margin-bottom:10px}
#cooperation .connection-intro{font-size:14px;line-height:1.6;color:#9eafc6}
#location-list{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:1fr 1.2fr;gap:12px 22px;max-width:450px}
#location-list li{font-size:14px;line-height:1.55;color:#d6e0ed;font-weight:400}
#simple-locations{list-style:none;padding:0}
#thailand-flat{left:47vw;width:44vw;height:79vh;top:10vh}
@media(max-width:760px){#cooperation{margin-top:22px;width:45vw}#cooperation h3{font-size:14px;line-height:1.4}#cooperation .connection-intro{font-size:12px}#location-list{grid-template-columns:1fr;gap:10px;margin-top:18px}#location-list li{font-size:12px;line-height:1.45}#thailand-flat{left:47vw;width:51vw;top:31vh;height:52vh}}

/* Thirteen locations fit without obscuring the geography. */
#location-list{gap:9px 22px;margin-top:17px}
@media(max-width:760px){#cooperation{margin-top:16px}#location-list{gap:7px;margin-top:14px}#location-list li{font-size:12px;line-height:1.35}}

/* Integrated review */
#scroll-space{height:2200vh}.simple-art{width:100%;height:auto}#language{background:none;border:0;color:inherit;cursor:pointer;padding:10px;font:inherit;font-size:12px}.portal.heritage{background:#101a30}.portal.healthcare{background:#e8e8e3;color:#24272b}.portal.healthcare p,.portal.healthcare .card-top span{color:#4f5356}.portal.healthcare .card-top img{filter:brightness(.15)}.portal.healthcare .care svg{stroke:#24272b}.portal.software{background:#141416;background-image:radial-gradient(#ffffff22 1px,transparent 1px);background-size:9px 9px}.portal.software .intelligence img{filter:brightness(0) invert(1)}.portal.software .card-copy{font-family:monospace}.portal-art.network{background:none;opacity:.9}.portal-art.network i{display:none}#timeline h2{font-size:clamp(28px,3.2vw,55px)}#timeline p{font-size:clamp(14px,1.25vw,20px)}#timeline small{line-height:1.5}html[lang=th] #timeline h2{font-size:clamp(26px,2.8vw,46px);line-height:1.3}
@media(max-width:760px){#scroll-space{height:2300vh}#timeline h2{font-size:7vw}#timeline p{font-size:13px}.portal-grid{overflow-y:auto;max-height:60vh}.portal{min-height:280px}header .header-actions{gap:0}#review>span{display:none}#language{padding:7px}}

#art-field .history-illustration{position:absolute;width:100%;height:100%;object-fit:contain;opacity:0;will-change:opacity,transform}.geo-label{display:none}.portal-art.network{transform:none;inset:16% 0 auto;height:37%;background-position:76% 54%;background-size:160% auto}.portal .card-top{position:relative;z-index:2}.portal.healthcare .card-copy>span{color:#24272b}.portal.heritage .card-top span{background:#101a30cc;padding:3px}@media(max-width:760px){.portal-art.network{inset:20% 0 auto 42%;height:43%;background-size:220% auto}}

@media(max-width:760px){.portal-art.network{left:64%;top:27%;height:32%;opacity:.65}.portal .card-copy{z-index:2}}