@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+Thai:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap");.primary{display:inline-block}.card,.primary{text-decoration:none}.card{display:block}.brand img{width:28px;height:28px;margin-right:6px;vertical-align:middle}.card-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.card-art:has(img):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0008)}.card-art span{position:relative;z-index:1}.card-art b{z-index:1}.intro#about{position:relative;width:100%;max-width:none;margin:0;padding:clamp(70px,10vw,140px) clamp(28px,8vw,110px);background:linear-gradient(115deg,#edf1df,#f5f1e9 58%,#e5ece1);overflow:hidden}.intro#about:before{content:"";position:absolute;top:0;left:clamp(28px,8vw,110px);width:58px;height:5px;background:#839449}.intro#about:after{content:"W";position:absolute;right:6%;bottom:-17%;color:#173a31;opacity:.055;font:600 clamp(15rem,30vw,29rem)/1 Georgia,serif}.intro#about h1,.intro#about p{position:relative;z-index:1}.intro#about p{margin:0;color:#637a2e;font:700 11px DM Mono,monospace;letter-spacing:1.8px}.intro#about h1{max-width:760px;margin:18px 0 0;color:#173a31;font:600 clamp(2.6rem,5.4vw,5rem)/1.02 Playfair Display,serif;letter-spacing:-2.7px}.content table{width:100%;margin:2rem 0;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid #d5d8d0;border-radius:10px;background:#fffdf8;box-shadow:0 4px 16px #21362a0d;font-size:14px;line-height:1.55}.content td,.content th{padding:13px 16px;border-bottom:1px solid #e3e5de;text-align:left;vertical-align:top}.content th{background:#173a31;color:#f6f8ed;font:700 12px Noto Sans Thai,sans-serif;letter-spacing:.2px}.content tr:last-child td{border-bottom:0}.content tbody tr:nth-child(2n){background:#f7f8f1}.content tbody tr:hover{background:#edf1df}.content td:first-child{font-weight:600;color:#173a31}@media(max-width:760px){.intro#about{margin:0;padding:72px 28px}.intro#about:before{left:28px}.intro#about h1{letter-spacing:-1.5px}.content{overflow-x:auto}.content table{min-width:620px;margin:1.5rem 0}.content td,.content th{padding:11px 13px}}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pagination button{border:1px solid #c7cec3;background:transparent;padding:9px 14px;color:#173a31;cursor:pointer}.pagination button:disabled{cursor:not-allowed;opacity:.45}.pagination span{color:#63736b;font:12px DM Mono,monospace}.article-page{min-height:100vh;background:#fdfbf5;padding:32px max(22px,15vw) 80px}.back{display:inline-block;color:#18382e;font:700 13px DM Mono,monospace;text-decoration:none}.article-page .reading{position:static;overflow:visible;background:transparent;padding:55px 0 0}.article-page .reading h1{margin:0;font:600 clamp(2.8rem,6vw,5.2rem)/1 Playfair Display,serif;letter-spacing:-2px}.key-facts{margin:34px 0;padding:22px 24px;background:#edf1df;border-left:4px solid #839449}.article-page .reading .key-facts h2{margin:0 0 16px;font:700 14px Noto Sans Thai,sans-serif;letter-spacing:0}.article-page .reading .faq h2,.article-page .reading .related h2{margin:0 0 18px;font:600 1.7rem Playfair Display,serif;letter-spacing:0}.key-facts ul{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.key-facts li{position:relative;display:grid;grid-gap:3px;gap:3px;padding-left:17px;color:#405247;font-size:14px}.key-facts li:before{content:"•";position:absolute;left:0;color:#637a2e;font-size:18px;line-height:1.1}.key-facts strong{color:#173a31}.faq{margin-top:56px;padding-top:30px;border-top:1px solid #d5d8d0}.faq details{border-bottom:1px solid #d5d8d0;padding:15px 0}.faq summary{cursor:pointer;color:#173a31;font-weight:700}.faq p{margin:12px 0 0;color:#53645a;line-height:1.7}.related{margin-top:56px;padding-top:30px;border-top:1px solid #d5d8d0}.related>div{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.related .card{padding:0;border:1px solid #d3d4ca;background:#fffdf8;color:inherit;text-decoration:none}.related .card:hover{background:#fffdf8;transform:translateY(-5px);box-shadow:0 13px 25px #21362a1b}.related a>span{color:#637a2e;font:11px DM Mono,monospace}.related h3{margin:8px 0;font:600 18px/1.25 Playfair Display,serif}.related p{margin:0;color:#66746c;font-size:13px;line-height:1.5}@media(max-width:760px){.article-page{padding:24px}.article-page .reading{padding-top:45px}.related>div{grid-template-columns:1fr}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f1e9;color:#172922;font-family:Noto Sans Thai,sans-serif}button,input{font:inherit}.topbar{height:82px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8d4ca;background:#f5f1e9}.brand{color:#172922;text-decoration:none;font:700 19px/1 DM Mono,monospace;letter-spacing:-1px}.brand i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d5e25a;font:700 17px Georgia,serif;margin-right:6px}.brand span{color:#6b7d36}.navlinks{display:flex;gap:32px}.navlinks a{color:#50625b;text-decoration:none;font-size:14px}.browse,.primary{border:0;cursor:pointer;font-weight:700}.browse{background:none;color:#172922}.browse b,.primary b{font-size:20px;margin-left:7px}.hero{min-height:570px;display:grid;grid-template-columns:1.15fr .85fr;padding:clamp(60px,9vw,130px) clamp(22px,11vw,180px);background:#173a31;color:#fcf9f1;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 16px;color:#a7bd8a;font:11px DM Mono,monospace;letter-spacing:1.8px}.hero h1{margin:0;font:600 clamp(3.4rem,7.5vw,7rem)/.95 Playfair Display,serif;letter-spacing:-4px}.hero h1 em{color:#d5e25a}.lead{max-width:430px;margin:30px 0;color:#c8d4cc;font-size:17px;line-height:1.8}.primary{padding:14px 22px;background:#d5e25a;color:#173a31}.hero-mark{position:relative;display:grid;place-items:center}.hero-mark:before{content:"";position:absolute;width:min(32vw,380px);height:min(32vw,380px);border:1px solid #5e786d;border-radius:50%}.hero-mark span{color:#d5e25a;font:600 clamp(10rem,23vw,18rem)/1 Georgia,serif;opacity:.9}.hero-mark p{position:absolute;bottom:0;right:0;color:#98a99f;font:10px DM Mono,monospace}.intro{padding:110px max(22px,11vw);position:relative}.intro p{margin:0;color:#879184;font:11px DM Mono,monospace;letter-spacing:1.7px}.intro h2{margin:16px 0;font:600 clamp(2.3rem,5vw,4.3rem)/1.05 Playfair Display,serif;letter-spacing:-2px}.intro>span{position:absolute;right:11vw;bottom:120px;color:#63736b;font-size:14px}.library{padding:0 max(22px,7vw) 120px}.library-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #cdd1c9;padding-bottom:22px}.library h2{margin:0;font:600 clamp(2rem,4vw,3rem) Playfair Display,serif}.search{display:flex;gap:9px;align-items:center;background:#fffdf8;border:1px solid #d5d9cf;padding:10px 15px;width:270px}.search span{font-size:23px}.search input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.filters{padding:22px 0;display:flex;gap:9px;overflow:auto}.filters button{white-space:nowrap;padding:7px 16px;border:1px solid #c7cec3;background:transparent;color:#4e6159;cursor:pointer;font-size:13px}.filters button.chosen{background:#173a31;color:white;border-color:#173a31}.cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.card{text-align:left;padding:0;border:1px solid #d3d4ca;background:#fffdf8;color:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 13px 25px #21362a1b}.card-art{height:190px;position:relative;padding:16px;color:#edf3e5;overflow:hidden}.card-art span{font:11px DM Mono,monospace}.card-art b{position:absolute;bottom:16px;left:16px;font-size:11px;letter-spacing:.8px}.card-art i{position:absolute;right:24px;top:20px;font:100px/1 Georgia,serif;opacity:.65}.art-0{background:#284f43}.art-1{background:#a65d44}.art-2{background:#606ca6}.art-3{background:#a38b41}.card-copy{padding:20px}.card-copy p{margin:0 0 9px;color:#7d8b75;font:10px DM Mono,monospace;letter-spacing:1.2px}.card h3{min-height:52px;margin:0;font:600 21px/1.25 Playfair Display,serif}.card-copy>span{display:-webkit-box;margin:12px 0 18px;color:#66746c;font-size:13px;line-height:1.55;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card strong{font-size:12px}.card strong b{font-size:18px;margin-left:6px}.reading{z-index:5;inset:0;overflow:auto;padding:80px max(22px,15vw);animation:appear .25s ease}.close,.reading{position:fixed;background:#fdfbf5}.close{top:28px;right:5vw;width:42px;height:42px;border:1px solid #bdc5ba;border-radius:50%;font-size:28px;cursor:pointer;color:#18382e}.article-meta{display:flex;justify-content:space-between;border-bottom:1px solid #d5d8d0;padding-bottom:15px;color:#63736b;font:11px DM Mono,monospace;letter-spacing:1px}.article-meta p{margin:0}.reading article{max-width:760px;margin:55px auto}.reading h2{margin:0;font:600 clamp(2.8rem,6vw,5.2rem)/1 Playfair Display,serif;letter-spacing:-2px}.article-intro{margin:30px 0;font-size:19px;line-height:1.8;color:#53645a}.content{font-size:16px;line-height:1.95;color:#273c34}.content h1,.content h2,.content h3{font-family:Playfair Display,serif;line-height:1.2;margin:1.8em 0 .6em}.content h1{font-size:2rem}.content h2{font-size:1.7rem;letter-spacing:0}.content h3{font-size:1.35rem}.content img{max-width:100%;height:auto}.content figure{margin:2.2rem 0}.content figcaption{color:#6b786f;font-size:12px}.reading aside{position:fixed;left:4vw;top:48%;display:grid;grid-gap:9px;gap:9px;text-align:center;color:#718178;font:10px DM Mono,monospace}.reading aside button{width:30px;height:30px;border:1px solid #c8cfc5;background:none;cursor:pointer}.empty,.error{padding:25px;color:#a2473c}footer{padding:45px max(22px,7vw);background:#173a31;color:#eaf0e7;display:flex;justify-content:space-between;align-items:center}footer .brand{color:#f4f1e9}footer p,footer>span{color:#b4c5b6;font-size:12px}@keyframes appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:760px){.topbar{height:66px}.navlinks{display:none}.browse{font-size:12px}.hero{display:block;min-height:600px;padding:70px 28px}.hero h1{letter-spacing:-2px}.hero-mark{height:230px;margin-top:20px}.intro{padding:70px 28px}.intro>span{position:static}.library{padding:0 18px 80px}.library-head{display:block}.search{width:100%;margin-top:20px}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:125px 1fr}.card-art{height:auto;min-height:190px}.card-copy{padding:16px}.card h3{min-height:0;font-size:18px}.reading{padding:75px 24px}.reading aside{display:none}footer{display:grid;grid-gap:18px;gap:18px}.hero-mark:before{width:220px;height:220px}}