@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--navy:#142e42;--deep:#0b2234;--gold:#edbe62;--ink:#183044;--muted:#5e6f7a;--paper:#f6f8fa;--line:#dce4e9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b57a11;outline-offset:5px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:0}.wrap{max-width:1200px;margin:auto;padding:0 40px}.topbar{background:var(--deep);color:#d2dde5;font-size:13px;padding:8px 0}.topbar .wrap{display:flex;justify-content:space-between}.header{background:#fff;border-bottom:1px solid var(--line)}.navrow{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;flex-direction:column;line-height:1.3}.brand strong{font-size:27px;letter-spacing:-1px}.brand strong span{color:#997025}.brand small{font-size:13px;color:var(--muted);margin-top:6px}.nav{display:flex;gap:28px;align-items:center}.nav a{font-size:15px;padding:12px 0;position:relative}.nav a[aria-current=page]:after{content:'';height:3px;background:var(--gold);position:absolute;bottom:2px;left:0;right:0}.menu{display:none;background:none;border:1px solid var(--line);border-radius:5px;padding:7px 14px;color:var(--ink)}.hero{background:var(--navy);color:white;padding:85px 0 76px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:14px;font-weight:600;letter-spacing:2px;color:#a6792a;margin:0 0 20px}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(38px,5.7vw,72px);line-height:1.35;letter-spacing:-1.5px;margin-bottom:24px}h1 span{color:var(--gold)}h2{font-size:clamp(28px,3vw,40px);line-height:1.5;letter-spacing:-.7px;margin-bottom:16px}h3{font-size:23px;line-height:1.5;margin-bottom:12px}.hero .lead{color:#d7e2e9;max-width:560px;font-size:18px}.company-en{font-size:15px;color:#afc2d0;margin-top:22px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border:1px solid var(--line);font-weight:600;border-radius:3px;min-height:49px}.button.primary{background:var(--gold);border-color:var(--gold);color:var(--deep)}.button.ghost{border-color:#6b8191;color:#fff}.button:hover{filter:brightness(.95)}.hero-panel{min-height:320px;border:1px solid #537082;display:flex;flex-direction:column;justify-content:space-between;padding:35px;background:#193b51}.hero-panel .wordmark{font-size:clamp(36px,5vw,60px);font-weight:700;line-height:1.15;letter-spacing:-2px}.hero-panel .wordmark span{display:block;color:var(--gold)}.hero-panel hr{border:0;border-top:1px solid #537082;width:100%;margin:28px 0}.hero-panel p{margin:0;color:#bfd0dc;font-size:14px}.section{padding:76px 0}.section.pale{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}.section-head p{color:var(--muted);max-width:530px;margin-bottom:0}.text-link{font-weight:600;border-bottom:1px solid #b58d42;padding-bottom:3px;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);padding:30px;display:flex;flex-direction:column;align-items:start}.card .number{color:#9b722b;font-size:14px;letter-spacing:2px;margin-bottom:28px}.card p{color:var(--muted)}.card .text-link{margin-top:auto}.contact-band{background:var(--navy);color:white;padding:45px 0}.contact-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-band h2{margin:0;font-size:32px}.contact-band p{color:#c3d3df;margin:8px 0 0}.footer{padding:40px 0 22px;background:var(--deep);color:#c3d3df}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.footer strong{color:white}.footer p{font-size:14px;margin:8px 0}.footer nav{display:flex;flex-wrap:wrap;align-content:start;gap:12px 24px;font-size:14px}.fineprint{border-top:1px solid #304958;margin-top:28px;padding-top:18px;font-size:13px;color:#99aebd}.pagehead{background:var(--paper);padding:54px 0}.breadcrumb{font-size:14px;color:var(--muted);margin-bottom:25px}.breadcrumb span{padding:0 10px}.pagehead h1{font-size:clamp(36px,5vw,56px);margin-bottom:12px}.pagehead p{color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.identity{border-left:4px solid var(--gold);padding-left:24px}.identity p{overflow-wrap:anywhere}.pending{border:1px dashed #adbdc7;background:#f8fafb;padding:32px;color:var(--muted);border-radius:3px}.pending h3{color:var(--ink);font-size:21px}.pending p:last-child{margin-bottom:0}.status{display:inline-block;font-size:13px;color:#795815;background:#fff1cf;padding:4px 12px;border-radius:3px;margin-bottom:18px}.details{display:grid;grid-template-columns:1fr 1fr;gap:22px}.details article{padding:25px;border:1px solid var(--line)}.details h3{font-size:18px}.details p{color:var(--muted);margin:0}.note{margin-top:25px;color:var(--muted);font-size:14px}.draft{padding:11px 20px;text-align:center;background:#fff5de;color:#73551d;font-size:14px}.empty-gallery{margin-top:26px;min-height:180px;display:flex;align-items:center;justify-content:center;border:1px dashed #adbdc7;color:var(--muted);background:var(--paper)}@media(max-width:900px){.wrap{padding:0 24px}.nav{gap:16px}.hero-grid{gap:30px}.hero-panel{padding:25px}.cards{gap:15px}.card{padding:23px}.split{gap:30px}}@media(max-width:720px){.topbar{display:none}.navrow{min-height:82px;flex-wrap:wrap;gap:0}.brand strong{font-size:24px}.menu{display:block}.nav{display:none;width:100%;padding:15px 0 24px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px}.hero{padding:48px 0}.hero-grid,.cards,.split,.footer-grid,.details{grid-template-columns:1fr}.hero-grid{gap:36px}.hero-panel{min-height:220px}.hero-panel .wordmark{font-size:42px}.section{padding:48px 0}.section-head{align-items:start;flex-direction:column;gap:12px}.contact-band .wrap{align-items:start;flex-direction:column}.pagehead{padding:36px 0}.footer-grid{gap:24px}.pending{padding:25px}h1{letter-spacing:-.7px}.draft{font-size:13px}.company-en{overflow-wrap:anywhere}}@media(prefers-reduced-motion:no-preference){a,button{transition:background .15s,filter .15s}}@media print{.menu,.draft,.buttons{display:none}.hero,.contact-band,.footer{background:white;color:black}.hero *,.footer *{color:black!important}}

