:root{font-family:'IBM Plex Sans Thai',sans-serif;color:#292c25;background:#faf9f5;--olive:#77704d;--line:#dddccf}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #126779;outline-offset:5px}a:hover{text-decoration:underline;text-underline-offset:5px}.skip{position:absolute;left:20px;top:-80px;padding:12px;background:white;z-index:9}.skip:focus{top:10px}.eco-header{padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:#fff}.eco-wordmark{font:600 34px/1 sans-serif;letter-spacing:1px;color:var(--olive)}.eco-wordmark small{display:block;font:500 10px/1.8 sans-serif;letter-spacing:1px}.eco-header nav{display:flex;align-items:center;flex-wrap:wrap;gap:28px;font-size:14px}.languages{display:flex;gap:8px}a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}main{max-width:1440px;margin:auto;padding:0 5%}h1,h2,p{margin-top:0}h1{font-family:Prata,Georgia,serif;font-weight:400;font-size:clamp(32px,4.3vw,60px);line-height:1.35;letter-spacing:-.03em}html[lang=th] h1{font-family:'IBM Plex Sans Thai',sans-serif;letter-spacing:-.025em;font-weight:400}h2{font:400 27px/1.4 Prata,Georgia,serif}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--olive);margin-bottom:14px}.directory-intro{padding:56px 0 28px;max-width:780px}.directory-intro h1{margin-bottom:16px}.directory-intro>p:last-child{font-size:18px;line-height:1.8;max-width:680px;color:#626554}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:64px}.project-card{background:#fff;padding:28px;display:flex;flex-direction:column;min-height:270px;transition:background .2s}.project-card:hover{background:#f1f1e8;text-decoration:none}.project-card:first-child{background:#77704d;color:white}.card-top{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin-bottom:26px;opacity:.8}.project-card h2{font-size:26px;overflow-wrap:anywhere;margin-bottom:12px}.project-card p{font-size:16px;line-height:1.8;margin-bottom:22px;color:#626554}.project-card:first-child p{color:#f5f4e9}.read-story{display:flex;justify-content:space-between;font-size:14px;margin-top:auto;padding-top:12px;border-top:1px solid #b7b8a56b}.concept-section{display:grid;grid-template-columns:1fr 2fr;gap:42px;align-items:center;padding:40px 0;border-top:1px solid var(--line)}.concept-section p{font-size:16px;line-height:1.8}.concept-section .eyebrow{font-size:13px}.concept-section h2{font-size:32px}figure{margin:0}figure img{display:block;width:100%;height:auto}figcaption{font-size:13px;color:#626554;line-height:1.7;padding-top:12px}.brand-board{border-block:1px solid var(--line);padding:24px 0;margin-bottom:50px}.brand-board summary{cursor:pointer;font-size:16px}.brand-board img{display:block;width:min(100%,900px);height:auto;margin:22px auto 0}.eco-footer{padding:35px 5%;background:#eeede5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:14px}.eco-footer p{margin:0}.fineprint{flex-basis:100%;max-width:850px;color:#626554;font-size:13px;line-height:1.7}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;padding:28px 0;font-size:14px;color:#686953}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:22px 0 52px}.project-story header{align-self:start}.project-story h1{font-size:clamp(34px,4vw,56px);overflow-wrap:anywhere}.standfirst{font-size:21px;line-height:1.7;color:#77704d}.story-body{font-size:18px;line-height:1.9;padding-top:30px}.story-actions{display:flex;gap:18px;flex-wrap:wrap;font-size:16px}.story-actions a{border-bottom:1px solid #999974;padding:8px 0}.project-story figure{grid-column:1/-1;max-width:1100px;width:100%;margin:auto}.related{padding:30px 0 60px;border-top:1px solid var(--line)}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-links a{border:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;gap:14px;align-items:center;background:white}.back-link{display:inline-block;margin-top:26px;padding:10px 0}@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.concept-section{grid-template-columns:1fr}.eco-header nav{gap:14px}.project-story{grid-template-columns:1fr;gap:14px}.story-body{padding-top:0}.related-links{grid-template-columns:1fr}}@media(max-width:540px){.eco-header{align-items:start;padding:20px 6%;gap:18px}.eco-wordmark{font-size:29px}.eco-header nav{justify-content:flex-end;gap:10px 14px;font-size:14px;max-width:215px}.directory-intro{padding-top:34px}.directory-intro>p:last-child{font-size:16px}.project-grid{grid-template-columns:1fr;margin-bottom:36px}.project-card{min-height:0;padding:24px}.project-card h2{font-size:25px}.card-top{margin-bottom:18px}.project-story{padding-top:8px}.standfirst{font-size:19px}.story-body{font-size:17px}.eco-footer{padding:28px 6%}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}