*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:"IBM Plex Sans","IBM Plex Sans Thai",sans-serif;background:#0b0f0c;color:#f4f6f1}header{position:fixed;z-index:20;top:0;width:100%;height:76px;background:#f7f8f5;color:#101410;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid #ddd}.brand{z-index:2;width:150px}.brand img{max-width:130px;max-height:48px;display:block;object-fit:contain}nav{margin-left:auto;display:flex;gap:30px;z-index:2}nav a{color:#182019;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.12em}.work{z-index:2;margin-left:34px;color:#f7f8f5;background:#111611;padding:12px 17px;text-decoration:none;font-size:11px;font-weight:600;letter-spacing:.1em}.work span,.eyebrow,em{color:#b5d94f}.geo{position:absolute;top:0;height:76px;pointer-events:none}.geo.l{left:0;width:27%;background:linear-gradient(120deg,#b5d94f22,transparent 40%),repeating-linear-gradient(135deg,transparent 0 22px,#b5d94f29 23px,transparent 24px 46px);clip-path:polygon(0 0,100% 0,70% 100%,0 100%)}.geo.r{right:0;width:22%;background:repeating-linear-gradient(125deg,transparent 0 25px,#141b1412 26px,transparent 27px 52px);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.menu{display:none}.panel{position:absolute;inset:76px 0 0;opacity:0;pointer-events:none;transform:translateY(12px);transition:.45s;overflow:hidden}.panel.active{opacity:1;pointer-events:auto;transform:none}.home{background:#0b0f0c}.grid{position:absolute;inset:0;background-image:linear-gradient(#b5d94f0e 1px,transparent 1px),linear-gradient(90deg,#b5d94f0e 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(#000,transparent 90%)}.network{position:absolute;inset:0;overflow:hidden}.ln{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#b5d94f66,transparent);transform-origin:left}.a{width:75%;left:18%;top:31%;transform:rotate(-18deg)}.b{width:60%;left:42%;top:64%;transform:rotate(-27deg)}.c{width:45%;left:4%;top:75%;transform:rotate(22deg)}.ring{position:absolute;border:1px solid #b5d94f26;border-radius:50%}.r1{width:420px;height:420px;right:-130px;top:8%}.r2{width:720px;height:720px;left:-430px;bottom:-560px}.orb{position:absolute;width:7px;height:7px;background:#b5d94f;border-radius:50%;box-shadow:0 0 24px #b5d94faa}.o1{right:23%;top:25%}.o2{right:42%;top:68%}.o3{left:18%;top:73%}.hero{position:relative;z-index:3;padding:9vh 7vw 0;max-width:1100px}.eyebrow{font-size:11px;letter-spacing:.22em;font-weight:600;margin-bottom:28px}.hero h1{margin:0;font-size:clamp(48px,7.1vw,104px);line-height:.96;letter-spacing:-.045em;font-weight:400}.hero h1 strong,.hero h1 span{display:block}.hero h1 strong{font-weight:700}.hero h1 span{font-weight:500}.hero>p{max-width:590px;color:#b5bdb6;font-size:16px;line-height:1.65;margin:29px 0 35px}.access{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));max-width:920px;border-top:1px solid #fff2}.access a{display:grid;grid-template-columns:35px 1fr 20px;align-items:center;padding:18px 8px 18px 0;border-bottom:1px solid #fff2;text-decoration:none;color:#f2f5ef}.access a:not(:last-child){margin-right:18px}.access a:hover{color:#b5d94f}.access b{font-size:10px;color:#707a72}.access span{font-size:11px;letter-spacing:.12em;font-weight:600}.access i{font-style:normal}.stats{position:absolute;z-index:3;right:6vw;bottom:9vh;display:grid;grid-template-columns:repeat(4,auto);gap:38px}.stats div{display:flex;flex-direction:column}.stats b{font-size:29px;font-weight:600}.stats small,.content label,.facts small,.contact small{font-size:9px;color:#7f8981;letter-spacing:.15em}.inner{background:#0b0f0c}.content{position:relative;z-index:2;width:min(1180px,86vw);height:100%;margin:auto;padding:8vh 0;overflow:auto}.content h2{font-size:clamp(42px,6vw,82px);line-height:1;margin:15px 0;letter-spacing:-.045em}.intro{max-width:690px;color:#aeb7af;line-height:1.7;font-size:16px;margin:0 0 38px}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #fff2}.cards article{padding:22px 22px 25px 0;border-bottom:1px solid #fff2;min-height:170px}.cards article:nth-child(4n+2),.cards article:nth-child(4n+3),.cards article:nth-child(4n+4){padding-left:20px;border-left:1px solid #fff1}.cards article>span{font-size:10px;color:#b5d94f}.cards h3{font-size:16px;margin:18px 0 9px}.cards p,.two>div:first-child p:not(.intro){font-size:12px;color:#89938b;line-height:1.55;margin:0}.timeline{display:grid;grid-template-columns:repeat(7,1fr);margin:60px 0 48px;border-top:1px solid #b5d94f73}.timeline div{padding:25px 18px 0 14px;border-left:1px solid #fff2;min-height:90px}.timeline div:first-child{border-left:0}.timeline b{display:block;font-size:22px;color:#b5d94f}.timeline span{font-size:11px;color:#a4aca5}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid #b5d94f38;color:#aeb9ad;padding:9px 12px;font-size:9px;letter-spacing:.13em}.two{display:grid;grid-template-columns:1.25fr .75fr;gap:10vw;align-items:start}.facts,.contact{border-left:1px solid #b5d94f4d;padding-left:30px}.facts div,.contact div{padding:20px 0;border-bottom:1px solid #fff2}.facts b,.contact b{display:block;font-size:14px;font-weight:500;margin-top:7px}.workspace{display:flex;flex-direction:column;justify-content:center}.mark{font-size:32px;color:#b5d94f;margin-top:28px}.workspace button{margin-top:28px;background:#b5d94f;color:#11160f;border:0;padding:13px 18px;font:600 11px "IBM Plex Sans";letter-spacing:.1em;cursor:pointer}@media(max-width:900px){nav{display:none}.work{margin-left:auto;margin-right:14px}.menu{display:block;z-index:3;border:0;background:none;font-size:20px}.hero{padding:8vh 7vw}.hero h1{font-size:clamp(44px,10vw,76px)}.access{grid-template-columns:repeat(2,1fr)}.stats{left:7vw;right:auto;bottom:7vh;gap:20px}.cards{grid-template-columns:repeat(2,1fr)}.cards article:nth-child(4n+2),.cards article:nth-child(4n+3),.cards article:nth-child(4n+4){padding-left:0;border-left:0}.cards article:nth-child(even){padding-left:18px;border-left:1px solid #fff1}.timeline{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:1fr;gap:35px}}@media(max-width:600px){header{height:68px;padding:0 5vw}.panel{inset:68px 0 0}.brand{width:110px}.brand img{max-width:105px}.work{padding:10px 9px;font-size:9px}.hero{padding:8vh 6vw}.hero h1{font-size:clamp(39px,12vw,62px)}.hero>p{font-size:13px}.access a{padding:14px 0}.access span{font-size:9px}.stats{left:6vw;bottom:4vh;gap:14px;grid-template-columns:repeat(2,1fr);width:88vw}.stats b{font-size:20px}.content{width:88vw;padding:7vh 0}.content h2{font-size:45px}.cards{grid-template-columns:1fr}.cards article:nth-child(even){padding-left:0;border-left:0}.cards article{min-height:auto;padding:18px 0}.timeline{grid-template-columns:repeat(2,1fr);margin-top:35px}.timeline div:nth-child(odd){border-left:0}.facts,.contact{padding-left:18px}}a:focus-visible,button:focus-visible{outline:2px solid #b5d94f;outline-offset:3px}nav a.active{box-shadow:inset 0 -2px #b5d94f}.menu{cursor:pointer;color:#101410}.contact a{color:inherit;text-decoration:none}.contact a:hover{color:#b5d94f}.video-btn{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:9px 18px 9px 9px;background:none;border:1px solid #b5d94f59;color:#f2f5ef;font:600 11px "IBM Plex Sans",sans-serif;letter-spacing:.12em;cursor:pointer;transition:.2s}.video-btn:hover{border-color:#b5d94f;color:#b5d94f}.video-btn .play{width:28px;height:28px;border-radius:50%;background:#b5d94f;color:#11160f;display:grid;place-items:center;font-size:10px;padding-left:2px}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:center;justify-content:center;padding:60px 4vw 40px;background:#050805eb}.modal.open{display:flex}.modal-body{width:min(1100px,100%);display:flex;flex-direction:column;align-items:flex-end;gap:14px}.modal video{width:100%;max-height:78vh;background:#000;display:block}.modal-link{color:#aeb7af;font-size:10px;letter-spacing:.12em;text-decoration:none}.modal-link:hover{color:#b5d94f}.modal-close{position:absolute;top:16px;right:20px;background:none;border:0;color:#f4f6f1;font-size:22px;cursor:pointer}@media(max-width:900px){nav.open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:22px;padding:22px 7vw;background:#f7f8f5;border-bottom:1px solid #ddd;box-shadow:0 12px 24px #0004}.home{overflow-y:auto}.hero{padding-bottom:0}.stats{position:static;padding:40px 7vw 8vh}}@media(max-width:600px){.stats{width:auto;padding:32px 6vw 6vh}.video-btn{font-size:10px}}.content{scrollbar-width:none}.content::-webkit-scrollbar{display:none}@media(min-width:901px){.cards article{min-height:0;padding-top:18px;padding-bottom:20px}.cards h3{margin:12px 0 8px}}@media(min-width:901px) and (max-height:800px){.content{padding:5vh 0}.content h2{font-size:clamp(40px,5vw,66px);margin:10px 0}.intro{margin-bottom:26px}.timeline{margin:36px 0 32px}}.contact div{padding:16px 0}.contact b[lang=th]{margin-top:14px}.contact .addr{margin:6px 0 0;font-size:12px;line-height:1.6;color:#9aa49c}.contact small span{letter-spacing:0}.map-link{display:inline-block;margin-top:8px;font-size:9px;letter-spacing:.15em;color:#b5d94f;text-decoration:none}.map-link:hover{text-decoration:underline}@media(max-width:900px){nav.open{align-items:stretch;gap:0;padding:6px 0}nav.open a{display:block;padding:17px 7vw;font-size:13px}nav.open a+a{border-top:1px solid #e4e6e0}nav.open a:active{background:#eaede4}nav.open a.active{box-shadow:inset 3px 0 #b5d94f}}@media(min-width:901px){nav{align-self:stretch;gap:0}nav a{display:flex;align-items:center;padding:0 15px;transition:background .2s}nav a:hover{background:#b5d94f26}nav a.active{box-shadow:inset 0 -3px #b5d94f}}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cta-row .video-btn{margin-top:0;text-decoration:none}.video-btn .play.alt{background:none;border:1px solid #b5d94f;color:#b5d94f;padding:0;font-size:12px}.home{scrollbar-width:none}.home::-webkit-scrollbar{display:none}@media(min-width:901px){.home{overflow-y:auto}}@media(min-width:901px) and (max-height:860px){.hero{padding-top:6vh}.eyebrow{margin-bottom:18px}.hero h1{font-size:min(7.1vw,10.5vh)}.hero>p{margin:20px 0 24px}.access a{padding:14px 8px 14px 0}.hero .cta-row{margin-top:22px}}