/* Header above a persistent left navigation and responsive content. */
.header{position:sticky;top:0;z-index:30}.header .wrap{max-width:none}.navrow{min-height:96px;flex-wrap:nowrap}.header-company{margin:0;text-align:right;font-size:14px;color:var(--muted)}.header-company span{display:block;font-size:13px}.site-layout{display:grid;grid-template-columns:230px minmax(0,1fr);align-items:start}.sidebar{position:sticky;top:96px;height:calc(100dvh - 96px);overflow:auto;background:var(--paper);border-right:1px solid var(--line);padding:30px 18px}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 14px 22px;color:#8a6626;font-size:14px;letter-spacing:1px;font-weight:600}.sidebar .nav{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:0;width:100%}.sidebar .nav a{padding:13px 16px;min-height:48px;border-radius:4px;font-size:16px}.sidebar .nav a:hover{background:#e4ebf0}.sidebar .nav a[aria-current=page]{background:var(--navy);color:white}.sidebar .nav a[aria-current=page]:after{width:3px;height:auto;top:12px;bottom:12px;left:0;right:auto}.sidebar-caption{font-size:14px;color:var(--muted);padding:24px 14px;border-top:1px solid var(--line);margin-top:30px}.page-content{min-width:0;container-type:inline-size}.close-menu{display:none}.menu-backdrop[hidden]{display:none}.wrap{width:100%}.hero-grid>*,.split>*,.cards>*,.details>*,.footer-grid>*{min-width:0}p,h1,h2,h3,a{overflow-wrap:anywhere}.text-link{white-space:normal}.hero{padding:64px 0}.hero-grid{gap:30px}.hero-panel{padding:26px}.section{padding:60px 0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:24px}.split{gap:35px}.button{max-width:100%;text-align:center}.empty-gallery{text-align:center;padding:24px}.menu,.close-menu{min-width:48px;min-height:48px}.menu-backdrop{position:fixed;inset:0;border:0;background:#071d30a8;z-index:35}
@container(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.hero-panel{min-height:220px}.cards{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.contact-band .wrap{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.hero-panel .wordmark{font-size:44px}}
@container(max-width:480px){.wrap{padding-left:20px;padding-right:20px}.details{grid-template-columns:1fr}.hero h1{font-size:42px}.hero{padding:40px 0}.section{padding:40px 0}.pagehead h1{font-size:34px}.pending{padding:22px}.buttons{flex-direction:column;align-items:stretch}}
@media(min-width:761px) and (max-width:1100px){.site-layout{grid-template-columns:200px minmax(0,1fr)}.sidebar{padding:24px 12px}.header-company{max-width:60%}.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
@media(max-width:760px){.navrow{min-height:82px;gap:14px}.header .wrap{padding:12px 20px}.header-company{display:none}.menu{display:block}.site-layout{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(300px,85vw);height:100dvh;z-index:40;visibility:hidden;transform:translateX(-100%);padding:24px 16px;box-shadow:8px 0 35px #071d3030}.menu-open .sidebar{visibility:visible;transform:translateX(0)}.menu-open{overflow:hidden}.close-menu{display:block;border:1px solid var(--line);border-radius:4px;background:white;color:var(--ink);font-size:26px;letter-spacing:0}.sidebar-heading{padding:0 0 20px 14px}.hero-grid,.cards,.split,.details,.footer-grid{grid-template-columns:1fr}.hero-panel{min-height:220px}.section-head,.contact-band .wrap{align-items:start;flex-direction:column}.draft{padding:10px 20px}.header .brand{min-width:0}.brand strong{font-size:24px}.menu{flex-shrink:0}.footer nav a{padding:8px 0}}
@media print{.header{position:static}.sidebar,.menu-backdrop{display:none!important}.site-layout{display:block}}

/* Dark navigation with a steady, accessible glow. */
.header{background:#091c2d;color:#fff;border-bottom:1px solid #42657d;box-shadow:0 3px 20px #04142340}.header .brand strong,.header .brand strong span,.header .brand small,.header-company,.header-company span{color:#fff}.sidebar{background:#10283c;color:#fff;border-right-color:#35566e}.sidebar-heading,.sidebar-caption{color:#fff}.sidebar-caption{border-top-color:#35566e}.sidebar .nav a{color:#fff;border:1px solid #3b5d76;background:#15334a;box-shadow:0 0 8px #55bbff16}.sidebar .nav a:hover,.sidebar .nav a:focus-visible{background:#224b68;border-color:#80d5ff;box-shadow:0 0 15px #52c8ff60}.sidebar .nav a[aria-current=page]{color:#fff;background:#245270;border-color:#88d8ff;box-shadow:0 0 16px #52c8ff50,inset 0 0 10px #65d0ff15}.sidebar .nav a[aria-current=page]:after{background:#a7e5ff}.menu,.close-menu{background:#183c56;color:#fff;border:1px solid #85d5ff;box-shadow:0 0 12px #52c8ff50}.button.primary{color:#fff;background:#174765;border-color:#8bdbff;box-shadow:0 0 18px #4acbff55}.button.ghost{color:#fff;border-color:#73b6dd;box-shadow:0 0 12px #52c8ff30}.button:hover,.button:focus-visible,.menu:hover,.close-menu:hover{filter:none;background:#245d80;box-shadow:0 0 24px #52c8ff88}.header a:focus-visible,.sidebar a:focus-visible,.menu:focus-visible,.close-menu:focus-visible{outline-color:#c4edff}
.service-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;padding:14px 24px;background:#0d2539;border-bottom:1px solid #42657d}.service-nav a{color:white;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #42657d;border-radius:6px;padding:12px 8px;text-align:center;font-size:14px;min-height:62px}.service-nav a span{font-size:26px}.service-nav a:hover,.service-nav a[aria-current]{background:#245270;border-color:#88d8ff;box-shadow:0 0 12px #52c8ff66}.system-title{font-size:36px}.system-message{padding:16px;border-left:4px solid #bd8635;background:#fff2d6;color:#583d16}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;margin-top:24px}.product-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:440px}.product-card>div{padding:20px}.product-card h2{font-size:23px}.poster{width:100%;aspect-ratio:5/7;object-fit:contain;background:#f2f5f7;display:block}.price{font-size:22px;font-weight:600}.product-detail{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);gap:32px;margin-top:26px}.description{white-space:pre-wrap}.product-detail h2{font-size:24px;margin-top:25px}form{display:grid;gap:16px}label{display:grid;gap:7px;font-size:16px}input,select,textarea{font:inherit;width:100%;min-width:0;border:1px solid #aebfc9;border-radius:5px;padding:11px;background:white;color:#183044}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px}.check input{width:20px;height:20px;flex-shrink:0}.auth-form{max-width:560px}.admin-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px}.admin-list{display:grid;gap:12px}.admin-list article{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:20px;border:1px solid var(--line);border-radius:6px}.admin-list article>div{flex:1;min-width:200px}.admin-list p{margin:5px 0}.editor{padding:24px;background:#f4f7f9;border:1px solid var(--line);border-radius:7px;margin-bottom:30px;scroll-margin-top:110px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slot-row{border:1px solid var(--line);background:white;padding:18px;display:grid;gap:12px;margin-bottom:15px}.poster-preview{width:150px;aspect-ratio:5/7;object-fit:contain}.poster-preview[hidden]{display:none}.sub-filter{max-width:400px}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.danger{color:#9c2323}.admin-list select{min-width:150px}.system-message[hidden]{display:none}
@media(max-width:1100px){.service-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.product-detail{grid-template-columns:1fr}.product-detail>.poster{max-width:420px}}
@media(max-width:760px){.service-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.service-nav a{flex-direction:column;gap:3px;font-size:14px}.form-grid{grid-template-columns:1fr}.editor{padding:16px}.system-title{font-size:29px}.admin-list article{padding:15px}.admin-actions .button{flex:1 1 140px}}
/* Activity masthead: cinematic imagery and restrained luminous accents. */
.activity-banner{position:relative;isolation:isolate;min-height:340px;height:clamp(340px,32vw,490px);margin:20px 24px 24px;border-radius:24px 24px 70px 24px;overflow:hidden;background:#0a2336;border:1px solid #5ebbd073;box-shadow:0 16px 45px #0a233622,0 0 22px #64d7f222}.activity-banner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.banner-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031725e8,#03172590 50%,#03172518),linear-gradient(0deg,#03172599,transparent 60%)}.banner-copy{position:relative;z-index:1;color:white;max-width:780px;padding:clamp(28px,5vw,70px);padding-bottom:90px}.banner-label{display:inline-block;color:#c0f0ff;font-size:13px;letter-spacing:2px;border:1px solid #b4ebff75;border-radius:30px;padding:6px 16px;background:#09283b66;margin-bottom:22px}.banner-copy h2{font-size:clamp(27px,3.5vw,48px);line-height:1.45;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-copy p{font-size:17px;line-height:1.7;max-width:650px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.banner-link{position:absolute;right:40px;bottom:28px;color:white;border:1px solid #b9eaff;background:#0f3b53cc;padding:10px 22px;border-radius:30px;box-shadow:0 0 20px #69d7ff55;z-index:2}.banner-preview{width:100%;max-width:720px;max-height:300px;object-fit:contain;border-radius:12px;background:#10283c}.banner-preview[hidden]{display:none}.service-nav a{border-radius:12px}.header{background:linear-gradient(110deg,#081928,#14374e)}
@media(max-width:760px){.activity-banner{height:360px;margin:12px;border-radius:18px 18px 44px 18px}.banner-copy{padding:26px 22px 80px}.banner-label{font-size:12px;letter-spacing:1px}.banner-copy p{font-size:16px}.banner-link{right:24px;bottom:20px}.activity-banner>img{object-position:center}.banner-shade{background:linear-gradient(90deg,#031725db,#03172555),linear-gradient(0deg,#031725b0,transparent)}}
.service-icon{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;flex:0 0 48px;border-radius:14px;background:linear-gradient(145deg,#245779,#102c43);border:1px solid #8ce1ff88;box-shadow:inset 0 1px 0 #ffffff26,0 0 15px #42caff33;color:#fff}.service-icon svg{width:29px;height:29px;display:block}.service-nav a:hover .service-icon,.service-nav a[aria-current] .service-icon{box-shadow:0 0 22px #66d6ff77;border-color:#c7f2ff}.product-category{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:#385468;font-size:14px}.product-category .service-icon{width:36px;height:36px;flex-basis:36px;border-radius:10px}.product-category svg{width:23px;height:23px}@media(max-width:760px){.service-nav .service-icon{margin-bottom:5px}}

.category-grid{margin-bottom:32px}.category-grid h2{font-size:23px;overflow-wrap:anywhere}.category-grid .card{display:flex;flex-direction:column;gap:14px;min-width:0}.category-grid .service-icon{width:40px;height:40px}.category-grid .button{white-space:normal}
/* Prowe Thai: contemporary business identity, September 2026. */
:root{--navy:#071a30;--deep:#061326;--gold:#e4c58c;--ink:#172d43;--muted:#63758b;--paper:#f1f5fa;--line:#dde5ef}
html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:#eef3f9}.header{background:#071526f5;border-color:#20334a;box-shadow:none;backdrop-filter:blur(16px)}.navrow{min-height:88px}.brand strong{font-size:29px!important;letter-spacing:-1.2px}.header .brand strong span{color:#7bdeed}.header .brand small{color:#a5b6cc}.header-company{font-size:12px!important;max-width:60%;color:#b6c3d5!important}.header-company span{color:#71869f!important;font-size:11px}.site-layout{grid-template-columns:204px minmax(0,1fr)}.sidebar{top:88px;height:calc(100dvh - 88px);padding:30px 14px;background:#09182b;border-color:#223349}.sidebar-heading{font-size:11px;color:#6b849e;letter-spacing:2px}.sidebar .nav{gap:6px}.sidebar .nav a{border:1px solid transparent;background:transparent;box-shadow:none;font-size:14px;padding:13px 14px;border-radius:12px;color:#a7bad0}.sidebar .nav a:hover{background:#152c42;border-color:#234960;box-shadow:none}.sidebar .nav a[aria-current=page]{background:linear-gradient(115deg,#15374e,#0d263d);color:#b7f5ff;border-color:#2d5c73;box-shadow:none}.sidebar-caption{font-size:12px;color:#6d849c;border-color:#25394e}.service-nav{padding:10px 22px;gap:8px;background:#0c1e33;border-color:#25384d;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.service-nav a{min-height:51px;padding:9px 10px;font-size:12px;border-radius:12px;border-color:#253e54;background:#10263b}.service-nav .service-icon{width:23px;height:23px;flex-shrink:0;color:#87dbe9}.draft{font-size:11px;color:#79899b;background:#eaf0f6;padding:6px 20px;letter-spacing:.2px}.page-content{background:#f8fafd}.wrap{max-width:1320px;padding:0 44px}.modern-hero{position:relative;isolation:isolate;background:#061527 var(--hero-art,url('assets/hero.jpg')) center/cover no-repeat;color:#fff;padding:76px 0 0;min-height:620px}.modern-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061527f5 0%,#061527d9 40%,#06152720 100%);z-index:-1}.modern-hero .hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:15px;min-height:450px}.modern-hero h1{font-size:clamp(42px,4.5vw,68px);font-weight:600;line-height:1.3;letter-spacing:-1.8px;margin-bottom:26px}.modern-hero h1 span{color:#8fe2ee}.eyebrow{font-size:11px;letter-spacing:2.3px;font-weight:600;color:#386a86}.modern-hero .eyebrow{color:#a6bbce;display:flex;align-items:center;gap:10px;font-size:10px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#86e6ef;box-shadow:0 0 16px #86e6ef}.modern-hero .lead{font-size:19px;color:#fff;margin-bottom:10px}.hero-description{font-size:15px;color:#9eb2c8;line-height:1.9}.button{border-radius:11px;font-size:14px;gap:15px;padding:12px 21px;box-shadow:none;cursor:pointer;background:#fff}.button.primary{background:linear-gradient(110deg,#b0eff5,#79cedd);color:#082235;border-color:transparent;box-shadow:0 5px 20px #2dc9ed14}.button.ghost{background:#0b203777;color:#d2e6f3;border-color:#526b80;box-shadow:none}.button:hover,.button:focus-visible{background:#c8eff4;color:#0b2638;box-shadow:0 6px 20px #2a68752b;transform:translateY(-2px)}.hero-meta{display:flex;flex-wrap:wrap;gap:14px;color:#8fa4bb;font-size:11px;margin:32px 0 20px}.hero-meta strong{font-weight:500;color:#dcc798}.hero-visual{min-height:350px;position:relative}.orbit-label{position:absolute;bottom:12%;right:0;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;color:#a9dbe5}.hero-bottom{border-top:1px solid #9db7cf30;margin-top:30px;padding:18px 44px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;color:#8ca5be}.section{padding:64px 0}.section-head{margin-bottom:32px}.section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.45;letter-spacing:-.8px}.section-head p{font-size:14px}.muted-heading{color:#7e90a5}.services-overview{background:radial-gradient(ellipse at 100% 0,#dcecf76b,transparent 45%),#f6f9fc}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:0;margin-bottom:12px}.category-grid .service-category-card{padding:0;border:1px solid #dde5ee;border-radius:20px;overflow:hidden;display:block;background:white;box-shadow:0 8px 30px #142d4910;transition:transform .2s,box-shadow .2s}.service-category-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px #142d491c}.category-art{display:block;position:relative;aspect-ratio:1.5;background:#071a30;overflow:hidden;width:100%}.category-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}.service-category-card:hover .category-art img{transform:scale(1.035)}.category-number{position:absolute;left:17px;top:14px;color:#adbed0;font-size:10px;letter-spacing:2px}.category-art .service-icon{position:absolute;bottom:14px;right:14px;width:34px;height:34px;padding:7px;border:1px solid #a5d8e866;background:#0b2337bd;border-radius:10px;color:#9fe8ee;backdrop-filter:blur(8px)}.category-body{padding:23px;display:flex;flex-direction:column;gap:14px}.category-grid h2{font-size:19px;line-height:1.5;margin:0;min-height:58px;font-weight:600}.category-body .text-link{font-size:12px;color:#35738c;border:0;display:flex;justify-content:space-between;width:100%;padding-top:12px;border-top:1px solid #e8edf3}.category-body .text-link span{font-size:21px;line-height:1}.art-note{font-size:10px;color:#8493a4;text-align:right}.company-section{background:white}.company-section .split{align-items:center;gap:44px}.company-section h2{font-size:34px}.company-art{min-height:350px;background:linear-gradient(0deg,#041326a8,#04132615),var(--company-art,url('assets/education.jpg')) center/cover;border-radius:24px;padding:32px;display:flex;align-items:end}.company-art span{color:white;font-size:36px;font-weight:700;line-height:1.1;letter-spacing:2px}.company-art em{font-style:normal;color:#87dfe9}.registration-pill{font-size:12px;padding:13px 17px;background:#f0f6fa;color:#365d75;border:1px solid #dbe7ef;border-radius:12px}.contact-band{background:radial-gradient(ellipse at 100% 100%,#17445b,transparent 65%),#0b2138;padding:44px 0}.contact-band h2{font-size:27px}.contact-band p{font-size:14px}.footer{background:#07172b}.footer strong{font-size:15px}.footer p{font-size:12px;color:#8ba0b8}.footer nav{font-size:12px;color:#abc1d5}.pagehead{background:linear-gradient(90deg,#0a2138f0,#0a213880),var(--hero-art,url('assets/hero.jpg')) center/cover;color:white}.pagehead .eyebrow,.pagehead p,.pagehead .breadcrumb{color:#a1bdcf}.pagehead h1{color:white}.details{grid-template-columns:1fr}.details article{border-radius:14px;background:#fff;border-color:#e0e8f0;padding:22px}.details h2{font-size:26px}.pending,.empty-gallery{border:1px solid #dce5ef;border-radius:16px;background:#f0f5f9}.status{border-radius:20px;background:#e2ebf3;color:#5f7890;font-size:11px}.pending h3{font-size:19px}.pending p{font-size:14px}.product-card{border-radius:18px;background:white;box-shadow:0 8px 26px #1631490a}.product-card h2{font-size:21px}.system-title{font-size:32px}.editor,.admin-list article{border-radius:16px}.auth-form{padding:26px;background:white;border:1px solid #dce5ee;border-radius:18px}.system-message{border-radius:10px}.price{color:#23677c}.menu,.close-menu{border-radius:10px;box-shadow:none}.activity-banner{margin:18px 22px;border-radius:22px}
@container(max-width:1000px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-hero .hero-grid{grid-template-columns:1fr}.hero-visual{display:none}.modern-hero:before{background:linear-gradient(90deg,#061527ed,#0615279e)}.company-section .split{grid-template-columns:1fr}.company-art{min-height:290px}.modern-hero{min-height:560px}.modern-hero h1{font-size:52px}}
@container(max-width:580px){.category-grid{grid-template-columns:1fr}.wrap{padding-left:22px;padding-right:22px}.modern-hero{padding-top:44px;min-height:auto}.modern-hero .hero-grid{min-height:410px}.modern-hero h1{font-size:42px;letter-spacing:-1px}.modern-hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-bottom{padding:16px 22px;font-size:8px}.hero-bottom span:last-child{display:none}.section{padding:44px 0}.category-grid h2{min-height:0}.category-art{aspect-ratio:1.7}.company-section h2{font-size:30px}.hero-meta{font-size:10px}.system-title{font-size:27px}}
@media(max-width:760px){.site-layout{display:block}.sidebar{top:0;height:100dvh}.navrow{min-height:70px}.service-nav{display:flex;overflow-x:auto;padding:10px 14px;gap:8px;scrollbar-width:thin}.service-nav a{flex:0 0 160px;min-height:48px;font-size:11px}.service-nav .service-icon{width:20px;height:20px}.header .wrap{padding:10px 20px}.brand strong{font-size:25px!important}.brand small{font-size:11px}.draft{font-size:10px}.buttons{flex-direction:row}.buttons .button{flex:1}.hero-meta{margin-top:25px}.activity-banner{margin:14px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.service-category-card:hover,.button:hover{transform:none}}

/* Compact sizing and editable website artwork. */
.navrow{min-height:76px}.sidebar{top:76px;height:calc(100dvh - 76px)}.brand strong{font-size:25px!important}.brand small{font-size:11px}.sidebar .nav a{font-size:13px;padding:10px 12px;min-height:42px}.sidebar{padding-top:22px}.sidebar-heading{padding-bottom:16px}.service-nav{padding:8px 18px;gap:7px}.service-nav a{font-size:13px;min-height:43px;padding:7px 9px}.service-nav .service-icon{width:21px;height:21px}.header-company{font-size:12px}.modern-hero{min-height:420px;padding-top:38px}.modern-hero .hero-grid{min-height:315px}.modern-hero h1{font-size:44px;line-height:1.35;letter-spacing:-1px;margin-bottom:17px}.modern-hero .lead{font-size:17px;margin-bottom:7px}.hero-description{font-size:15px;line-height:1.7}.modern-hero .eyebrow{margin-bottom:14px}.hero-visual{min-height:260px}.hero-meta{margin:20px 0 10px}.hero-bottom{margin-top:18px;padding:12px 32px}.buttons{margin-top:20px}.button{padding:9px 17px;min-height:43px;font-size:13px}.section{padding:42px 0}.section-head{margin-bottom:23px}.section-head h2{font-size:30px}.category-art{aspect-ratio:2/1}.category-body{padding:17px;gap:10px}.category-grid h2{font-size:18px;min-height:48px}.category-grid{gap:17px}.company-art{min-height:240px}.company-art span{font-size:28px}.company-section h2{font-size:28px}.pagehead{padding:30px 0}.pagehead h1{font-size:38px}.pagehead .breadcrumb{margin-bottom:16px}.contact-band{padding:32px 0}.contact-band h2{font-size:26px}.system-title{font-size:28px}.product-card h2{font-size:19px}.product-card .poster{aspect-ratio:1.5;max-height:200px;object-fit:contain}.product-detail .poster{max-height:380px;object-fit:contain}.artwork-preview{width:min(100%,520px);height:200px;object-fit:contain;border:1px solid var(--line);border-radius:12px;background:#eaf0f5}.activity-banner{min-height:180px;max-height:240px}.activity-banner img{max-height:240px}.activity-banner h2{font-size:26px}body{font-size:15px}.details h2{font-size:25px}
@container(max-width:1000px){.modern-hero{min-height:420px}.modern-hero h1{font-size:42px}.company-art{min-height:230px}}
@container(max-width:580px){.modern-hero{min-height:auto;padding-top:28px}.modern-hero .hero-grid{min-height:315px}.modern-hero h1{font-size:33px}.modern-hero .lead{font-size:16px}.hero-description{font-size:14px}.hero-meta{margin-top:18px}.section{padding:32px 0}.section-head h2{font-size:26px}.category-art{aspect-ratio:2.2}.category-grid h2{font-size:18px;min-height:0}.company-art{min-height:210px}.company-section h2{font-size:26px}.pagehead h1{font-size:31px}.system-title{font-size:25px}.hero-bottom{padding:12px 22px}.activity-banner h2{font-size:22px}}
@media(max-width:760px){.sidebar{top:0;height:100dvh}.navrow{min-height:60px}.header .wrap{padding:8px 16px}.brand strong{font-size:23px!important}.menu,.close-menu{min-width:44px;min-height:44px}.service-nav a{flex:0 0 180px;flex-direction:row;font-size:12px;min-height:44px;gap:8px}.service-nav a .service-icon{width:20px;height:20px}.service-nav{padding:7px 12px}.hero-meta{font-size:10px}.product-detail .poster{max-height:300px}}

/* Organization chart supplied by Prowe Thai. */
.organization-chart{margin:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 36px #142d4914;overflow:hidden}.organization-chart img{display:block;width:100%;height:auto;border-radius:10px}.organization-chart figcaption{padding:12px 6px 2px;text-align:center;color:var(--muted);font-size:13px}
@container(max-width:580px){.organization-chart{padding:6px;border-radius:12px}.organization-chart img{border-radius:7px}.organization-chart figcaption{font-size:12px;padding:9px 4px 2px}}

.brand{flex-direction:row;align-items:center;gap:10px}.brand-wordmark{display:flex;flex-direction:column}.brand-emblem{position:relative;overflow:hidden;display:block;flex:0 0 48px;width:48px;aspect-ratio:224/216;border-radius:7px;background:#fff}.brand-emblem img{position:absolute;width:646.429%;max-width:none;height:auto;left:-34.375%;top:0}.organization-chart{max-width:1000px;margin-inline:auto}.organization-chart a{display:block}.organization-chart a:focus-visible{outline-offset:3px}

/* Knowledge Bento theme — selected concept 04. */
:root{--forest:#063e35;--forest-2:#0c594a;--mint:#dcefe6;--mint-soft:#eef7f1;--ivory:#fbfaf4;--sand:#f4ead9;--terracotta:#bd6b45;--warm-gold:#c89a42;--ink:#173a33;--muted:#62756f;--line:#d8e4dc;--paper:#fbfaf4}
html{scroll-padding-top:92px}
body{background:var(--ivory);color:var(--ink);font-family:var(--font,"Noto Sans Thai",Tahoma,Arial,sans-serif);font-size:15px}
a{color:inherit}.wrap{max-width:1240px;padding-left:28px;padding-right:28px}
.header{position:sticky;top:0;z-index:50;background:#fffdf9ed;color:var(--forest);border-bottom:1px solid #dce6de;box-shadow:0 6px 24px #234b3d0a;backdrop-filter:blur(16px)}.header .wrap{max-width:1240px}
.navrow{min-height:74px;display:flex;align-items:center;gap:26px}.brand{min-width:max-content}.brand-emblem{width:46px;flex-basis:46px;border-radius:12px}.brand-wordmark strong{font-family:Georgia,"Times New Roman",serif!important;font-size:21px!important;letter-spacing:.7px!important;color:var(--forest)!important}.brand-wordmark small{font-size:9px!important;letter-spacing:4px;color:#55776e!important}
.header .nav{display:flex;align-items:center;justify-content:center;gap:5px;margin-left:auto}.header .nav a{display:block;padding:10px 12px;border-radius:999px;color:#385d54;font-size:13px;font-weight:600}.header .nav a:hover,.header .nav a:focus-visible{background:var(--mint-soft);color:var(--forest)}.header .nav a[aria-current=page]{background:var(--mint);color:var(--forest)}.header .nav .admin-entry{display:grid;place-items:center;width:38px;height:38px;padding:0;background:#eef5f1;color:var(--forest)}
.header-contact{display:inline-flex;align-items:center;gap:14px;padding:11px 18px;background:var(--terracotta);color:white;border-radius:999px;font-size:13px;font-weight:700;white-space:nowrap}.header-contact:hover{background:#9f5536;color:#fff}.menu{display:none;background:var(--forest);color:white;border:0;border-radius:12px;min-width:46px;min-height:46px;box-shadow:none}
.menu-backdrop{position:fixed;inset:0;z-index:44;background:#0b2f275e;border:0}.menu-backdrop[hidden]{display:none}.page-content{background:var(--ivory)}
.service-nav{position:relative;z-index:20;display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:7px;padding:8px max(16px,calc((100% - 1184px)/2));background:#fffdf9;border-bottom:1px solid var(--line)}.service-nav a{min-height:42px;padding:7px 8px;border:1px solid transparent;border-radius:12px;background:transparent;color:#4a665f;font-size:11px;line-height:1.35}.service-nav a:hover,.service-nav a[aria-current]{background:var(--mint-soft);border-color:#c9dfd3;box-shadow:none;color:var(--forest)}.service-nav .service-icon{width:25px;height:25px;flex-basis:25px;border:0;border-radius:8px;background:#d9eee4;color:var(--forest);box-shadow:none}.service-nav .service-icon svg{width:16px;height:16px}
.modern-hero{min-height:0;padding:22px 0 12px;background:var(--ivory);color:var(--forest)}.modern-hero:before{display:none}.modern-hero .hero-grid{min-height:360px;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:12px}.hero-copy,.hero-visual{border-radius:24px;overflow:hidden}.hero-copy{padding:clamp(28px,4vw,58px);background:linear-gradient(135deg,#d9eee3,#edf6ef);display:flex;flex-direction:column;justify-content:center}.modern-hero .hero-visual{display:block;min-height:360px;background:linear-gradient(120deg,#052f2861,#052f2817),var(--hero-art,url('assets/hero.jpg')) center/cover no-repeat}.modern-hero .eyebrow{color:#426e62;font-size:9px;margin-bottom:16px}.live-dot{background:var(--terracotta);box-shadow:none}.modern-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,58px);line-height:1.08;letter-spacing:-1.1px;margin-bottom:18px;color:var(--forest)}.modern-hero h1 span{color:var(--forest-2)}.modern-hero .lead{font-size:17px;color:#245549}.hero-description{font-size:14px;line-height:1.75;color:#527169}.modern-hero .button.primary{background:var(--terracotta);color:#fff;border-color:transparent}.modern-hero .button.ghost{background:#ffffff96;color:var(--forest);border-color:#aacabb}.hero-meta{color:#5c776f;margin:22px 0 0}.hero-meta strong{color:#795f2d}.orbit-label{right:20px;bottom:20px;padding:7px 11px;border-radius:999px;background:#fffc;color:var(--forest);writing-mode:horizontal-tb;letter-spacing:1px}.hero-bottom{margin:10px 0 0;padding:11px 3px;border:0;color:#6f7f79}.hero-bottom span:first-child{color:var(--forest);font-weight:700}
.button{border-radius:999px;min-height:42px;padding:9px 18px;border-color:#aec7bc;color:var(--forest);background:#fff;box-shadow:none}.button.primary{background:var(--forest);color:#fff;border-color:var(--forest)}.button.ghost{background:#fff;color:var(--forest);border-color:#afc8bd}.button:hover,.button:focus-visible{background:var(--terracotta);color:white;border-color:var(--terracotta);box-shadow:none;transform:translateY(-1px)}
.section{padding:48px 0}.services-overview{background:var(--ivory)}.section-head{margin-bottom:22px}.section-head h2,.company-section h2,.pagehead h1,.system-title{font-family:Georgia,"Times New Roman",serif;color:var(--forest)}.section-head h2{font-size:clamp(28px,3vw,42px);line-height:1.25}.muted-heading{color:#69827a}.eyebrow{color:var(--terracotta);font-size:10px;letter-spacing:2px}
.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.category-grid .service-category-card{display:grid;grid-template-columns:42% 58%;min-height:182px;border:0;border-radius:22px;background:var(--mint-soft);box-shadow:none;overflow:hidden}.category-grid .service-category-card:nth-child(3n+2){background:var(--sand)}.category-grid .service-category-card:nth-child(3n){background:#e8f1ea}.service-category-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px #173e3112}.category-art{height:100%;aspect-ratio:auto;background:#dce9df}.category-art img{height:100%;object-fit:cover}.category-number{left:11px;top:10px;padding:3px 7px;border-radius:999px;background:#fffddd;color:var(--forest)}.category-art .service-icon{right:10px;bottom:10px;width:34px;height:34px;padding:7px;background:#fffc;color:var(--forest);border:0;box-shadow:none}.category-body{padding:20px 18px;justify-content:center;gap:12px}.category-grid h2{min-height:0;font-family:Georgia,"Times New Roman",serif;font-size:18px;line-height:1.38;color:var(--forest)}.category-body .text-link{border:0;padding:0;color:var(--forest-2)}.art-note{color:#84968e}
.company-section{background:#f1f6f1}.company-section .split{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:12px}.company-art{min-height:330px;border-radius:24px;background:linear-gradient(0deg,#083f35b8,#083f3512),var(--company-art,url('assets/education.jpg')) center/cover}.company-art span{font-family:Georgia,"Times New Roman",serif;font-size:34px}.company-art em{color:#f4cf84}.registration-pill{background:#fff9ec;border-color:#ead9af;color:#705a2e;border-radius:14px}.contact-band{padding:34px 0;background:var(--forest);color:#fff}.contact-band h2{font-family:Georgia,"Times New Roman",serif}.contact-band .button.primary{background:#fff;color:var(--forest);border-color:#fff}
.pagehead{padding:45px 0;background:linear-gradient(90deg,#dceee6f2,#f7f2e7d9),var(--hero-art,url('assets/hero.jpg')) center/cover;color:var(--forest)}.pagehead .eyebrow,.pagehead p,.pagehead .breadcrumb{color:#5d776f}.pagehead h1{color:var(--forest);font-size:clamp(34px,4vw,48px)}.details article,.pending,.empty-gallery,.editor,.admin-list article,.auth-form{border-color:var(--line);border-radius:18px;background:#fff}.status{background:var(--mint);color:var(--forest)}.organization-chart{border-color:#cfdfd6;border-radius:22px;box-shadow:0 16px 38px #163e3010}.activity-banner{border-color:#aecabb;box-shadow:0 14px 38px #173e3014}.banner-shade{background:linear-gradient(90deg,#053c32d9,#053c3261),linear-gradient(0deg,#053c3285,transparent 60%)}
.service-kicker{margin:0;color:var(--terracotta);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.category-lead{margin:0;color:#5f746d;font-size:14px;line-height:1.7}.service-intro{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:34px;align-items:center;margin:26px 0 42px;padding:28px;border:1px solid var(--line);border-radius:24px;background:#fff}.service-intro-art{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.service-intro-copy h2{font-size:clamp(28px,4vw,44px)}.service-outcomes,.merit-list{display:grid;gap:9px;padding-left:22px}.merit-motto,.company-quote{margin:24px 0;padding:20px;border-left:5px solid var(--terracotta);background:var(--ivory);color:var(--forest)}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mission-grid article,.person-contact{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}.activity-types{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.activity-types article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff}.activity-types img{width:100%;aspect-ratio:4/3;object-fit:cover}.activity-types article div{padding:20px}.image-disclaimer{margin-top:24px;color:#667a73;font-size:13px}.admin-welcome{padding:12px 16px;border-radius:12px;background:var(--mint);color:var(--forest)}
@media(max-width:760px){.service-intro,.mission-grid,.activity-types{grid-template-columns:1fr}.service-intro{padding:17px}.activity-types{gap:16px}}

/* Six selectable themes and a wide, low hero banner. */
.theme-control{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--forest)}.theme-control select{width:auto;min-width:88px;padding:7px 28px 7px 10px;border-radius:999px;background:var(--surface,#fff);color:var(--ink)}
.panorama-hero{position:relative;isolation:isolate;min-height:clamp(300px,31vw,470px);padding:0;overflow:hidden;background:#173a33;color:#fff}.panorama-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.panorama-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#092e28ed 0%,#123c34c4 34%,#123c3440 65%,#092e2830 100%)}.panorama-content{min-height:clamp(300px,31vw,470px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:35px;padding-bottom:35px}.hero-identity{display:flex;align-items:center;gap:18px}.hero-logo{position:relative;display:block;width:88px;aspect-ratio:224/216;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 12px 32px #0018}.hero-logo img{position:absolute;width:646.429%;max-width:none;height:auto;left:-34.375%;top:0}.panorama-hero .eyebrow{margin:0 0 5px;color:#f3d89f}.panorama-hero h1{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,70px);line-height:1;color:#fff;text-shadow:0 3px 18px #0006}.hero-thai-name{margin:8px 0 0;font-size:clamp(18px,2vw,28px);font-weight:600}.panorama-hero .hero-description{max-width:670px;margin:20px 0 0;color:#f5f8f6;font-size:clamp(14px,1.5vw,18px);text-shadow:0 2px 12px #0008}.panorama-hero .button.primary{background:var(--accent,var(--terracotta));border-color:transparent;color:#fff}.panorama-hero .button.ghost{background:#ffffffde;border-color:#fff;color:#153d35}
.pagehead{background:linear-gradient(90deg,#e4f1ebf2 0%,#fbfaf4d9 58%,#fbfaf491 100%),url('assets/hero-prowethai-panorama-v3.png') center 42%/cover no-repeat!important}
:root,[data-theme="light"]{--surface:#fff;--forest:#063e35;--forest-2:#0c594a;--mint:#dcefe6;--mint-soft:#eef7f1;--ivory:#fbfaf4;--terracotta:#bd6b45;--accent:#bd6b45;--ink:#173a33;--muted:#62756f;--line:#d8e4dc;--paper:#fbfaf4;color-scheme:light}
[data-theme="dark"]{--surface:#14231f;--forest:#7ee0c2;--forest-2:#9ce8d1;--mint:#27483f;--mint-soft:#1c342e;--ivory:#0d1916;--terracotta:#ee9268;--accent:#ee9268;--ink:#eaf5f0;--muted:#a9c2b9;--line:#35564c;--paper:#111f1b;color-scheme:dark}
[data-theme="formal"]{--surface:#fff;--forest:#17365d;--forest-2:#244f7e;--mint:#e3eaf3;--mint-soft:#f2f5f9;--ivory:#fbfaf6;--terracotta:#a47a2c;--accent:#a47a2c;--ink:#1d2d42;--muted:#647184;--line:#d8dee7;--paper:#f7f6f2;color-scheme:light}
[data-theme="normal"]{--surface:#fff;--forest:#2d4b42;--forest-2:#46675d;--mint:#e8eeeb;--mint-soft:#f5f7f6;--ivory:#fff;--terracotta:#756b62;--accent:#526d64;--ink:#263530;--muted:#68736f;--line:#dfe4e1;--paper:#f7f8f7;color-scheme:light}
[data-theme="future"]{--surface:#0c2031;--forest:#63e5f0;--forest-2:#36bbd5;--mint:#123c50;--mint-soft:#102b3d;--ivory:#071723;--terracotta:#a873ff;--accent:#8d5df5;--ink:#e9fbff;--muted:#9cc6d1;--line:#245067;--paper:#091c2a;color-scheme:dark}
[data-theme="colorful"]{--surface:#fff;--forest:#006d77;--forest-2:#118ab2;--mint:#c9f4ef;--mint-soft:#eefcf8;--ivory:#fffaf1;--terracotta:#ef476f;--accent:#ef476f;--ink:#16464b;--muted:#587477;--line:#cbe4df;--paper:#fff8e8;color-scheme:light}
[data-theme="dark"] body,[data-theme="future"] body,[data-theme="dark"] .page-content,[data-theme="future"] .page-content{background:var(--ivory);color:var(--ink)}[data-theme="dark"] .header,[data-theme="future"] .header,[data-theme="dark"] .service-nav,[data-theme="future"] .service-nav,[data-theme="dark"] .category-grid .service-category-card,[data-theme="future"] .category-grid .service-category-card,[data-theme="dark"] .details article,[data-theme="future"] .details article,[data-theme="dark"] .editor,[data-theme="future"] .editor{background:var(--surface);color:var(--ink)}[data-theme="future"] .header{box-shadow:0 0 26px #37d9ee22}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n+1){background:#d8f5ee}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n+2){background:#fff0b8}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n){background:#ffdce6}
@media(max-width:1000px){.theme-control span{display:none}.theme-control select{min-width:78px}.panorama-shade{background:linear-gradient(90deg,#092e28ed,#123c3470)}}
@media(max-width:760px){.theme-control{order:2;margin-left:auto}.theme-control select{max-width:102px}.menu{order:3}.panorama-hero,.panorama-content{min-height:390px}.panorama-image{object-position:62% center}.panorama-shade{background:linear-gradient(90deg,#092e28f2 0%,#123c34c4 58%,#123c3460 100%)}.hero-logo{width:66px;border-radius:14px}.panorama-content{padding-top:28px;padding-bottom:28px}.panorama-hero h1{font-size:42px}.panorama-hero .buttons{flex-direction:row}}

/* Make the selected theme unmistakable on every page. */
.theme-control{position:fixed;right:16px;bottom:16px;z-index:100;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:0 10px 34px #001b;backdrop-filter:blur(14px)}
[data-theme] body,[data-theme] .page-content,[data-theme] .services-overview{background:var(--ivory)!important;color:var(--ink)!important}
[data-theme] .header,[data-theme] .service-nav,[data-theme] .service-intro,[data-theme] .details article,[data-theme] .pending,[data-theme] .editor,[data-theme] .admin-list article,[data-theme] .auth-form,[data-theme] .activity-types article,[data-theme] .mission-grid article,[data-theme] .product-card{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line)!important}
[data-theme] h1,[data-theme] h2,[data-theme] h3,[data-theme] .section-head h2,[data-theme] .category-grid h2,[data-theme] .system-title{color:var(--forest)!important}
[data-theme] .category-grid .service-category-card{background:var(--mint-soft)!important;color:var(--ink)!important}
[data-theme] .button.primary{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
[data-theme] .footer,[data-theme] .contact-band{background:color-mix(in srgb,var(--forest) 86%,#001b)!important}
[data-theme="dark"] .pagehead,[data-theme="future"] .pagehead{background:linear-gradient(90deg,#071713ed,#0b2420c7),url('assets/hero-prowethai-panorama-v3.png') center 42%/cover no-repeat!important}[data-theme="dark"] .pagehead h1,[data-theme="dark"] .pagehead p,[data-theme="dark"] .pagehead .breadcrumb,[data-theme="future"] .pagehead h1,[data-theme="future"] .pagehead p,[data-theme="future"] .pagehead .breadcrumb{color:var(--ink)!important}
[data-theme="formal"] body{font-family:Georgia,"Noto Serif Thai",serif}[data-theme="formal"] .header{border-bottom:4px solid var(--accent)}
[data-theme="normal"] *{box-shadow:none!important}[data-theme="normal"] .button,[data-theme="normal"] input,[data-theme="normal"] select,[data-theme="normal"] textarea{border-radius:6px}
[data-theme="future"] .button,[data-theme="future"] .service-category-card,[data-theme="future"] .service-intro{box-shadow:0 0 22px #43e5ff1f!important}[data-theme="future"] .header{border-bottom:1px solid #4ae4ff66}
[data-theme="colorful"] .header{background:linear-gradient(90deg,#fff,#fff8ce,#ffe7ee)!important}[data-theme="colorful"] .service-nav{background:#eefcf8!important}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n+1){background:#d8f5ee!important}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n+2){background:#fff0b8!important}[data-theme="colorful"] .category-grid .service-category-card:nth-child(3n){background:#ffdce6!important}
@media(max-width:760px){.theme-control{right:10px;bottom:10px;order:initial;margin:0}.theme-control span{display:inline}.theme-control select{max-width:112px}}

/* Hero identity must remain legible in every theme. */
.panorama-content:before{content:"";position:absolute;z-index:-1;left:max(12px,calc((100% - 1240px)/2));top:50%;width:min(720px,70vw);height:82%;transform:translateY(-50%);border-radius:28px;background:linear-gradient(90deg,#041d19e8 0%,#092b25bd 62%,transparent 100%);filter:drop-shadow(0 14px 28px #0003)}
[data-theme] .panorama-hero h1{color:#fff!important;text-shadow:0 3px 6px #000,0 0 24px #000!important}
[data-theme] .panorama-hero .hero-thai-name,[data-theme] .panorama-hero .hero-description{color:#fff!important;text-shadow:0 2px 6px #000,0 0 18px #000!important}
[data-theme] .panorama-hero .eyebrow{color:#ffe5a8!important;text-shadow:0 2px 5px #000!important}
[data-theme="light"]{--hero-glow:#bd6b45}[data-theme="dark"]{--hero-glow:#7ee0c2}[data-theme="formal"]{--hero-glow:#d2ab54}[data-theme="normal"]{--hero-glow:#e8eee9}[data-theme="future"]{--hero-glow:#59ecff}[data-theme="colorful"]{--hero-glow:#ffde59}
[data-theme] .panorama-hero h1{border-left:6px solid var(--hero-glow);padding-left:16px}
[data-theme="future"] .panorama-hero h1{color:#dffcff!important;text-shadow:0 0 12px #34dff4,0 3px 6px #000!important}[data-theme="colorful"] .panorama-hero h1{color:#fff8c9!important}[data-theme="formal"] .panorama-hero h1{font-family:Georgia,"Times New Roman",serif;letter-spacing:1px}
@media(max-width:760px){.panorama-content:before{left:8px;width:92vw;height:88%;border-radius:22px}.panorama-hero h1{padding-left:11px;border-left-width:4px}}
.mission-poster-section{background:var(--mint-soft)}.mission-poster{max-width:1055px;margin:0 auto;padding:10px;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 18px 46px #173e3114}.mission-poster a,.mission-poster img{display:block;width:100%}.mission-poster img{height:auto;border-radius:16px}.mission-poster figcaption,.organization-chart figcaption{text-align:center;padding:13px 8px 4px;color:var(--muted);font-size:13px}.organization-chart img{width:100%;height:auto}.organization-chart figcaption small{font-size:12px;color:var(--terracotta)}
@media(max-width:760px){.mission-poster{padding:6px;border-radius:15px}.mission-poster img{border-radius:10px}}
.footer{padding-top:36px;background:#073d34;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:28px;align-items:start}.footer strong{font-family:Georgia,"Times New Roman",serif}.footer p{color:#bcd3ca}.footer-contact{display:grid;gap:8px}.footer-contact a{color:#fff}.footer nav{color:#d9e7e1}.fineprint{color:#a9c3b9;border-color:#315e54}
.product-card,.editor{border-radius:20px;box-shadow:0 8px 24px #1d4a3d0c}.product-category .service-icon,.service-icon{background:var(--mint);border-color:#b9d6c8;color:var(--forest);box-shadow:none}.price{color:var(--terracotta)}input,select,textarea{border-color:#b8cbc2;border-radius:10px}.system-message{border-left-color:var(--terracotta);background:#fff3e8;color:#71432e}
@media(max-width:1000px){.header .nav{gap:0}.header .nav a{padding:9px 8px;font-size:12px}.header-contact{display:none}.service-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modern-hero .hero-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav{grid-column:1/-1}}
@media(max-width:760px){html{scroll-padding-top:68px}.wrap{padding-left:18px;padding-right:18px}.navrow{min-height:64px}.brand-emblem{width:40px;flex-basis:40px}.brand-wordmark strong{font-size:18px!important}.brand-wordmark small{font-size:8px!important}.menu{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-left:auto}.header .nav{position:fixed;top:72px;right:14px;left:14px;z-index:46;display:grid;gap:5px;padding:14px;border:1px solid var(--line);border-radius:20px;background:#fffdf9;box-shadow:0 24px 60px #0d352a35;visibility:hidden;transform:translateY(-14px);opacity:0;transition:.2s}.menu-open .header .nav{visibility:visible;transform:none;opacity:1}.header .nav a{padding:12px 14px;font-size:14px}.service-nav{display:flex;overflow-x:auto;padding:7px 12px}.service-nav a{flex:0 0 175px;flex-direction:row;font-size:11px}.modern-hero{padding-top:12px}.modern-hero .hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:28px 23px}.modern-hero .hero-visual{display:block;min-height:220px}.modern-hero h1{font-size:36px}.hero-bottom{display:none}.section{padding:36px 0}.section-head{align-items:start;flex-direction:column}.category-grid{grid-template-columns:1fr}.category-grid .service-category-card{min-height:158px}.company-section .split{grid-template-columns:1fr}.company-art{min-height:220px}.footer-grid{grid-template-columns:1fr}.footer-grid nav{grid-column:auto}.footer nav{display:flex;flex-wrap:wrap;gap:12px}.form-grid{grid-template-columns:1fr}.product-detail{grid-template-columns:1fr}}
@media(max-width:420px){.menu span{display:none}.category-grid .service-category-card{grid-template-columns:38% 62%}.category-body{padding:16px 14px}.category-grid h2{font-size:17px}.modern-hero h1{font-size:32px}}