.wfp-projects,.wfp-single{--wfp-green:#003e36;--wfp-gold:#bb934e;color:#202727;font-family:inherit;box-sizing:border-box}.wfp-projects *,.wfp-single *{box-sizing:border-box}.wfp-projects{max-width:1240px;margin:0 auto;padding:24px 20px 64px}.wfp-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;background:#f5f6f7;border-radius:12px;padding:18px;margin:0 auto 80px;max-width:1120px}.wfp-filters label{flex:1 1 155px;font-size:13px;font-weight:600}.wfp-filters select{display:block;width:100%;margin-top:6px;background:white;color:#26312f;border:1px solid #dce0e5;border-radius:7px;padding:10px;font:inherit;min-height:44px}.wfp-filters button{background:var(--wfp-green);color:white;border:0;border-radius:7px;padding:12px 20px;min-height:44px;cursor:pointer}.wfp-reset{font-size:12px;color:#53596a;padding:12px 0}.wfp-grid{display:grid;grid-template-columns:repeat(var(--wfp-columns,3),minmax(0,1fr));gap:64px 22px}.wfp-card{margin:0;min-width:0}.wfp-card a{display:block;text-decoration:none!important;color:inherit}.wfp-cover{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;transition:filter .2s}.wfp-card a:hover .wfp-cover{filter:brightness(.93)}.wfp-placeholder{display:grid;place-items:center;background:#edf0ec;color:#45665d;letter-spacing:4px}.wfp-card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.wfp-card h3{font-size:15px;line-height:1.55;font-weight:600;margin:0 0 3px}.wfp-card p{font-size:13px;color:#7b807e;margin:0}.wfp-arrow{flex-shrink:0;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--wfp-green);color:var(--wfp-gold)}.wfp-pagination{display:flex;gap:12px;justify-content:center;margin-top:44px}.wfp-pagination a,.wfp-pagination span{padding:8px 13px;border:1px solid #d9dfdb;border-radius:5px}.wfp-empty{padding:40px;text-align:center}.wfp-single{max-width:1400px;margin:0 auto;padding:50px 32px 72px}.wfp-heading{margin-bottom:36px}.wfp-heading p,.wfp-related>p{font-size:12px;letter-spacing:2px;color:var(--wfp-gold);font-weight:600}.wfp-heading h1{font-size:clamp(24px,3vw,38px);line-height:1.5;margin:10px 0}.wfp-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin:0 0 64px}.wfp-specs dt{font-size:12px;letter-spacing:2px;font-weight:600;margin-bottom:12px}.wfp-specs dd{margin:0;font-size:14px;color:#626765;line-height:1.9}.wfp-description{font-size:15px;line-height:1.8;margin-bottom:35px}.wfp-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.wfp-photo{display:block}.wfp-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;display:block}.wfp-related{border-top:1px solid #eceeec;margin-top:64px;padding-top:25px}.wfp-related h2{font-size:24px;margin:8px 0 30px}.wfp-related .wfp-grid{--wfp-columns:4;gap:28px}.wfp-lightbox{position:fixed;inset:0;z-index:999999;background:#000e;display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;padding:35px 8px}.wfp-lightbox img{max-width:100%;max-height:85vh;object-fit:contain;margin:auto}.wfp-lightbox button{color:white;background:#ffffff22;border:0;font-size:28px;cursor:pointer;min-height:48px}.wfp-lightbox .wfp-close{position:absolute;right:15px;top:10px;width:48px}body.wfp-modal-open{overflow:hidden}.wfp-card a:focus-visible,.wfp-photo:focus-visible{outline:3px solid #bb934e;outline-offset:5px}@media(max-width:900px){.wfp-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.wfp-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.wfp-specs{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}.wfp-related .wfp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.wfp-projects{padding:20px 14px 40px}.wfp-filters{gap:10px;margin-bottom:35px;padding:14px}.wfp-filters label{flex-basis:calc(50% - 10px);font-size:11px}.wfp-filters button{flex:1}.wfp-grid{gap:32px 12px}.wfp-cover{border-radius:10px}.wfp-card h3{font-size:13px}.wfp-card p{font-size:11px}.wfp-card-meta{padding-top:10px;align-items:flex-start;gap:5px}.wfp-arrow{width:25px;height:25px;font-size:13px}.wfp-single{padding:24px 0 45px}.wfp-heading{padding:0 18px;margin-bottom:25px}.wfp-heading h1{font-size:22px}.wfp-specs{padding:0 18px;margin-bottom:28px;gap:24px 18px}.wfp-specs>div:last-child{grid-column:1/-1}.wfp-specs dd{font-size:13px}.wfp-description{padding:0 18px;font-size:13px}.wfp-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px}.wfp-photo{flex:0 0 100%;scroll-snap-align:start}.wfp-photo img{aspect-ratio:1;object-fit:cover}.wfp-related{margin-top:28px;padding:22px 12px 0}.wfp-related>p,.wfp-related h2{text-align:center}.wfp-related h2{font-size:22px}.wfp-related .wfp-grid{gap:26px 12px}.wfp-lightbox{grid-template-columns:35px minmax(0,1fr) 35px}}

.wfp-projects,.wfp-projects *,.wfp-single,.wfp-single *,.wfp-lightbox button{font-family:"Kanit",sans-serif!important}

.wfp-projects .wfp-filters button{background:#003e36!important;color:#fff!important;border:1px solid #003e36;transition:background .2s,color .2s}
.wfp-projects .wfp-filters button:hover,.wfp-projects .wfp-filters button:focus-visible{background:#bb934e!important;color:#003e36!important;border-color:#bb934e}
.wfp-projects .wfp-reset{color:#003e36}
.wfp-projects .wfp-reset:hover{color:#9b7435}
.wfp-projects .wfp-filters select:focus-visible{outline:2px solid #bb934e;outline-offset:2px}

.wfp-top-patterns{font-family:"Kanit",sans-serif;max-width:1140px;margin:0 auto;padding:20px 14px;color:#181e1b}
.wfp-top-patterns h2{font-family:"Kanit",sans-serif!important;font-size:24px;font-weight:400;line-height:1.4;margin:0 0 12px}
.wfp-top-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}
.wfp-top-track figure{margin:0;flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start}
.wfp-top-track a{display:block;text-decoration:none!important;color:#777}
.wfp-top-track img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px}
.wfp-top-track figcaption{font-family:"Kanit",sans-serif!important;font-size:12px;line-height:1.5;margin-top:12px;font-weight:400}
.wfp-top-track a:focus-visible{outline:2px solid #bb934e;outline-offset:3px}
@media(max-width:600px){.wfp-top-track{gap:12px}.wfp-top-track figure{flex-basis:calc((100% - 12px)/2)}.wfp-top-patterns h2{font-size:22px}.wfp-top-track figcaption{font-size:11px}}