:root{--bg:#061c30;--card:#0b2a42;--gold:#e7b968;--text:#17293b;--muted:#596b7e;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#f7f9fa;font-family:"Noto Sans Thai",Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}a:focus-visible{outline:3px solid #cc8a25;outline-offset:4px}.wrap{width:min(1100px,calc(100% - 40px));margin:auto}.sub-header{background:#06192d;color:white;border-bottom:1px solid #ffffff23}.sub-header .wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px;font:bold 20px Arial,sans-serif;letter-spacing:.03em}.logo img{width:48px;height:48px;object-fit:contain}.logo small{display:block;letter-spacing:.14em;font-size:8px;font-weight:500;margin-top:4px;color:#f3d59d}.sub-header nav{display:flex;gap:21px;align-items:center;flex-wrap:wrap}.sub-header nav a{font-size:13px;color:#e3ebf2}.sub-header nav a:hover{color:var(--gold)}.sub-hero{background:radial-gradient(circle at 87% 12%,#174469,#06192d 75%);color:white;padding:70px 0 78px}.crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:12px;color:#d7e3ed;margin-bottom:25px}.crumb a{color:#eecb89}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;font-weight:800}.sub-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.3;margin:13px 0 16px;letter-spacing:-.02em}.sub-hero p{max-width:860px;line-height:1.9;color:#dce7ef;font-size:16px;margin:0}.content{padding:54px 0 66px}.lede{font-size:17px;line-height:1.9;max-width:850px;color:#33485a}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin:33px 0}.column-card{background:white;padding:27px;border:1px solid #e4ebef;border-radius:15px;box-shadow:0 8px 25px #061d2e09}.column-card .num{font-weight:800;color:#b9832e;font-size:12px;letter-spacing:.13em}.column-card h2{font-size:21px;margin:10px 0 9px}.column-card p{font-size:14px;line-height:1.85;color:#4e6376;margin:0}.sub-image{border-radius:17px;overflow:hidden;background:#b5c5d1;box-shadow:0 16px 38px #07192822}.sub-image img{width:100%;max-height:650px;object-fit:cover}.sub-image figcaption{padding:12px 18px;font-size:12px;line-height:1.65;background:#edf1f3;color:#5e6b73}.section-header{font-size:28px;line-height:1.4;margin:50px 0 16px}.note{background:#f2ede4;border-left:4px solid #c59b5a;border-radius:9px;padding:18px 20px;color:#405367;font-size:14px;line-height:1.85}.faq{margin:25px 0 0}.faq details{background:white;margin:11px 0;border:1px solid #e1e8eb;border-radius:12px;padding:16px 21px}.faq summary{font-weight:750;cursor:pointer;font-size:15px}.faq p{line-height:1.8;color:#536577;font-size:14px}.sub-action{background:#071e34;color:white;border-radius:20px;padding:35px;margin:42px 0 20px}.sub-action h2{font-size:27px;margin:0 0 10px}.sub-action p{color:#d1dfec;line-height:1.8}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{display:inline-flex;align-items:center;padding:13px 19px;border-radius:30px;font-size:14px;font-weight:750;background:linear-gradient(90deg,#eab869,#ffe0a2);color:#101e2c}.button.ghost{background:#0f304b;color:#fff;border:1px solid #b8a076}.links{display:flex;flex-wrap:wrap;gap:10px;padding:20px 0}.links a{display:inline-flex;border:1px solid #cbd8df;border-radius:22px;padding:9px 13px;font-size:13px;color:#133751}.sub-footer{background:#061a2b;color:#becbd6;text-align:center;font-size:12px;padding:30px 15px;line-height:1.9}.sub-footer a{color:#e9c280}.sub-footer .foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:15px}.project-hero-img{background:#06192d}.project-hero-img img{width:100%;max-height:600px;object-fit:contain}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 36px}.facts>div{padding:21px;background:#fff;border:1px solid #e3e8ed;border-radius:12px}.facts span{display:block;font-size:11px;color:#b18038;margin-bottom:7px;font-weight:800;letter-spacing:.1em}.facts strong{line-height:1.5;font-size:15px}.bullet-list{padding-left:23px;line-height:2;color:#485a6b}.other-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.other-projects a{display:block;border-radius:12px;overflow:hidden;background:white;border:1px solid #e3eaef}.other-projects img{height:145px;object-fit:cover}.other-projects span{display:block;padding:12px;font-size:14px;font-weight:750}.readmore{color:#b37f35}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:50}
@media(max-width:740px){.sub-header .wrap{padding:14px 0;align-items:flex-start;flex-direction:column}.sub-header nav{gap:13px}.sub-hero{padding:48px 0 56px}.content{padding:37px 0}.columns,.facts,.other-projects{grid-template-columns:1fr}.column-card{padding:23px}.sub-action{padding:25px}.sub-hero h1{font-size:32px}}