:root{--home-blue:#075b91;--home-deep:#073d68;--home-sky:#edf7ff;--home-line:#d7e7f2;--home-teal:#008d88;--home-gold:#e8a22a;--home-text:#123f62}
.home-hero{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(120deg,#e8f6ff 0%,#fff 56%,#e8f8f5 100%)}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease}.hero-slide.is-active{position:relative;opacity:1;visibility:visible}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-bg{background-size:cover;background-position:center}.hero-shade{background:linear-gradient(90deg,rgba(246,252,255,.98) 0%,rgba(246,252,255,.91) 27%,rgba(246,252,255,.55) 51%,rgba(246,252,255,.12) 78%,rgba(246,252,255,.05) 100%)}
.hero-inner{position:relative;z-index:2;min-height:520px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);align-items:center;gap:45px}.hero-copy{padding:50px 0;max-width:650px}.hero-kicker,.mini-kicker{display:block;color:var(--home-teal);font-size:12px;font-weight:800;letter-spacing:1.7px}.hero-copy h1{font-family:Kanit,sans-serif;font-size:clamp(38px,4.5vw,64px);line-height:1.08;color:var(--home-deep);margin:12px 0 18px;white-space:pre-line}.hero-copy p{font-size:19px;color:#4e6e85;margin:0 0 26px}.home-btn{display:inline-flex;align-items:center;gap:12px;padding:12px 21px;border-radius:999px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.home-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(8,91,145,.18)}.home-btn.primary{background:#0873b6;color:#fff}.hero-building{justify-self:end;width:min(430px,100%);min-height:300px;border:1px solid #c5dfef;border-radius:28px;background:rgba(235,247,255,.8);box-shadow:0 24px 55px rgba(18,76,110,.11);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;backdrop-filter:blur(3px)}.building-mark{font-size:95px;line-height:1;color:var(--home-gold);margin-bottom:12px}.hero-building strong{font-family:Kanit;font-size:22px;color:#0a4775}.hero-building small{margin-top:8px;color:#5d7588}.hero-dots{position:absolute;z-index:5;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:8px}.hero-dot{width:9px;height:9px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #80aec9;cursor:pointer;transition:.25s}.hero-dot.active{width:30px;border-radius:10px;background:#0873b6}.hero-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid #c9deeb;border-radius:50%;background:rgba(255,255,255,.92);color:#0a5f96;font-size:29px;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(8,65,100,.08)}.hero-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}
.quick-wrap{position:relative;z-index:6;margin-top:-35px}.quick-grid{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid #e0ebf2;border-radius:19px;box-shadow:0 18px 45px rgba(17,73,110,.11);overflow:hidden}.quick-item{min-height:128px;padding:18px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-right:1px solid #e1ebf2;color:#0b436e;position:relative;transition:background .2s ease,transform .2s ease}.quick-item:last-child{border-right:0}.quick-item:hover{background:#f2faff;transform:translateY(-2px)}.quick-icon{font-size:31px;line-height:1;margin-bottom:9px}.quick-title{font-family:Kanit;font-size:15px;font-weight:600}.quick-item small{color:#6b8397;margin-top:2px}.quick-arrow{position:absolute;right:12px;bottom:8px;color:#0b72ae;font-size:14px;opacity:0;transform:translateX(-3px);transition:.2s}.quick-item:hover .quick-arrow{opacity:1;transform:none}
.home-main{padding-top:34px;padding-bottom:65px}.home-news-grid{display:grid;grid-template-columns:1.18fr .88fr .62fr;gap:17px}.home-panel,.leader-card,.feature-card,.stats-strip{background:#fff;border:1px solid var(--home-line);border-radius:18px;box-shadow:0 9px 30px rgba(16,67,100,.045)}.home-panel{padding:21px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:13px}.section-head h2{font-family:Kanit;font-size:24px;color:#073f6c;margin:3px 0 0;line-height:1.15}.section-head a{font-size:13px;color:#0873b6;white-space:nowrap}.section-head a span{font-size:17px}.news-row{display:grid;grid-template-columns:90px 1fr;gap:13px;padding:11px 0;border-bottom:1px solid #e8eef3;color:var(--home-text);transition:transform .18s ease}.news-row:last-child{border-bottom:0}.news-row:hover{transform:translateX(3px)}.news-thumb{width:90px;height:70px;border-radius:11px;overflow:hidden;background:#eaf5fc;display:grid;place-items:center;color:#7b91a3;font-size:26px}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-row b,.announce-list b,.simple-list b{display:block;font-size:14px;line-height:1.35}.news-row small,.announce-list small,.simple-list small{display:block;color:#7890a5;font-size:11px;margin-top:4px}.news-row p{margin:5px 0 0;color:#60798c;font-size:11px;line-height:1.5}.announce-list>a,.simple-list>a{display:flex;gap:11px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e8eef3;color:var(--home-text);transition:transform .18s ease}.announce-list>a:last-child,.simple-list>a:last-child{border-bottom:0}.announce-list>a:hover,.simple-list>a:hover{transform:translateX(3px)}.doc-icon,.list-icon{width:40px;height:40px;border-radius:10px;background:#eaf5fc;display:grid;place-items:center;color:#0873b6;flex:0 0 auto}.list-icon{background:#f0f7fb;font-size:19px}.empty-home{padding:25px 5px;text-align:center;color:#8aa0b1;font-size:13px}
.leader-card{overflow:hidden;background:linear-gradient(180deg,#e1f3ff 0%,#fff 74%);display:flex;flex-direction:column}.leader-photo{height:250px;display:grid;place-items:end center;overflow:hidden;background:linear-gradient(180deg,#d5ecfb,#edf8ff)}.leader-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}.leader-photo span{font-size:80px;margin:auto}.leader-info{text-align:center;padding:16px 13px 19px}.leader-kicker{display:block;color:var(--home-teal);font-size:11px;font-weight:700;letter-spacing:.8px}.leader-info b{display:block;color:#073f6c;font-size:18px;margin-top:4px}.leader-info small{display:block;color:#647d90;margin:4px 0 13px;font-size:12px}.leader-info a{display:inline-flex;align-items:center;gap:8px;background:#075f99;color:#fff;border-radius:999px;padding:8px 14px;font-size:12px}.leader-info a span{font-size:16px}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:21px 0}.feature-card{min-height:105px;padding:17px 16px;display:flex;align-items:center;gap:12px;color:#0b426d;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(10,72,110,.1)}.feature-card strong{font-size:27px;min-width:42px;text-align:center}.feature-card span{font-family:Kanit;font-weight:600;line-height:1.25;flex:1}.feature-card small{display:block;font-family:Sarabun;font-weight:400;color:#668096;margin-top:4px;font-size:11px;line-height:1.35}.feature-card i{font-style:normal;color:#0873b6;font-size:21px}.feature-card.ita{background:linear-gradient(135deg,#e7fbf8,#f3fbff)}.feature-card.procurement{background:linear-gradient(135deg,#fffaf0,#fff)}.feature-card.downloads{background:linear-gradient(135deg,#eef8ff,#fff)}.feature-card.organization{background:linear-gradient(135deg,#edf5ff,#fff)}
.latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:21px 0}.simple-list>a>span{font-size:20px}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 8px;margin-top:21px}.stats-strip>div{min-height:86px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-content:center;padding:0 24px;border-right:1px solid #e1eaf0}.stats-strip>div:last-child{border-right:0}.stat-icon{grid-row:1/3;font-size:32px;align-self:center}.stats-strip b{font-family:Kanit;font-size:26px;color:#073f6c;line-height:1.1}.stats-strip small{color:#617c91;font-size:12px}.motto-stat b{font-size:17px}.bottom-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:17px;margin-top:21px}.home-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-item{height:145px;border-radius:12px;overflow:hidden;position:relative;background:#e8f4fb}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gallery-item:hover img{transform:scale(1.06)}.gallery-item span{position:absolute;left:0;right:0;bottom:0;padding:20px 9px 8px;background:linear-gradient(transparent,rgba(3,39,65,.78));color:#fff;font-size:11px}.gallery-placeholder{grid-column:1/-1;min-height:145px;border-radius:12px;background:linear-gradient(135deg,#e7f4fb,#eff9f5);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5e788d}.gallery-placeholder span{font-size:32px}.gallery-placeholder b{margin-top:6px;color:#0b4b73}.gallery-placeholder small{margin-top:2px}.video-frame{aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#073a5c}.video-frame iframe{width:100%;height:100%;border:0}.welcome-panel{display:flex;flex-direction:column;justify-content:center;min-height:230px;background:linear-gradient(135deg,#edf8ff,#fff)}.welcome-panel h2{font-family:Kanit;color:#073f6c;font-size:27px;line-height:1.2;margin:7px 0 10px}.welcome-panel p{color:#667f92;font-size:14px;line-height:1.7;margin:0 0 18px;max-width:430px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1100px){.hero-inner{grid-template-columns:1fr .8fr}.home-news-grid{grid-template-columns:1fr 1fr}.leader-card{grid-column:1/-1;display:grid;grid-template-columns:210px 1fr}.leader-photo{height:210px}.feature-strip{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-item:nth-child(3n){border-right:0}.quick-item{border-bottom:1px solid #e1ebf2}.bottom-grid{grid-template-columns:1fr}}
@media(max-width:760px){.home-hero,.hero-inner{min-height:470px}.hero-inner{display:block}.hero-copy{padding:75px 18px 30px}.hero-copy h1{font-size:38px}.hero-copy p{font-size:16px}.hero-building{display:none}.hero-shade{background:linear-gradient(90deg,rgba(246,252,255,.97),rgba(246,252,255,.72))}.hero-arrow{display:none}.quick-wrap{margin-top:-20px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-item:nth-child(3n){border-right:1px solid #e1ebf2}.quick-item:nth-child(2n){border-right:0}.home-main{padding-top:25px}.home-news-grid,.latest-grid,.feature-strip,.bottom-grid{grid-template-columns:1fr}.leader-card{display:block}.leader-photo{height:270px}.stats-strip{grid-template-columns:1fr 1fr}.stats-strip>div{border-right:0;border-bottom:1px solid #e1eaf0;padding:16px}.stats-strip>div:nth-last-child(-n+2){border-bottom:0}.home-gallery{grid-template-columns:1fr 1fr}.gallery-item{height:135px}.section-head h2{font-size:22px}}
@media(max-width:480px){.hero-copy{padding-top:62px}.hero-copy h1{font-size:34px}.quick-title{font-size:14px}.quick-item{min-height:100px}.news-row{grid-template-columns:72px 1fr}.news-thumb{width:72px;height:58px}.stats-strip{grid-template-columns:1fr}.stats-strip>div{border-bottom:1px solid #e1eaf0!important}.stats-strip>div:last-child{border-bottom:0!important}.home-gallery{grid-template-columns:1fr}.gallery-item{height:180px}}
.home-map {
  width: 100%;
  height: 360px;
  overflow: hidden;
  border-radius: 24px;
  border: 1px solid #d7e6f2;
  box-shadow: 0 12px 30px rgba(20, 72, 110, .08);
}

.home-map iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

/* ===== Special Announcement Popup ===== */
html.popup-open{overflow:hidden}.site-popup{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;animation:popupFade .22s ease}.site-popup.is-closing{animation:popupFadeOut .22s ease forwards}.site-popup-backdrop{position:absolute;inset:0;background:rgba(5,27,43,.68);backdrop-filter:blur(3px)}.site-popup-card{position:relative;z-index:2;width:min(760px,100%);max-height:min(88vh,820px);overflow:auto;background:#fff;border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.25);border:1px solid #dce8f1}.site-popup-image{width:100%;max-height:360px;background:#eef5f9;overflow:hidden}.site-popup-image img{width:100%;height:100%;max-height:360px;display:block;object-fit:contain}.site-popup-body{padding:28px 30px 30px}.site-popup-kicker{display:block;color:#a16c00;font-size:12px;font-weight:800;letter-spacing:1.2px}.site-popup-urgent .site-popup-kicker{color:#b32635}.site-popup-memorial .site-popup-kicker{color:#555}.site-popup-body h2{font:600 30px/1.25 Kanit;color:#123f68;margin:7px 0 10px}.site-popup-body p{white-space:pre-line;color:#5e7487;font-size:16px;line-height:1.8;margin:0}.site-popup-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.site-popup-close{position:absolute;right:12px;top:12px;z-index:3;width:38px;height:38px;border:1px solid #d5e1e9;border-radius:50%;background:rgba(255,255,255,.94);color:#38566d;font-size:25px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.08)}.site-popup-close:hover{background:#fff;transform:scale(1.04)}.popup-close-btn{border:1px solid #c7d8e4;background:#fff;color:#31536e;cursor:pointer;font:700 14px Sarabun}.site-popup-urgent{border-top:5px solid #b32635}.site-popup-memorial{border-top:5px solid #555;filter:grayscale(.9)}
@keyframes popupFade{from{opacity:0}to{opacity:1}}@keyframes popupFadeOut{to{opacity:0;transform:scale(.98)}}
@media(max-width:600px){.site-popup{padding:12px}.site-popup-card{border-radius:18px;max-height:92vh}.site-popup-image,.site-popup-image img{max-height:230px}.site-popup-body{padding:22px 18px 20px}.site-popup-body h2{font-size:24px}.site-popup-body p{font-size:14px}.site-popup-actions{flex-direction:column}.site-popup-actions>*{width:100%;justify-content:center}}

/* ===== Image-only Special Announcement Popup ===== */
.site-popup-card.site-popup-card-image-only{padding:0}
.site-popup-image-only{display:block;width:auto;height:auto;max-width:min(92vw,1100px);max-height:88vh;object-fit:contain;border-radius:24px}
.site-popup-card{width:auto;max-width:92vw;background:transparent;border:0;box-shadow:0 28px 80px rgba(0,0,0,.35);overflow:visible}
.site-popup-card .site-popup-close{right:-14px;top:-14px}
@media(max-width:600px){.site-popup-image-only{max-width:94vw;max-height:88vh;border-radius:18px}.site-popup-card .site-popup-close{right:-6px;top:-10px}}

/* ===== Homepage Mobile QA Patch ===== */
@media(max-width:600px){
  .home-hero{min-height:430px}
  .hero-inner{min-height:430px}
  .hero-copy{padding:52px 0 28px}
  .hero-copy h1{font-size:34px;line-height:1.12;margin-bottom:14px}
  .hero-copy p{font-size:15px;line-height:1.65;margin-bottom:20px}
  .home-btn{padding:10px 17px;font-size:14px}
  .hero-dots{bottom:15px}
  .quick-wrap{margin-top:-14px}
  .quick-grid{border-radius:15px}
  .quick-item{min-height:94px;padding:13px 7px}
  .quick-icon{font-size:25px;margin-bottom:6px}
  .quick-title{font-size:13px;line-height:1.35}
  .quick-item small{font-size:11px;line-height:1.3}
  .home-main{padding-top:22px;padding-bottom:40px}
  .home-panel{padding:15px;border-radius:14px}
  .home-news-grid{gap:13px}
  .news-row{grid-template-columns:72px 1fr;gap:10px;padding:10px 0}
  .news-thumb{width:72px;height:58px;border-radius:9px}
  .news-row b,.announce-list b,.simple-list b{font-size:13px;line-height:1.4}
  .news-row p{font-size:10px;line-height:1.45}
  .announce-list>a,.simple-list>a{gap:9px;padding:11px 0}
  .doc-icon,.list-icon{width:36px;height:36px;border-radius:9px}
  .leader-photo{height:245px}
  .leader-info{padding:14px 10px 16px}
  .leader-info b{font-size:17px}
  .feature-strip{gap:10px;margin:16px 0}
  .feature-card{min-height:90px;padding:13px 12px;gap:8px}
  .feature-card strong{font-size:23px;min-width:34px}
  .feature-card span{font-size:14px}
  .feature-card small{font-size:10px}
  .latest-grid{gap:13px;margin:16px 0}
  .stats-strip{margin-top:16px;border-radius:14px;padding:8px}
  .stats-strip>div{min-height:70px;padding:13px 10px}
  .stats-strip b{font-size:22px}
  .stats-strip small{font-size:11px}
  .bottom-grid{gap:13px;margin-top:16px}
  .home-gallery{gap:8px}
  .gallery-item{height:150px;border-radius:10px}
  .video-frame{border-radius:11px}
  .welcome-panel{min-height:200px}
  .welcome-panel h2{font-size:23px}
}
@media(max-width:380px){
  .home-hero,.hero-inner{min-height:405px}
  .hero-copy{padding-top:46px}
  .hero-copy h1{font-size:31px}
  .quick-item{min-height:88px}
  .quick-title{font-size:12px}
  .quick-item small{font-size:10px}
  .gallery-item{height:135px}
}

/* Popup image-only hardening: keep the uploaded image visible above the backdrop. */
.site-popup-card-image-only{position:relative!important;z-index:100001!important;width:auto!important;max-width:92vw!important;max-height:88vh!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:0 28px 80px rgba(0,0,0,.35)!important;overflow:visible!important}
.site-popup-card-image-only .site-popup-image-only{display:block!important;visibility:visible!important;opacity:1!important;width:auto!important;height:auto!important;max-width:92vw!important;max-height:88vh!important;object-fit:contain!important;border-radius:24px}
@media(max-width:600px){.site-popup-card-image-only .site-popup-image-only{max-width:94vw!important;max-height:88vh!important;border-radius:18px}}
/* ===== Phase 3.1.2 — Homepage Mobile Audit ===== */
@media(max-width:760px){
  .home-main.container{width:min(100% - 28px,1180px)}
  .hero-copy{max-width:100%}
  .hero-actions{flex-wrap:wrap}
  .hero-actions .btn,.home-btn{min-height:42px}
  .quick-grid{overflow:hidden}
  .home-panel{min-width:0}
  .news-row,.announce-list>a,.simple-list>a{min-width:0}
  .news-row>div:last-child,.announce-list>a>div,.simple-list>a>div{min-width:0}
  .news-row b,.announce-list b,.simple-list b{display:block;overflow-wrap:anywhere}
  .feature-card{min-width:0}
  .feature-card span{min-width:0}
  .feature-card small{display:block;overflow-wrap:anywhere}
  .stats-strip{overflow:hidden}
  .gallery-item span{overflow-wrap:anywhere}
}

@media(max-width:480px){
  .home-main.container{width:calc(100% - 24px)}
  .hero-copy h1{max-width:100%;font-size:32px}
  .hero-copy p{max-width:100%}
  .hero-actions{gap:8px}
  .home-btn{padding:9px 14px}
  .quick-grid{grid-template-columns:1fr 1fr}
  .feature-card{padding:12px 10px}
  .feature-card strong{font-size:21px;min-width:30px}
  .feature-card span{font-size:13px}
  .feature-card small{font-size:10px}
  .news-row{grid-template-columns:68px minmax(0,1fr)}
  .news-thumb{width:68px;height:56px}
  .section-head{gap:8px}
  .section-head>a{flex:none}
}


/* ===== Phase 3.1.3 — Homepage Visual Hierarchy ===== */
/* Keep the existing content/order; strengthen only spacing, grouping and visual priority. */
.home-main{padding-top:38px}
.home-news-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,.88fr) minmax(250px,.64fr);gap:18px}
.home-news-grid .news-panel{border-top:3px solid #0873b6}
.home-news-grid .announce-panel{border-top:3px solid #0b8d89}
.home-news-grid .section-head{margin-bottom:15px}
.home-news-grid .section-head h2{font-size:25px}
.feature-strip{gap:12px;margin:24px 0}
.feature-card{min-height:112px;border-radius:17px}
.feature-card.ita{border-color:#cfe9e4}
.feature-card.procurement{border-color:#f0dfbd}
.feature-card.downloads{border-color:#d4e6f3}
.feature-card.organization{border-color:#d7e1ef}
.latest-grid{gap:18px;margin:24px 0}
.latest-grid .home-panel{border-top:2px solid #d7e7f2}
.stats-strip{margin-top:24px}
.bottom-grid{gap:18px;margin-top:24px}

@media(max-width:1100px){
  .home-news-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .leader-card{grid-column:1/-1}
}

@media(max-width:760px){
  .home-main{padding-top:24px}
  .home-news-grid{gap:14px}
  .home-news-grid .news-panel,.home-news-grid .announce-panel{border-top-width:2px}
  .home-news-grid .section-head h2{font-size:22px}
  .feature-strip{gap:10px;margin:17px 0}
  .feature-card{min-height:92px}
  .latest-grid{gap:14px;margin:17px 0}
  .stats-strip{margin-top:17px}
  .bottom-grid{gap:14px;margin-top:17px}
}

/* ===== Phase 3.1.4 — Homepage Typography ===== */
.hero-kicker,.mini-kicker{line-height:1.4}
.hero-copy h1{font-weight:600;letter-spacing:-.35px;line-height:1.1;text-wrap:balance}
.hero-copy p{line-height:1.75}
.home-btn{font-family:Kanit,sans-serif;font-weight:500;line-height:1.35}
.hero-building strong{font-weight:500;line-height:1.4}
.quick-title{font-weight:500;line-height:1.4}
.quick-item small{font-family:Sarabun,sans-serif;line-height:1.45}
.section-head h2{font-weight:500;letter-spacing:-.1px}
.section-head a{font-family:Kanit,sans-serif;font-weight:500}
.news-row b,.announce-list b,.simple-list b{font-family:Kanit,sans-serif;font-weight:500;line-height:1.45}
.news-row small,.announce-list small,.simple-list small{font-family:Sarabun,sans-serif;line-height:1.4}
.news-row p{line-height:1.55}
.feature-card span{font-weight:500;line-height:1.4}
.feature-card small{line-height:1.45}
.stats-strip b{font-weight:600;line-height:1.15}
.stats-strip small{line-height:1.45}
.welcome-panel h2{font-weight:500;line-height:1.25;letter-spacing:-.15px}
.welcome-panel p{line-height:1.78}
.gallery-item span{line-height:1.45}
@media(max-width:760px){
  .hero-copy h1{letter-spacing:-.15px}
  .hero-copy p{font-size:17px;line-height:1.72}
  .section-head h2{line-height:1.3}
}

/* ===== Phase 3.1.5 — Consistent UI Icons ===== */
.quick-icon{display:grid;place-items:center}
.feature-card strong{font-size:0;min-width:42px;height:42px;display:grid;place-items:center}
.feature-card strong::before{content:"";display:block;width:30px;height:30px;background:center/contain no-repeat}
.feature-card.procurement strong::before{background-image:url('/icons/cart.svg')}
.feature-card.downloads strong::before{background-image:url('/icons/folder.svg')}
.feature-card.organization strong::before{background-image:url('/icons/building.svg')}

.latest-grid .home-panel:first-child .list-icon,
.latest-grid .home-panel:nth-child(2) .list-icon,
.doc-icon{font-size:0}
.latest-grid .home-panel:first-child .list-icon::before,
.latest-grid .home-panel:nth-child(2) .list-icon::before,
.doc-icon::before{content:"";display:block;width:21px;height:21px;background:center/contain no-repeat}
.latest-grid .home-panel:first-child .list-icon::before{background-image:url('/icons/cart.svg')}
.latest-grid .home-panel:nth-child(2) .list-icon::before,
.doc-icon::before{background-image:url('/icons/file.svg')}

.stats-strip .stat-icon{font-size:0;width:36px;height:36px;display:grid;place-items:center}
.stats-strip .stat-icon::before{content:"";display:block;width:31px;height:31px;background:center/contain no-repeat}
.stats-strip>div:nth-child(1) .stat-icon::before{background-image:url('/icons/users.svg')}
.stats-strip>div:nth-child(2) .stat-icon::before{background-image:url('/icons/home.svg')}
.stats-strip>div:nth-child(3) .stat-icon::before{background-image:url('/icons/building.svg')}
.stats-strip>div:nth-child(4) .stat-icon::before{background-image:url('/icons/chart.svg')}

a.gallery-placeholder span{font-size:0;width:38px;height:38px;display:grid;place-items:center}
.gallery-placeholder span::before{content:"";display:block;width:34px;height:34px;background:url('/icons/camera.svg') center/contain no-repeat}

@media(max-width:600px){
  .feature-card strong{min-width:34px;width:34px;height:34px}
  .feature-card strong::before{width:25px;height:25px}
  .stats-strip .stat-icon{width:32px;height:32px}
  .stats-strip .stat-icon::before{width:28px;height:28px}
}

/* ===== Phase 3.2 — Design System / Homepage ===== */
.home-panel,.quick-wrap,.feature-card,.stats-strip,.welcome-panel{
  border-color:var(--ds-line,#dce8f1);
  box-shadow:var(--ds-shadow-sm,0 4px 14px rgba(23,77,115,.05));
}
.home-panel,.feature-card,.welcome-panel{border-radius:var(--ds-radius-lg,18px)}
.quick-wrap{border-radius:var(--ds-radius-lg,18px)}
.quick-item:hover,.feature-card:hover,.gallery-item:hover{transform:translateY(-3px);box-shadow:var(--ds-shadow-md,0 10px 28px rgba(23,77,115,.08))}
.quick-title,.feature-card span,.welcome-panel h2{color:var(--ds-text,#16365f)}
.news-row,.announce-list>a,.simple-list>a{border-color:var(--ds-line-soft,#e8eef3)}
.stats-strip{border-radius:var(--ds-radius-lg,18px)}
.home-panel .section-head a{color:var(--ds-primary,#1263a0)}

/* ===== Phase 3.3 — Homepage Visual Polish ===== */
.home-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.82),transparent 28%),radial-gradient(circle at 12% 82%,rgba(11,141,137,.10),transparent 30%);z-index:1}
.hero-slide{isolation:isolate}
.hero-copy{position:relative;z-index:3}
.hero-copy h1{max-width:760px;text-shadow:0 2px 18px rgba(255,255,255,.35)}
.hero-copy p{max-width:610px}
.hero-building{position:relative;overflow:hidden}
.hero-building::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.55);top:-90px;right:-65px;pointer-events:none}
.hero-building::after{content:"";position:absolute;left:24px;right:24px;bottom:16px;height:4px;border-radius:99px;background:linear-gradient(90deg,transparent,#e59a34,transparent);opacity:.65}
.hero-building>*{position:relative;z-index:1}
.quick-grid{backdrop-filter:blur(8px)}
.quick-item{transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.quick-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#f4fbfa);border:1px solid #dcebf2;box-shadow:0 5px 14px rgba(18,76,110,.06);font-size:28px}
.quick-item:hover .quick-icon{border-color:#bcdcea;box-shadow:0 8px 18px rgba(18,76,110,.09)}
.home-news-grid .home-panel{overflow:hidden}
.home-news-grid .home-panel .section-head{position:relative;padding-bottom:10px}
.home-news-grid .home-panel .section-head::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:99px;background:var(--home-gold,#e59a34)}
.home-news-grid .announce-panel .section-head::after{background:var(--home-teal,#0b8d89)}
.news-row,.announce-list>a,.simple-list>a{transition:background .18s ease,transform .18s ease,padding-left .18s ease}
.news-row:hover,.announce-list>a:hover,.simple-list>a:hover{background:#f8fbfd;padding-left:5px}
.news-thumb{box-shadow:inset 0 0 0 1px rgba(18,76,110,.05)}
.feature-card{position:relative;overflow:hidden}
.feature-card::before{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;top:-42px;background:rgba(255,255,255,.52);pointer-events:none}
.feature-card>*{position:relative;z-index:1}
.feature-card.ita{border-color:#ccebe5}
.feature-card.procurement{border-color:#f0dfbd}
.feature-card.downloads{border-color:#d3e6f3}
.feature-card.organization{border-color:#d6e1f0}
.latest-grid .home-panel{overflow:hidden}
.latest-grid .home-panel .section-head,.bottom-grid .home-panel .section-head{position:relative;padding-bottom:9px}
.latest-grid .home-panel .section-head::after,.bottom-grid .home-panel .section-head::after{content:"";position:absolute;left:0;bottom:0;width:42px;height:2px;border-radius:99px;background:#cbdfea}
.stats-strip{overflow:hidden;background:linear-gradient(110deg,#084b76,#0a648f 58%,#0b7e7a);border-color:rgba(255,255,255,.12);box-shadow:0 14px 34px rgba(8,67,103,.16)}
.stats-strip>div{border-color:rgba(255,255,255,.18)}
.stats-strip b{color:#fff}
.stats-strip small{color:rgba(255,255,255,.82)}
.stats-strip .stat-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.stats-strip .stat-icon::before{filter:brightness(0) saturate(100%) invert(79%) sepia(31%) saturate(1054%) hue-rotate(164deg) brightness(103%) contrast(101%)}
.motto-stat b{color:#fff}
.gallery-item{box-shadow:inset 0 0 0 1px rgba(18,76,110,.05)}
.gallery-placeholder{border:1px dashed #c8dce7}
.welcome-panel{border-left:4px solid var(--home-gold,#e59a34)}
@media(max-width:760px){
  .quick-icon{width:42px;height:42px;border-radius:13px;font-size:24px}
  .home-news-grid .home-panel .section-head::after{width:38px}
  .feature-card::before{width:90px;height:90px}
}
@media(prefers-reduced-motion:reduce){
  .home-hero *,.quick-item,.feature-card,.news-row,.announce-list>a,.simple-list>a,.gallery-item img,.home-btn{transition:none!important;animation:none!important}
}

/* ===== Phase 3.3.1 — Homepage Detail Polish ===== */
/* Micro-polish only: spacing, focus states, hierarchy and responsive details. No data/route changes. */
.home-main > section + section{margin-top:2px}
.home-panel,.leader-card{overflow:hidden}
.section-head>div{min-width:0}
.section-head h2{overflow-wrap:anywhere}
.section-head>a{display:inline-flex;align-items:center;gap:3px;padding:4px 6px;border-radius:8px;transition:background .18s ease,color .18s ease}
.section-head>a:hover{background:#edf7fc;color:#075b91}
.quick-item:focus-visible,.feature-card:focus-visible,.news-row:focus-visible,.announce-list>a:focus-visible,.simple-list>a:focus-visible,.gallery-item:focus-visible,.home-btn:focus-visible,.section-head>a:focus-visible,.hero-arrow:focus-visible,.hero-dot:focus-visible{outline:3px solid rgba(240,162,58,.72);outline-offset:3px}
.quick-item{isolation:isolate}
.quick-item::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 -3px 0 rgba(18,99,160,.06);opacity:0;transition:opacity .18s ease}
.quick-item:hover::after{opacity:1}
.news-row,.announce-list>a,.simple-list>a{border-radius:10px}
.news-row{margin:0 -5px;padding-left:5px;padding-right:5px}
.news-row:hover,.announce-list>a:hover,.simple-list>a:hover{padding-left:10px}
.news-thumb{position:relative}
.news-thumb::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.leader-card{position:relative;background:linear-gradient(145deg,#fff,#f7fbfe)}
.leader-card::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#0873b6,#0b8d89,#e59a34)}
.leader-photo{position:relative;overflow:hidden}
.leader-photo img{transition:transform .35s ease}
.leader-card:hover .leader-photo img{transform:scale(1.025)}
.leader-info>a{display:inline-flex;align-items:center;gap:4px;border-radius:8px;transition:background .18s ease;padding:5px 7px;margin-left:-7px}
.leader-info>a:hover{background:#edf7fc}
.feature-card i{transition:transform .18s ease}
.feature-card:hover i{transform:translateX(3px)}
.latest-grid .home-panel,.bottom-grid .home-panel{min-width:0}
.simple-list b,.announce-list b,.news-row b{overflow-wrap:anywhere}
.stats-strip>div{min-width:0}
.stats-strip small{overflow-wrap:anywhere}
.gallery-item{transition:transform .2s ease,box-shadow .2s ease}
.gallery-item span{max-height:58px;overflow:hidden}
.video-frame{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.welcome-panel .home-btn{align-self:flex-start}

@media(max-width:1100px){
  .home-news-grid .leader-card{margin-top:0}
  .leader-info{padding:22px}
}

@media(max-width:760px){
  .section-head{align-items:center}
  .section-head>a{font-size:12px;padding:5px 7px}
  .news-row,.announce-list>a,.simple-list>a{margin:0 -3px;padding-left:3px;padding-right:3px}
  .news-row:hover,.announce-list>a:hover,.simple-list>a:hover{padding-left:7px}
  .leader-info{padding:18px}
  .stats-strip>div{min-height:82px}
  .gallery-item span{font-size:10px;padding:18px 8px 7px}
  .welcome-panel .home-btn{align-self:stretch;justify-content:center}
}

@media(max-width:480px){
  .quick-item{min-height:116px;padding:15px 8px}
  .quick-title{font-size:14px}
  .quick-item small{font-size:11px}
  .stats-strip{padding:8px}
  .stats-strip>div{padding:14px 11px;column-gap:9px}
  .stats-strip b{font-size:22px}
  .motto-stat b{font-size:15px}
  .gallery-item{height:125px}
}

/* ===== PHASE 3.6 — HOMEPAGE RESPONSIVE POLISH ===== */
@media (max-width: 900px){
  .home-news-grid{grid-template-columns:1fr 1fr}.home-news-grid .leader-panel{grid-column:1/-1}
  .latest-grid{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr 1fr}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 760px){
  .home-main{padding-left:0;padding-right:0}
  .home-hero{border-radius:0 0 22px 22px}.hero-copy{padding-right:4%;padding-left:4%}.hero-building{margin:0 4%}
  .quick-grid{grid-template-columns:repeat(3,1fr);margin-left:4%;margin-right:4%}.quick-item{min-width:0}
  .home-news-grid,.latest-grid,.bottom-grid{grid-template-columns:1fr}.home-news-grid .leader-panel{grid-column:auto}
  .feature-strip{grid-template-columns:repeat(2,1fr)}
  .stats-strip{grid-template-columns:repeat(2,1fr);margin-left:4%;margin-right:4%;border-radius:18px}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .home-panel{border-radius:16px}
}
@media (max-width: 480px){
  .home-hero{border-radius:0 0 18px 18px}.hero-copy h1{font-size:31px}.hero-copy p{font-size:15px}
  .quick-grid{grid-template-columns:repeat(2,1fr);margin-top:-12px}.quick-item{padding:14px 8px}.quick-icon{width:44px;height:44px;border-radius:13px;font-size:25px}
  .feature-strip{grid-template-columns:1fr}.feature-card{min-height:100px}
  .stats-strip{grid-template-columns:1fr;margin-left:3%;margin-right:3%}.stats-strip>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)}.stats-strip>div:last-child{border-bottom:0}
  .gallery-grid{grid-template-columns:1fr}.gallery-item{min-height:170px}
}

/* ===== Phase 3.7 — Final Homepage Polish ===== */
.home-main{min-width:0}
.home-hero,.quick-grid,.home-news-grid,.feature-strip,.latest-grid,.bottom-grid,.stats-strip{min-width:0}
.home-hero img,.gallery-item img,.news-thumb img,.hero-building img{display:block;max-width:100%}
.home-panel,.feature-card,.quick-item,.news-row,.announce-list>a,.simple-list>a{min-width:0}
.home-panel a,.feature-card,.quick-item,.news-row,.announce-list>a,.simple-list>a{overflow-wrap:anywhere}
.section-head a,.home-panel .section-head a{white-space:nowrap}
.feature-card:focus-visible,.quick-item:focus-visible,.gallery-item:focus-visible,.news-row:focus-visible,.announce-list>a:focus-visible,.simple-list>a:focus-visible{outline:3px solid rgba(18,99,160,.22);outline-offset:3px}
.hero-copy h1,.hero-copy p{overflow-wrap:anywhere}
.stats-strip>div{min-width:0}
.stats-strip b,.stats-strip small{overflow-wrap:anywhere}
.gallery-item,.video-card{min-width:0}
@media(max-width:760px){
  .section-head{gap:10px}
  .section-head a,.home-panel .section-head a{white-space:normal}
}
@media(max-width:480px){
  .home-panel{border-radius:15px}
  .feature-card{border-radius:15px}
  .quick-icon{width:44px;height:44px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){
  .quick-item,.feature-card,.news-row,.announce-list>a,.simple-list>a,.gallery-item{transition:none!important}
}

/* ===== PHASE 3.10 — Government Website Links ===== */
.website-links-section{margin-top:24px}
.website-links-panel{padding:22px 22px 24px;background:linear-gradient(145deg,#ffffff 0%,#fbfdff 68%,#f5fbfd 100%);border:1px solid var(--home-line);border-radius:18px;box-shadow:0 10px 30px rgba(16,67,100,.055);overflow:hidden}
.website-links-head{align-items:center;margin-bottom:17px;padding-bottom:11px;position:relative}
.website-links-head::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:2px;border-radius:99px;background:linear-gradient(90deg,#1263a0,#0b8d89)}
.website-links-head h2{margin-top:4px}
.website-links-count{display:inline-flex;align-items:center;justify-content:center;padding:6px 11px;border:1px solid #d8e7ef;border-radius:999px;background:#f7fbfe;color:#567489;font:500 12px/1 Kanit,sans-serif;white-space:nowrap}
.website-links-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.website-link-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:164px;padding:12px 9px 11px;background:#fff;border:1px solid #dce8f0;border-radius:14px;color:#173f62;box-shadow:0 5px 16px rgba(23,77,115,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}
.website-link-card:hover{transform:translateY(-4px);border-color:#bcd9e9;background:linear-gradient(180deg,#fff,#f8fcff);box-shadow:0 13px 27px rgba(23,77,115,.105)}
.website-link-card:focus-visible{outline:3px solid rgba(18,99,160,.2);outline-offset:3px}
.website-link-logo{width:100%;height:82px;display:grid;place-items:center;border-radius:10px;background:#f8fbfd;overflow:hidden;margin-bottom:9px}
.website-link-logo img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;padding:7px;box-sizing:border-box}
.website-link-fallback{font-size:34px;line-height:1;filter:saturate(.72)}
.website-link-copy{display:block;width:100%;min-width:0;text-align:center}
.website-link-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:600 13px/1.35 Kanit,sans-serif;color:#17466b;overflow-wrap:anywhere}
.website-link-copy small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;color:#72899a;font:400 10.5px/1.35 Sarabun,sans-serif;overflow-wrap:anywhere}
.website-link-arrow{position:absolute;right:8px;top:8px;width:21px;height:21px;display:grid;place-items:center;border-radius:7px;background:#edf7fc;color:#0b72b1;font:600 13px/1 Sarabun,sans-serif;opacity:0;transform:translate(-2px,2px);transition:opacity .18s ease,transform .18s ease}
.website-link-card:hover .website-link-arrow,.website-link-card:focus-visible .website-link-arrow{opacity:1;transform:none}
@media(max-width:1150px){.website-links-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:900px){.website-links-section{margin-top:20px}.website-links-panel{padding:19px}.website-links-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.website-link-card{min-height:158px}}
@media(max-width:600px){.website-links-panel{padding:16px}.website-links-head{align-items:flex-end}.website-links-count{padding:5px 9px;font-size:11px}.website-links-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.website-link-card{min-height:148px;padding:9px 7px}.website-link-logo{height:72px;margin-bottom:7px}.website-link-copy strong{font-size:12px}.website-link-copy small{font-size:10px}.website-link-arrow{display:none}}
@media(max-width:420px){.website-links-head{align-items:flex-start;flex-direction:column;gap:8px}.website-links-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.website-link-card{min-height:157px}.website-link-logo{height:82px}.website-link-copy strong{font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.website-link-card,.website-link-arrow{transition:none}}


/* ===== Patch 8 — Homepage Motion & Micro-interaction Polish ===== */
/* Subtle motion only: public-service UI should feel responsive, not distracting. */
.reveal{will-change:opacity,transform}
.reveal.visible{transition-delay:var(--reveal-delay,0ms)}
.quick-item .quick-icon img{transition:transform .22s ease}
.quick-item:hover .quick-icon img,.quick-item:focus-visible .quick-icon img{transform:scale(1.06)}
.feature-card i{will-change:transform}
.feature-card:hover i,.feature-card:focus-visible i{transform:translateX(4px)}
.gallery-item img{transition:transform .45s ease,filter .45s ease}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.025);filter:saturate(1.04)}
.hero-arrow,.hero-dot{transition:background .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease}
.hero-arrow:focus-visible{box-shadow:0 0 0 4px rgba(229,154,52,.22)}

/* A small, unobtrusive back-to-top control. */
.home-backtop{position:fixed;right:22px;bottom:22px;z-index:40;width:44px;height:44px;border:1px solid #cfe1ec;border-radius:50%;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);color:#075b91;box-shadow:0 8px 24px rgba(15,67,100,.14);display:grid;place-items:center;font-size:20px;line-height:1;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease,background .2s ease}
.home-backtop.is-visible{opacity:1;visibility:visible;transform:none}
.home-backtop:hover{background:#fff;transform:translateY(-2px)}
.home-backtop:focus-visible{outline:3px solid rgba(240,162,58,.72);outline-offset:3px}
@media(max-width:600px){.home-backtop{right:14px;bottom:14px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){
  .reveal{will-change:auto}
  .quick-item .quick-icon img,.gallery-item img,.feature-card i,.home-backtop{transition:none!important}
  .home-backtop{transform:none}
}


/* ===== Patch 8.1 — Homepage UX Upgrade ===== */
/* Stronger but restrained visual feedback: clear hierarchy, richer hero motion, and app-like quick links. */
.hero-slide.is-active .hero-bg{animation:heroKenBurns 8s ease-out both}
.hero-slide.is-active .hero-copy-animated{animation:heroCopyIn .65s cubic-bezier(.2,.75,.25,1) both}
.hero-slide.is-active .hero-building{animation:heroBuildingIn .75s cubic-bezier(.2,.75,.25,1) .08s both}
@keyframes heroKenBurns{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes heroCopyIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes heroBuildingIn{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:none}}

/* Make the quick-link area read as an application launcher. */
.quick-wrap{box-shadow:0 16px 42px rgba(20,76,108,.10)}
.quick-item{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.quick-item::after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:3px;border-radius:99px;background:linear-gradient(90deg,#1263a0,#0b8d89);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}
.quick-item:hover,.quick-item:focus-visible{transform:translateY(-5px);border-color:#c1dce9;background:linear-gradient(180deg,#fff 0%,#f5fbff 100%);box-shadow:0 14px 30px rgba(23,77,115,.12)}
.quick-item:hover::after,.quick-item:focus-visible::after{transform:scaleX(1)}
.quick-icon{width:52px;height:52px;border-radius:16px;background:#f3f9fc;border:1px solid #e0edf3;box-shadow:0 5px 14px rgba(23,77,115,.05);transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.quick-item:hover .quick-icon,.quick-item:focus-visible .quick-icon{transform:translateY(-2px) scale(1.035);background:#fff;box-shadow:0 9px 20px rgba(23,77,115,.10)}
.quick-icon img{max-width:34px;max-height:34px}

/* Give section headings a recognizable Nongkham visual signature. */
.section-head{position:relative}
.section-head::after{content:"";position:absolute;left:0;bottom:-8px;width:58px;height:3px;border-radius:99px;background:linear-gradient(90deg,#1263a0,#0b8d89,#e5a13a)}
.section-head a{transition:transform .18s ease,color .18s ease}
.section-head a:hover{transform:translateX(3px);color:#075b91}

/* Gallery / feature interaction is more obvious without becoming flashy. */
.feature-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease}
.feature-card:hover,.feature-card:focus-visible{transform:translateY(-5px);box-shadow:0 16px 34px rgba(23,77,115,.12)}
.gallery-item{transition:transform .25s ease,box-shadow .25s ease}
.gallery-item:hover,.gallery-item:focus-visible{transform:translateY(-4px);box-shadow:0 15px 30px rgba(23,77,115,.13)}

/* Scroll-progress back-to-top button. */
.home-backtop{width:48px;height:48px;padding:3px;background:conic-gradient(#1263a0 calc(var(--scroll-progress,0)*1%),#dceaf1 0);border:0;box-shadow:0 10px 28px rgba(15,67,100,.16)}
.backtop-ring{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.96);color:#075b91;font-size:19px;font-weight:700}
.home-backtop:hover{transform:translateY(-3px)}

@media(prefers-reduced-motion:reduce){
  .hero-slide.is-active .hero-bg,.hero-slide.is-active .hero-copy-animated,.hero-slide.is-active .hero-building{animation:none!important}
  .quick-item,.quick-item::after,.quick-icon,.feature-card,.gallery-item,.section-head a{transition:none!important}
}