:root{--gold:#efa900;--navy:#29384d;--ink:#252525;--soft:#eceff3;--dark:#242424}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"K2D",sans-serif;color:var(--ink);background:#fff;line-height:1.48}a{color:inherit}.container{width:82.5%;max-width:1170px;margin:auto}.site-header{height:100px;background:#fff;display:flex;align-items:center}.header-inner{width:82.5%;max-width:1170px;margin:auto}.brand{text-decoration:none;display:inline-flex;flex-direction:column;line-height:1.05}.brand b{color:var(--gold);font-size:30px;font-weight:500}.brand small{color:#999;font-size:14px}.hero-photo{height:370px;background:url('../img/IMG_2236-1-scaled.jpg') center 48%/cover no-repeat}.feature-overlap{margin-top:-97px;position:relative;z-index:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-bottom:54px}.feature-card{height:190px;background:#fff;display:grid;place-items:center;text-align:center;padding:22px;box-shadow:0 8px 22px #1f253318}.feature-card:nth-child(2){height:228px;margin-top:-38px;box-shadow:0 12px 30px #1f253325}.feature-icon{font-size:27px}.feature-card b{display:block;color:var(--navy);margin-top:12px;font-size:14px}.intro{padding:38px 0 66px}.intro-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:56px;align-items:center}.intro-actions{display:flex;gap:24px;align-items:center}.yellow-btn{background:var(--gold);color:#fff;padding:15px 27px;text-decoration:none;font-size:12px;font-weight:600;box-shadow:0 9px 22px #eca9003b}.white-btn{background:#fff;padding:15px 24px;box-shadow:0 9px 24px #1f253317;text-decoration:none;font-size:11px}.book{font-size:27px;color:var(--gold)}.kicker{font-size:14px;color:var(--gold);display:flex;align-items:center;gap:10px}.kicker:before{content:"";width:25px;height:1px;background:var(--gold)}.intro h1{color:var(--navy);font-size:21px;margin:7px 0 10px}.intro p{font-size:10px;color:#666;margin:0}.intro p a{color:var(--gold)}.section{padding:70px 0 74px}.section-title{text-align:center;color:var(--navy);font-size:25px;margin:0 0 48px}.publications{background:var(--soft)}.publication-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.publication{background:#fff;min-height:298px;padding:0 23px 22px}.publication-top{height:102px;display:flex;align-items:center;gap:14px}.publication img{width:150px;height:100px;object-fit:cover}.pub-num{font-size:48px;font-weight:300;color:transparent;-webkit-text-stroke:1px #f2c55b}.publication p{font-size:9px;color:#555;margin:0;line-height:1.48}.publication a{color:var(--gold);text-decoration:none}.knowledge{padding:70px 0 86px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.title-row .section-title{text-align:left;margin:6px 0 0}.more{background:var(--gold);color:#fff;padding:9px 19px;text-decoration:none;font-size:10px}.tribe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tribe{background:#eef0f3;text-align:center}.tribe-img{height:304px;background:var(--gold);overflow:hidden}.tribe img{width:100%;height:100%;object-fit:cover}.tribe-copy{padding:13px 7px 17px;color:var(--navy)}.tribe-copy b{display:block;font-size:12px}.tribe-copy small{font-size:9px}.mini-link{display:grid;place-items:center;background:var(--gold);color:#fff;text-decoration:none;width:21px;height:21px;margin:-7px auto 0;font-size:9px}.project-band{min-height:385px;padding:70px 0;background:var(--dark);color:#fff;display:flex;align-items:center}.project-line{display:grid;grid-template-columns:1.15fr .85fr;gap:58px;align-items:center}.project-text h2{font-size:25px;line-height:1.04;margin:15px 0 19px}.project-shot{position:relative;text-align:center}.project-shot:before{content:"";position:absolute;width:175px;height:175px;background:#6a5d2a55;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.project-shot img{width:100%;max-width:380px;position:relative;z-index:1}.map-section{padding:68px 0 76px}.map-section .section-title{font-size:22px;margin:7px 0 36px}.fake-map{height:455px;position:relative;overflow:hidden;border-left:31px solid #d78600;background-color:#f6f2e7;background-image:linear-gradient(28deg,transparent 48%,#d8d3c8 49%,transparent 51%),linear-gradient(152deg,transparent 48%,#e0ddd2 49%,transparent 51%),repeating-linear-gradient(75deg,transparent 0 45px,#e6e1d7 46px,transparent 47px 90px)}.fake-map:before{content:"";position:absolute;left:0;bottom:0;width:28%;height:65%;background:#dcead7;clip-path:polygon(0 0,65% 10%,75% 45%,100% 100%,0 100%)}.marker{position:absolute;width:15px;height:15px;border-radius:50%;border:3px solid #fff}.marker.one{background:#ef8d00;left:53%;top:43%}.marker.two{background:#009bd0;left:27%;top:58%}.second .project-line{grid-template-columns:.9fr 1.1fr}.footer{min-height:385px;background:#020202;color:#fff;padding:68px 0 0}.footer-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr;gap:34px}.footer h3{font-size:13px}.footer p,.footer li{font-size:9px;color:#ddd}.footer ul{padding-left:14px}.footer a{color:#fff}.copyright{border-top:1px solid #ffffff10;text-align:center;margin-top:48px;padding:15px;font-size:8px;color:#aaa}.reveal{opacity:0;transform:translateY(15px);transition:.55s}.reveal.show{opacity:1;transform:none}.empty{padding:25px;background:#fff}
@media(max-width:850px){.publication-grid{grid-template-columns:repeat(2,1fr)}.tribe-grid{grid-template-columns:repeat(2,1fr)}.project-line,.second .project-line,.intro-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.container,.header-inner{width:calc(100% - 28px)}.hero-photo{height:270px}.feature-overlap{margin-top:-55px}.feature-card,.feature-card:nth-child(2){height:145px;margin-top:0;padding:10px}.feature-icon{font-size:23px}.feature-card b{font-size:12px}.intro-actions{gap:10px;flex-wrap:wrap}.publication-grid,.tribe-grid,.footer-grid{grid-template-columns:1fr}.publication{min-height:0}.publication p{font-size:11px}.tribe-img{height:490px}.project-text h2{font-size:23px}.section-title{font-size:23px}}

/* ขนาดตัวอักษรตามข้อกำหนด: เนื้อหา 14pt / หัวข้อหลัก 36pt / หัวข้อรอง 24pt */
body{font-size:16px;line-height:1.65}
.brand b{font-size:20px}.brand small{font-size:14px}
.intro p,.publication p,.footer p,.footer li{font-size:16px;line-height:1.7}
.section-title,.intro h1{font-size:36px;line-height:1.25}
.project-text h2{font-size:32px;line-height:1.25}
.feature-card b,.tribe-copy b{font-size:20px;line-height:1.35}
.tribe-copy small{font-size:14px;line-height:1.5}
.yellow-btn,.white-btn,.more{font-size:16px}
.feature-icon,.book{font-size:28px}
.pub-num{font-size:48px}
.mini-link{font-size:14px}
.publication{min-height:300px;padding-bottom:30px}
.publication-top{height:135px}
.feature-card{height:225px}
.feature-card:nth-child(2){height:263px}
.tribe-copy{min-height:110px;display:flex;flex-direction:column;justify-content:center}
.project-band{min-height:450px}
.footer{min-height:440px}
@media(max-width:850px){.publication{min-height:auto}.feature-card b{font-size:18px}.section-title,.intro h1,.map-section .section-title{font-size:32px}.project-text h2{font-size:28px}}
@media(max-width:560px){.feature-card,.feature-card:nth-child(2){height:175px}.feature-card b{font-size:16px}.tribe-copy b{font-size:18px}.section-title,.intro h1,.map-section .section-title{font-size:28px}.project-text h2{font-size:24px}}

/* ยึดการครอปภาพทุกตำแหน่งจากด้านบน เพื่อให้หัวภาพไม่ถูกตัด */
img{object-position:center top}
.hero-photo{background-position: top}
.publication img,.tribe img,.project-shot img{object-position:center top}

.kicker{font-size:14px}
.map-section .section-title{font-size:36px}
.map-visit-wrap{text-align:center;margin-top:28px}
.map-visit-button{display:inline-block;min-width:180px;padding:12px 26px;text-align:center}