@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{font-family:'IBM Plex Sans Thai',sans-serif;color:#14213a;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.18}p{line-height:1.75}button,a{outline-offset:4px}[hidden]{display:none!important}.shell{width:min(100% - 64px,1240px);margin-inline:auto}
.concept-bar{min-height:72px;padding:12px 28px;background:#fff;color:#17233d;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e6e9ee;position:sticky;top:0;z-index:10;box-shadow:0 3px 24px #12223d0b}.concept-bar__brand{display:flex;align-items:center;gap:11px;font-size:14px;white-space:nowrap}.concept-bar__brand strong{font-weight:700}.concept-bar__mark{display:grid;place-items:center;width:32px;height:32px;background:#142d58;color:white;border-radius:8px;font:800 13px Manrope}.concept-switch{display:flex;gap:5px;background:#f0f2f5;padding:5px;border-radius:999px}.concept-switch__button{border:0;border-radius:999px;background:transparent;padding:7px 16px;display:flex;gap:8px;align-items:center;color:#677184;cursor:pointer;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.concept-switch__button:hover{color:#17233d}.concept-switch__button.is-active{background:#142d58;color:white;box-shadow:0 2px 9px #11284926}.switch-number{font:700 11px Manrope;opacity:.7}.concept-bar__hint{font-size:13px;color:#7c8798;white-space:nowrap}.site{min-height:100vh;overflow:hidden}.site h1,.site h2,.site h3{font-weight:700}.section-index,.eyebrow{font:700 12px Manrope;letter-spacing:.15em;text-transform:uppercase}

/* Concept 1: confident civic institution */
.site--one{background:#fff;color:#102a55}.one-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:20px}.one-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;line-height:1.1}.one-logo__symbol{width:45px;height:45px;background:#0b326e;display:grid;place-items:center;color:white;font-weight:700;font-size:15px}.one-logo small{display:block;color:#7e899b;letter-spacing:.12em;font:700 9px Manrope;margin-top:5px}.one-header nav{display:flex;gap:31px;font-weight:600;font-size:14px}.one-header nav a:hover{color:#367cdb}.one-hero{background:#eff4f9}.one-hero__grid{display:grid;grid-template-columns:1.03fr .97fr;min-height:640px}.one-hero__copy{padding:100px 42px 90px 0;align-self:center}.one-eyebrow{color:#367cdb;display:block;margin-bottom:26px}.one-hero h1{font-size:clamp(40px,4.4vw,66px);letter-spacing:-.055em;line-height:1.23;margin-bottom:25px}.one-hero h1 em{font-style:normal;color:#3277c4}.one-hero p{max-width:540px;color:#4d6079;font-size:18px;margin-bottom:34px}.one-button{background:#0d3b78;color:white;display:inline-flex;gap:50px;align-items:center;padding:16px 21px;font-weight:600;font-size:15px}.one-button span{font-size:22px;line-height:1}.one-hero__visual{min-height:540px;position:relative;align-self:stretch;background:#0e2b52}.one-hero__photo{position:absolute;inset:0;background:linear-gradient(145deg,#13376477,#10295466),linear-gradient(120deg,#18549b,#6eadd3 55%,#245c97);background-size:cover;background-position:center}.one-hero__caption{position:absolute;bottom:30px;left:30px;right:30px;border-left:3px solid #83c7ff;padding:10px 20px;color:#fff;display:flex;align-items:end;justify-content:space-between;gap:20px}.one-hero__caption span{font:700 12px Manrope;letter-spacing:.2em}.one-hero__caption strong{font:800 clamp(16px,2vw,26px)/1.2 Manrope;text-align:right}.one-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:110px}.one-intro .section-index,.one-services .section-index,.one-work .section-index{color:#367cdb}.one-intro h2,.one-services h2,.one-work h2{font-size:clamp(30px,3.2vw,46px);letter-spacing:-.04em}.one-intro p{max-width:650px;color:#5c697b;font-size:18px}.one-services{background:#0d2b57;color:#fff;padding-block:98px 108px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:38px}.section-head h2{margin:14px 0 0}.section-head>p{max-width:290px;color:#bdcde0;margin:0}.one-service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff44;border-left:1px solid #ffffff44}.one-service{padding:28px 24px 18px;min-height:225px;border-right:1px solid #ffffff44;border-bottom:1px solid #ffffff44}.one-service>span{color:#87caff;font:700 12px Manrope}.one-service h3{margin:45px 0 12px;font-size:21px}.one-service p{font-size:15px;color:#bfcde0;line-height:1.6}.one-work{padding-block:100px 110px}.one-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.one-work-card{min-height:250px;background:#edf3f9;padding:28px;display:flex;flex-direction:column}.one-work-card:nth-child(2){background:#e2edf7}.one-work-card:nth-child(3){background:#d5e5f2}.one-work-card span{font-size:13px;color:#4e78a5}.one-work-card strong{font:800 clamp(26px,2.5vw,35px) Manrope;margin:auto 0 9px;letter-spacing:-.06em}.one-work-card p{font-size:15px;margin:0;color:#4f637c}.one-footer{background:#081c3c;color:#fff;padding-block:80px}.one-footer__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.one-footer h2{font-size:clamp(30px,3vw,44px);margin:22px 0 0}.one-footer__grid>div:last-child{align-self:end;justify-self:end}.one-footer p{color:#bbc9dc;font-size:15px;margin:12px 0 0}

@media(max-width:1000px){.concept-bar__hint,.two-header__tag,.three-header__end{display:none}.one-service-grid,.two-service-grid{grid-template-columns:repeat(2,1fr)}.two-hero__grid{gap:30px}.two-hero__image{height:440px}.three-hero h1{margin-top:55px}}
@media(max-width:700px){.shell{width:min(100% - 36px,1240px)}.concept-bar{padding:9px 12px;gap:10px;flex-wrap:wrap;justify-content:center}.concept-bar__brand{font-size:12px}.concept-bar__mark{width:26px;height:26px;font-size:11px}.concept-switch{width:100%;justify-content:center}.concept-switch__button{flex:1;justify-content:center;padding:7px 9px;font-size:13px}.one-header,.two-header,.three-header{height:auto;min-height:73px}.one-header nav,.two-header nav,.three-header nav{display:none}.one-hero__grid,.two-hero__grid{grid-template-columns:1fr;gap:0}.one-hero__copy{padding:64px 0 55px}.one-hero h1{font-size:clamp(37px,9vw,56px)}.one-hero p,.two-hero p{font-size:16px}.one-hero__visual{min-height:290px;margin-inline:-18px}.one-hero__caption{bottom:20px;left:18px;right:18px}.one-intro,.two-story,.three-statement{grid-template-columns:1fr;padding-block:72px;gap:24px}.one-intro h2,.two-story h2{font-size:34px}.one-intro p,.two-story p{font-size:16px}.one-services,.two-services{padding-block:70px}.section-head{align-items:start;flex-direction:column}.one-service-grid,.two-service-grid{grid-template-columns:1fr 1fr}.one-service{min-height:200px;padding:20px 16px}.one-service h3{font-size:18px;margin-top:33px}.one-service p,.two-service p{font-size:14px}.one-work{padding-block:70px}.one-work-grid,.three-work-grid{grid-template-columns:1fr}.one-work-card{min-height:200px}.one-footer__grid{grid-template-columns:1fr}.one-footer__grid>div:last-child{justify-self:start}.two-hero__grid{padding-top:55px}.two-hero h1{font-size:clamp(42px,10vw,62px)}.two-hero__image{height:360px;margin:35px 25px 60px 0}.two-sticker{height:122px;width:122px;right:-22px;bottom:-26px}.two-sticker strong{font-size:18px}.two-marquee{font-size:13px}.two-service{min-height:260px;padding:25px 14px 19px}.two-service h3{font-size:17px}.two-work{padding-block:75px}.two-work-list>div{grid-template-columns:1fr 1fr}.two-work-list p{grid-column:2}.two-footer .shell{flex-direction:column}.three-header{min-height:78px}.three-hero__topline span:last-child{display:none}.three-hero h1{font-size:clamp(57px,12vw,92px);margin:70px 0 38px}.three-hero__bottom{align-items:start;flex-direction:column}.three-hero__bottom p{font-size:16px}.three-visual{height:260px;margin-inline:-18px}.three-statement h2{font-size:44px}.three-statement p{grid-column:1}.three-expertise{padding-block:80px}.three-expertise-list>div{grid-template-columns:35px 1fr 28px;gap:13px}.three-expertise-list h3{font-size:20px}.three-expertise-list p{grid-column:2;grid-row:2;font-size:14px}.three-expertise-list>div>span:last-child{grid-column:3;grid-row:1}.three-work{padding-block:60px 90px}.three-work-card{min-height:190px}.three-footer>.shell{flex-wrap:wrap}.three-footer>.shell>span:last-child{width:100%}}
@media(max-width:430px){.one-service-grid,.two-service-grid{grid-template-columns:1fr}.two-service{border-radius:140px 140px 12px 12px;min-height:250px}.one-service{min-height:170px}.three-hero h1{font-size:clamp(49px,12vw,65px)}.concept-bar__brand{display:none}.concept-bar{min-height:58px}.two-header .two-logo{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}}

.one-hero__photo{background-image:linear-gradient(145deg,#13376433,#10295488),url('assets/civic-tech.jpg')}

/* Curated public posts from the company page */
.social-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.social-story{display:flex;flex-direction:column;min-height:195px;padding:24px;transition:transform .18s,box-shadow .18s}.social-story:hover{transform:translateY(-3px)}.social-story>span{font-size:13px;font-weight:700}.social-story strong{font-size:21px;line-height:1.35;margin:18px 0 auto}.social-story small{font-size:14px;font-weight:700;margin-top:22px}.one-work-card[href]:hover{background:#c6dff2}.one-social{display:grid;grid-template-columns:1fr 2fr;gap:24px;margin-top:65px;padding-top:40px;border-top:1px solid #d6e3ef}.one-social h3{font-size:28px;margin:12px 0}.one-social p{font-size:15px;color:#61758d}.one-social .social-story{background:#f0f6fb;border-left:3px solid #3d8aca}.one-social .social-story>span,.one-social .social-story small{color:#2b6da7}.two-social{margin-top:80px}.two-social h3{font-size:34px;margin:11px 0 26px}.two-social .social-story{background:#f5dfb8;border-radius:15px;color:#493121}.two-social .social-story:nth-child(2){background:#d9e2bf}.two-social .social-story>span,.two-social .social-story small{color:#a54c26}.three-work-card[href]:hover{border-color:#5bd9e2}.three-social{margin-top:85px;padding-top:42px;border-top:1px solid #ffffff3a}.three-social h3{font:700 36px Manrope;letter-spacing:-.05em;margin:12px 0 25px}.three-social h3 span{color:#55d7e3}.three-social .social-story{background:#0b202d;border:1px solid #315466}.three-social .social-story:hover{border-color:#55d7e3}.three-social .social-story>span,.three-social .social-story small{color:#55d7e3;font:700 12px Manrope;letter-spacing:.08em}
.social-story__image{display:block;width:calc(100% + 48px);height:180px;margin:-24px -24px 20px;object-fit:cover;object-position:center}.social-story[href*="pfbid02QHg"] .social-story__image{object-position:center 40%}
@media(max-width:700px){.one-social{grid-template-columns:1fr;margin-top:45px}.two-social{margin-top:55px}.three-social{margin-top:65px}.social-story-grid{grid-template-columns:1fr}.social-story{min-height:160px}.social-story strong{font-size:19px}}

/* Selected corporate direction: visual project cards */
.one-work-card{padding:0;overflow:hidden;min-height:0}.one-work-card__image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#d7e6f4}.one-work-card__body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}.one-work-card__body>span{font-size:13px;color:#4e78a5}.one-work-card__body strong{font-size:clamp(24px,2.2vw,31px);margin:18px 0 8px;letter-spacing:-.04em}.one-work-card__body p{font-size:15px;margin:0 0 16px;color:#4f637c}.one-work-card__body small{font-size:12px;color:#7188a0;margin-top:auto}

/* Transparent Isan Pattana logo. */
.one-header{height:124px}.one-logo{gap:13px}.one-logo__art,.one-footer__logo{display:block;flex:none}.one-logo__art{width:116px;height:116px}.one-footer__logo{width:160px;height:160px}.one-logo__art img,.one-footer__logo img{display:block;width:100%;height:100%;object-fit:contain}.one-logo__english{color:#667790;font:700 12px/1.5 Manrope,sans-serif;letter-spacing:.1em;white-space:nowrap}.one-footer h2{margin-top:20px}
@media(max-width:700px){.one-header{height:104px;min-height:104px}.one-logo{gap:8px}.one-logo__art{width:92px;height:92px}.one-logo__english{font-size:10px;letter-spacing:.05em}}

/* Contact details */
.one-footer__lead{max-width:420px;margin-top:20px!important}.one-footer__details{width:min(100%,420px)}.one-footer__details .section-index{color:#83c7ff}.one-footer__details h3{font-size:24px;margin:14px 0 22px}.one-contact-links{border-top:1px solid #ffffff40;margin-bottom:28px}.one-contact-links a{display:grid;grid-template-columns:74px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid #ffffff40;color:#fff}.one-contact-links a>span:first-child{font-size:13px;color:#aebfd6}.one-contact-links a strong{font:700 17px/1.4 Manrope,sans-serif;overflow-wrap:anywhere}.one-contact-links a>span:last-child{font-size:20px;text-align:right;color:#83c7ff}.one-contact-links a:hover strong,.one-footer__details p a:hover{color:#83c7ff}.one-footer__details>strong{font-size:15px}.one-footer__details p a{color:#fff;text-decoration:underline;text-decoration-color:#83c7ff;text-underline-offset:4px}
@media(max-width:700px){.one-footer__details{width:100%}.one-footer__details h3{font-size:22px}.one-contact-links a{grid-template-columns:68px minmax(0,1fr) 20px}.one-contact-links a strong{font-size:15px}}