@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#202d27;--green:#243e35;--muted:#626e67;--line:#dce1dc;--paper:#fbfcf9;--lime:#e4efb7;--soft:#f0f3ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 'Manrope','Noto Sans Thai',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,select,summary{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8d9f41;outline-offset:4px}header{max-width:1440px;margin:auto;height:106px;padding:0 5%;display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:800;letter-spacing:-1.6px;line-height:1}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;font:800 34px/1 'Manrope',sans-serif;width:36px;height:39px;border-radius:6px 6px 0 6px}.brand-country{font-size:9px;letter-spacing:2px;align-self:flex-end;margin:0 0 3px 5px}nav{display:flex;gap:30px;margin-left:auto;font-size:14px}nav a:hover{color:#607848}.header-cta{font-size:14px;font-weight:700;padding:12px 20px;border:1px solid var(--green);border-radius:4px;white-space:nowrap}.header-cta span{margin-left:14px}main{min-height:65vh}.wrap{max-width:1280px;margin:auto;padding:0 34px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:46px;padding-top:58px;padding-bottom:60px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.3px;color:var(--muted);text-transform:uppercase;margin:0 0 19px}.hero h1{font-size:clamp(35px,3.65vw,54px);line-height:1.45;letter-spacing:-1.3px;font-weight:500;margin:0 0 21px}.hero h1 em{font-style:normal;color:#668051}.lead{color:var(--muted);max-width:490px;margin:0 0 31px}.hero-visual{min-height:405px;position:relative;background:var(--soft);overflow:hidden;border-radius:2px}.hero-visual img{height:100%;width:100%;object-fit:cover;position:absolute}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);padding:55px 25px 20px;color:white;font-size:12px;line-height:1.7}.photo-caption strong{font-size:14px;display:block}.searchbox{background:white;border:1px solid var(--line);padding:13px;display:grid;grid-template-columns:1fr 1fr 52px;gap:9px;border-radius:7px;box-shadow:0 8px 25px #223b3007}.searchbox label{font-size:12px;color:var(--muted);padding:0 6px}.searchbox select{display:block;width:100%;border:0;background:transparent;color:var(--ink);font-size:15px;padding:3px 0;max-width:100%}.searchbox button,.solid{background:var(--green);color:white;border:0;border-radius:4px;padding:12px 22px;font-weight:600}.searchbox button{font-size:25px;padding:0}.popular{font-size:13px;color:var(--muted);margin:14px 0 0}.popular a{margin-left:10px;text-decoration:underline;text-underline-offset:4px}.topic-strip{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;gap:0;margin-bottom:60px}.topic-strip a{flex:1;display:flex;gap:14px;align-items:center;justify-content:center;font-size:15px;border-right:1px solid var(--line)}.topic-strip a:last-child{border:0}.topic-strip span{font-size:22px;color:#6b7f5b}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.section-heading h2{font-size:28px;font-weight:500;margin:0;letter-spacing:-.4px}.section-heading p{color:var(--muted);margin:7px 0 0;font-size:14px}.text-link{font-size:14px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.section{padding-bottom:66px}.listing{background:white;border:1px solid var(--line);display:grid;grid-template-columns:170px 1fr 190px;gap:26px;padding:25px;border-radius:6px;align-items:center}.monogram{min-height:157px;display:grid;place-items:center;background:#e8ece5;color:#506149;position:relative;font-size:48px;font-family:Georgia,serif;letter-spacing:5px}.monogram small{position:absolute;bottom:15px;letter-spacing:2px;font:9px 'Manrope',sans-serif}.listing h3{font:600 24px/1.4 'Manrope',sans-serif;margin:4px 0 10px}.location-label{font-size:13px;color:var(--muted)}.listing p{margin:10px 0;color:var(--muted);font-size:14px;max-width:620px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tag{font-size:12px;border:1px solid var(--line);padding:3px 9px;border-radius:3px;line-height:1.6}.listing-action{align-self:center;text-align:right}.outline{display:inline-block;border:1px solid var(--line);border-radius:4px;background:white;padding:11px 18px;font-size:14px}.listing-action small{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.locations{display:grid;grid-template-columns:1fr 1fr;gap:22px}.location-card{background:var(--green);color:white;padding:30px;min-height:195px;position:relative;overflow:hidden}.location-card:nth-child(2){background:#e8eddc;color:var(--ink)}.location-card .area-en{font-size:11px;letter-spacing:2px;opacity:.7}.location-card h3{font-size:30px;font-weight:500;margin:9px 0}.location-card p{font-size:14px;margin:0;opacity:.8}.location-card .corner-arrow{position:absolute;right:27px;bottom:24px;font-size:27px}.location-card:hover .corner-arrow{transform:translate(3px,-3px)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.guide{border:0;border-top:1px solid var(--line);padding:22px 0;background:none;text-align:left;color:var(--ink)}.guide small{font-size:11px;color:var(--muted);letter-spacing:1.5px}.guide h3{font-size:19px;font-weight:500;line-height:1.7;margin:13px 0}.guide span{font-size:13px;text-decoration:underline;text-underline-offset:5px}footer{background:var(--green);color:#f7f9f4;padding:43px max(5%,calc((100% - 1212px)/2)) 20px}footer p{font-size:14px;opacity:.75;margin:20px 0 38px}.footer-line{border-top:1px solid #fff3;padding-top:17px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#c5d2c9}.breadcrumb{font-size:13px;color:var(--muted);padding:30px 0 22px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.page-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:30px}.page-head h1{font-size:35px;line-height:1.5;font-weight:500;margin:0 0 10px}.page-head p{color:var(--muted);margin:0;font-size:15px}.catalog{display:grid;grid-template-columns:235px 1fr;gap:35px;padding-bottom:65px}.filters{background:var(--soft);padding:23px;align-self:start;border-radius:4px}.filters summary{font-size:16px;font-weight:600;margin-bottom:20px;list-style:none;pointer-events:none}.filter-group{border-top:1px solid var(--line);padding:18px 0 6px}.filter-group legend{font-size:14px;font-weight:600;padding:0}.filter-group label{font-size:14px;display:flex;gap:8px;margin:10px 0;align-items:center}.filter-group input{accent-color:var(--green);width:16px;height:16px}.filters select,.filters input[type=search]{width:100%;padding:10px 8px;background:white;border:1px solid var(--line);border-radius:3px;font-size:14px;min-width:0}.filters fieldset{border:0;padding:0;margin:20px 0 0}.filters .reset{margin-top:20px;border:0;background:none;text-decoration:underline;padding:0;color:var(--muted);font-size:14px}.results-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:14px}.results-bar select{border:1px solid var(--line);padding:8px;background:white;border-radius:3px;font-size:14px}.result-count{font-size:15px}.results .listing{grid-template-columns:110px 1fr;gap:22px;padding:23px}.results .monogram{min-height:140px;font-size:36px}.results .listing-action{grid-column:2;text-align:left;display:flex;align-items:center;gap:20px}.results .listing-action small{margin:0}.result-note{font-size:13px;color:var(--muted);margin-top:20px}.empty{padding:60px 30px;background:white;border:1px dashed #cbd4c7;text-align:center;border-radius:6px}.empty .empty-icon{font-size:33px;color:#809076}.empty h2{font-size:23px;font-weight:500}.empty p{color:var(--muted);max-width:490px;margin:0 auto 25px}.empty button{margin-right:10px}.active-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}.active-filters:empty{display:none}.active-chip{border:1px solid #c4d1ba;background:#eff4e9;border-radius:30px;padding:4px 11px;font-size:12px;color:#39523c}.profile-top{display:flex;gap:25px;align-items:center;margin:10px 0 32px}.profile-top .monogram{width:106px;min-height:106px;font-size:35px;flex-shrink:0}.profile-top h1{font-size:38px;font-weight:600;margin:0 0 6px;line-height:1.4}.profile-top p{margin:0;color:var(--muted);font-size:14px}.profile-layout{display:grid;grid-template-columns:1fr 320px;gap:50px;padding-bottom:70px}.profile-section{border-top:1px solid var(--line);padding:28px 0}.profile-section h2{font-size:23px;font-weight:500;margin:0 0 16px}.profile-section p{color:#526056;margin:0 0 15px}.profile-section ul{padding-left:23px;color:#526056}.profile-section li{padding:4px 0}.contact-card{background:var(--soft);padding:26px;border-radius:5px;position:sticky;top:20px;align-self:start}.contact-card h2{font-size:21px;margin:0 0 10px}.contact-card p{font-size:14px;color:var(--muted);margin:0 0 20px}.contact-card a{display:block;text-align:center;margin-bottom:10px}.contact-card .outline{background:transparent}.contact-card small{font-size:12px;display:block;margin-top:18px;color:var(--muted)}.project-card{border:1px solid var(--line);padding:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.project-card h3{font-size:20px;margin:9px 0;font-weight:500}.project-card p{font-size:14px;margin:0}.notice{background:#f5f2e6;border-left:3px solid #9e986c;padding:14px 18px;font-size:14px;color:#64604b}.source-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;text-decoration:underline;text-underline-offset:4px}.skip{position:fixed;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:8px}dialog{border:1px solid var(--line);padding:45px;max-width:680px;width:calc(100% - 34px);max-height:85vh;overflow:auto;color:var(--ink);border-radius:6px}dialog::backdrop{background:#15271cca}.close-dialog{position:absolute;right:15px;top:10px;border:0;background:transparent;font-size:30px}.guide-body h2{font-size:27px;font-weight:500;line-height:1.6}.guide-body li{margin-bottom:16px}.guide-body .eyebrow{margin-top:10px}.hidden{display:none!important}
@media(min-width:1450px){.hero h1{font-size:54px}}@media(max-width:1000px){header{gap:20px;padding:0 30px}.brand-country{display:none}nav{gap:18px}.hero{gap:30px}.hero h1{font-size:39px}.hero-visual{min-height:400px}.listing{grid-template-columns:130px 1fr}.listing-action{grid-column:2;text-align:left}.profile-layout{gap:30px;grid-template-columns:1fr 280px}.catalog{grid-template-columns:210px 1fr;gap:22px}}@media(max-width:720px){header{height:77px;padding:0 20px}.brand{font-size:25px}.brand-mark{width:30px;height:33px;font-size:30px}nav{display:none}.header-cta{margin-left:auto;padding:9px 13px}.wrap{padding:0 20px}.hero{display:flex;flex-direction:column;padding-top:32px;gap:26px;padding-bottom:34px}.hero h1{font-size:36px;letter-spacing:-.8px;line-height:1.5}.hero .lead{font-size:15px;margin-bottom:24px}.hero-visual{min-height:270px;order:2}.eyebrow{font-size:10px;margin-bottom:13px}.searchbox{grid-template-columns:1fr 1fr 46px;gap:3px;padding:9px}.searchbox select{font-size:14px}.popular{font-size:12px}.popular a{margin-left:7px}.topic-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;margin-bottom:35px}.topic-strip a{font-size:14px;justify-content:start;padding-left:5px;border:0;gap:10px}.section{padding-bottom:40px}.section-heading h2{font-size:24px}.section-heading{gap:10px}.section-heading p{font-size:13px}.text-link{font-size:12px}.listing{grid-template-columns:75px 1fr;gap:16px;padding:17px}.monogram{min-height:100px;font-size:30px;letter-spacing:2px}.monogram small{font-size:6px;letter-spacing:1px}.listing h3{font-size:20px}.listing p{font-size:14px}.listing .tags{gap:5px}.listing-action{grid-column:1/-1;text-align:left}.listing-action small{display:none}.listing-action a{display:block;text-align:center}.locations{gap:13px}.location-card{padding:22px 17px;min-height:210px}.location-card h3{font-size:26px}.location-card p{font-size:13px}.location-card .corner-arrow{right:18px;bottom:12px}.guide-grid{grid-template-columns:1fr;gap:0}.guide{padding:20px 0}.guide h3{font-size:18px;margin:7px 0}.guide span{font-size:12px}footer{padding:32px 20px 20px}.footer-line{display:block;font-size:11px}.footer-line span{display:block;margin:5px 0}.breadcrumb{font-size:12px;padding:23px 0 18px}.page-head{padding-bottom:23px;margin-bottom:22px}.page-head h1{font-size:28px}.page-head p{font-size:14px}.catalog{display:block}.filters{padding:17px;margin-bottom:22px}.filters summary{pointer-events:auto;cursor:pointer;margin-bottom:0;display:flex;justify-content:space-between}.filters summary::after{content:'＋'}.filters[open] summary{margin-bottom:17px}.filters[open] summary::after{content:'−'}.filters .filter-body{display:grid;grid-template-columns:1fr 1fr;gap:18px}.filter-group{padding:12px 0}.filters fieldset{margin:0}.results .listing{grid-template-columns:75px 1fr;gap:15px}.results .monogram{min-height:110px;font-size:30px}.results .listing-action{grid-column:1/-1;display:block}.results .listing-action small{display:none}.results-bar{font-size:14px}.result-count{font-size:14px}.empty{padding:37px 20px}.empty h2{font-size:21px}.empty p{font-size:14px}.profile-top{gap:17px;margin:3px 0 25px}.profile-top .monogram{width:78px;min-height:85px;font-size:28px}.profile-top h1{font-size:29px}.profile-top p{font-size:13px}.profile-layout{display:flex;flex-direction:column;gap:25px}.contact-card{position:static;width:100%;order:-1;padding:21px}.contact-card .contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.contact-card a{margin:0}.contact-card .outline:last-child{grid-column:1/-1}.contact-card small{margin-top:13px}.profile-section{padding:24px 0}.profile-section h2{font-size:22px}.project-card{display:block;padding:20px}.project-card .outline{margin-top:18px}.notice{font-size:13px}dialog{padding:33px 24px}.guide-body h2{font-size:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}