/*
Theme Name: BAAN — บ้าน
Author: BAAN Studio
Version: 1.0.0
Description: ธีมความรู้เรื่องบ้านสีขาวเรียบหรู พร้อมกริดบทความ 20 เรื่องต่อหน้า
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: baan
*/
:root{--ink:#202724;--muted:#69716c;--line:#e2e6e2;--paper:#f5f6f3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--ink);font-family:'Noto Sans Thai',Tahoma,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{color:#65745b}img{max-width:100%;height:auto;display:block}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #53664c;outline-offset:5px}.wrap{width:min(1320px,calc(100% - 96px));margin:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{font-family:Georgia,serif;font-size:38px;letter-spacing:7px;line-height:1}.brand small{display:block;font:10px Tahoma,sans-serif;letter-spacing:3px;margin-top:12px}.nav{display:flex;gap:38px;list-style:none;margin:0;padding:0;font-size:14px}.nav .current-menu-item a{border-bottom:1px solid;padding-bottom:8px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 15px}.eyebrow{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}.hero-top{padding:64px 0 42px;display:grid;grid-template-columns:1.65fr 1fr;align-items:end;gap:70px}.hero-top h1{font-size:clamp(38px,4.3vw,64px);line-height:1.4;font-weight:400;letter-spacing:-2px;margin:16px 0 0;max-width:760px}.hero-top p{max-width:330px;color:var(--muted);font-size:15px}.hero-photo{position:relative}.hero-photo>img{width:100%;height:510px;object-fit:cover;object-position:center 57%}.photo-caption{position:absolute;bottom:24px;left:28px;background:white;padding:12px 22px;font-size:13px}.section{padding:74px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px;gap:20px}h2{font-size:30px;font-weight:400;line-height:1.5;margin:8px 0}h3{font-size:19px;line-height:1.65;font-weight:500;margin:12px 0}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 25px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card-image{overflow:hidden;background:var(--paper);display:block;aspect-ratio:4/3}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.035)}.meta{font-size:12px;color:var(--muted);margin-top:18px}.card p{font-size:14px;color:var(--muted);margin:0}.read{display:inline-block;font-size:13px;margin-top:14px}.intro-band{background:var(--paper);padding:50px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:70px}.intro-band p{max-width:490px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:42px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:18px;color:var(--muted);font-size:12px;display:flex;justify-content:space-between}.page-heading{padding:65px 0 40px}.page-heading h1{font-size:52px;font-weight:400;margin:10px 0;line-height:1.4}.page-heading p{color:var(--muted);max-width:650px}.archive-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:36px;color:var(--muted);font-size:13px;display:flex;justify-content:space-between}.pagination{display:flex;justify-content:center;gap:10px;margin:55px 0 75px}.page-numbers{padding:9px 17px;border:1px solid var(--line)}.page-numbers.current{background:var(--ink);color:white}.editorial{max-width:800px;margin:0 auto 80px}.editorial h1{font-size:42px;line-height:1.5;font-weight:400}.editorial p{line-height:2}.single-image img{width:100%;max-height:620px;object-fit:cover;margin:10px 0 45px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:90px}.about-layout img{height:540px;width:100%;object-fit:cover}.contact-panel{padding:40px;background:var(--paper);margin:30px 0 70px}.contact-panel a{text-decoration:underline}.skip-link{position:absolute;left:20px;top:-100px;background:white;padding:10px;z-index:99}.skip-link:focus{top:10px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.nav-links{display:flex;justify-content:space-between;gap:30px}.editorial a{text-decoration:underline}.wp-block-image{margin:28px 0}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-photo>img{height:440px}.nav{gap:22px}.about-layout{gap:35px}.hero-top{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.site-header{height:90px;position:relative}.brand{font-size:30px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:89px;left:-18px;right:-18px;padding:24px;background:white;z-index:5;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.hero-top{padding:38px 0 25px;display:block}.hero-top h1{letter-spacing:-1px}.hero-top p{max-width:100%;margin-top:22px}.hero-photo>img{height:350px}.photo-caption{left:15px;bottom:15px;font-size:12px}.section{padding:45px 0}.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 16px}.card h3{font-size:16px}.card p{display:none}.section-heading h2{font-size:25px}.intro-band{padding:28px;display:block;margin-bottom:40px}.footer-top{align-items:start;flex-direction:column}.footer-bottom{display:block}.page-heading{padding:40px 0 24px}.page-heading h1{font-size:38px}.about-layout{grid-template-columns:1fr;gap:25px;margin-bottom:45px}.about-layout img{height:350px}.editorial h1{font-size:30px}.pagination{gap:5px}.page-numbers{padding:7px 12px}.contact-panel{padding:25px}}
@media(prefers-reduced-motion:reduce){.card-image img{transition:none}}/* 1.1 editorial refinement */
:root{--ink:#171b1a;--muted:#66706b;--line:#dfe4df;--paper:#f3f5f2;--bronze:#a5875c}body{font-family:'Noto Sans Thai',Tahoma,sans-serif;letter-spacing:.01em}.brand{font-family:Georgia,serif;letter-spacing:8px}.site-header{height:118px}.nav{font-family:'DM Sans','Noto Sans Thai',sans-serif;letter-spacing:.04em}.article-page{padding-bottom:100px}.article-head{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:60px;align-items:end;padding:72px 0 46px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;font-size:13px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:6px}.article-head h1{font-size:clamp(38px,5vw,72px);font-weight:400;line-height:1.35;letter-spacing:-.04em;max-width:900px;margin:22px 0 16px}.article-dek{font-size:17px;color:var(--muted);max-width:570px;margin:0}.article-share{display:flex;flex-direction:column;align-items:flex-start;gap:11px;font:13px 'DM Sans','Noto Sans Thai',sans-serif}.article-share span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);margin-bottom:5px}.article-share a,.article-share button{border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 5px;color:var(--ink);cursor:pointer}.article-share a:hover,.article-share button:hover{color:var(--bronze);border-color:var(--bronze)}.article-hero{margin:54px 0 74px}.article-hero img{width:100%;height:min(62vw,680px);object-fit:cover;filter:saturate(.88)}.article-hero figcaption,.article-inline-image figcaption{font-size:12px;color:var(--muted);margin-top:10px}.article-layout{display:grid;grid-template-columns:190px minmax(0,780px);justify-content:center;gap:75px}.article-index{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;gap:12px;font-size:13px;border-left:1px solid var(--bronze);padding-left:18px}.article-index span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--bronze);margin-bottom:5px}.article-index a{color:var(--muted)}.article-index a:hover{color:var(--ink)}.article-section{margin-bottom:80px}.article-body{font-size:18px;line-height:2.05}.article-body .lead{font-size:24px;line-height:1.8;color:var(--ink);font-weight:300;margin:0 0 38px}.article-body h2{font-size:32px;letter-spacing:-.02em;margin:12px 0 18px}.article-body p{margin:0 0 22px}.section-kicker{font:11px 'DM Sans',sans-serif;letter-spacing:.18em;color:var(--bronze);margin-bottom:10px}.article-inline-image{margin:42px 0 0}.article-inline-image img{width:100%;height:420px;object-fit:cover;filter:saturate(.86)}.checklist{border-top:1px solid var(--line);padding-top:36px}.checklist ul{list-style:none;margin:25px 0 0;padding:0}.checklist li{border-bottom:1px solid var(--line);padding:13px 0}.checklist li:before{content:'—';color:var(--bronze);margin-right:14px}.post-nextprev{border-top:1px solid var(--line);padding-top:25px;margin-top:55px}.post-nextprev .nav-links a{font-size:14px}.article-page .meta{margin-top:18px}
@media(max-width:800px){.article-head{display:block;padding:42px 0 32px}.article-head h1{font-size:38px;margin-top:18px}.article-dek{font-size:16px}.article-share{flex-direction:row;flex-wrap:wrap;align-items:center;margin-top:28px;gap:18px}.article-share span{width:100%;margin:0}.article-hero{margin:34px 0 45px}.article-hero img{height:72vw;min-height:260px}.article-layout{display:block}.article-index{position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 18px;margin-bottom:48px;border-left:0;border-top:1px solid var(--bronze);padding:18px 0 0}.article-index span{grid-column:1/-1}.article-body{font-size:17px}.article-body .lead{font-size:21px}.article-body h2{font-size:28px}.article-inline-image img{height:300px}}

@media(max-width:1100px){.article-head{grid-template-columns:minmax(0,1fr) 180px;gap:28px}.article-head h1{font-size:clamp(36px,5vw,62px)}}


/* home, about and contact expansion */
.home-values{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:end;border-bottom:1px solid var(--line)}.home-values h2,.home-process h2,.home-feature h2{font-size:clamp(30px,4vw,50px);font-weight:400;line-height:1.45}.values-copy{max-width:460px;color:var(--muted);font-size:17px}.home-process .section-heading>p{max-width:360px;color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{padding:25px 24px 10px 0;border-right:1px solid var(--line);margin-right:24px}.process-grid article:last-child{border:0}.process-grid span,.about-principles span{font:12px 'DM Sans',sans-serif;color:var(--bronze);letter-spacing:.15em}.process-grid h3{font-size:21px;margin:22px 0 8px}.process-grid p{font-size:14px;color:var(--muted);margin:0}.home-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.feature-photo img{width:100%;height:470px;object-fit:cover;filter:saturate(.85)}.home-feature p{color:var(--muted);max-width:430px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid var(--line);padding:30px 0 85px}.about-principles>div{padding-right:35px;border-right:1px solid var(--line)}.about-principles>div:last-child{border:0}.about-principles h3{margin:20px 0 8px}.about-principles p{color:var(--muted);font-size:14px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-bottom:90px}.contact-copy h2,.contact-form-note h2{font-size:36px;font-weight:400}.contact-copy>p,.contact-form-note>p{color:var(--muted);max-width:460px}.contact-form-note{background:var(--paper);padding:50px;min-height:360px}.contact-form-note h2{line-height:1.5}.contact-panel{background:var(--paper);padding:30px 35px;margin-top:35px}.contact-panel p{border-bottom:1px solid var(--line);padding:0 0 17px;margin:0 0 17px}.contact-panel p:last-child{border:0;margin:0;padding:0}.site-footer{background:#1b211e;color:#f7f8f5;border:0;padding:70px 0 24px}.site-footer .brand{color:#fff}.site-footer .brand small{color:#9fa9a2}.footer-main{display:flex;justify-content:space-between;gap:70px;padding-bottom:65px}.footer-brand{max-width:330px}.footer-brand p{color:#aeb8b0;font-size:14px;margin-top:25px}.footer-links{display:flex;gap:100px}.footer-links div{display:flex;flex-direction:column;gap:9px;min-width:150px}.footer-links span{color:var(--bronze);font-size:11px;letter-spacing:.14em;margin-bottom:8px}.footer-links a{color:#e2e7e3;font-size:14px}.footer-links a:hover{color:#c6aa7a}.footer-cta{border-top:1px solid #3c4640;border-bottom:1px solid #3c4640;padding:30px 0;display:flex;justify-content:space-between;align-items:center}.footer-cta h2{font-size:25px;font-weight:400;margin:8px 0 0}.footer-cta-link{border:1px solid #67746b;padding:13px 18px;color:#fff;font-size:14px}.footer-cta-link span{color:#c6aa7a;margin-left:16px}.site-footer .footer-bottom{border:0;margin:0;padding-top:22px;color:#8e9b92}.site-footer .footer-bottom a{color:#c6aa7a}
@media(max-width:800px){.home-values,.home-feature,.contact-layout{grid-template-columns:1fr;gap:25px}.home-process .section-heading{display:block}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article:nth-child(2){border-right:0}.about-principles{grid-template-columns:1fr;gap:0}.about-principles>div{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.footer-main,.footer-cta{display:block}.footer-links{gap:35px;margin-top:45px}.footer-cta-link{display:inline-block;margin-top:20px}.site-footer .footer-bottom{display:flex;flex-direction:column;gap:10px}.contact-form-note{padding:30px}.feature-photo img{height:330px}}
/* gallery and mobile controls */
.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:260px 260px;gap:16px}.gallery-card{position:relative;overflow:hidden;background:#202724;display:block}.gallery-card.gallery-large{grid-row:span 2}.gallery-card img{width:100%;height:100%;object-fit:cover;opacity:.86;transition:transform .5s,opacity .5s}.gallery-card:hover img{transform:scale(1.04);opacity:.65}.gallery-card span{position:absolute;left:20px;bottom:18px;color:#fff;font-size:16px;letter-spacing:.02em}.gallery-card b{color:#d0b481;margin-left:12px;font-weight:400}.menu-toggle{position:relative;z-index:20;align-items:center;gap:5px}.menu-toggle i{display:block;width:18px;height:1px;background:currentColor;margin:3px 0}.menu-toggle span{font-size:12px;margin-left:5px}.back-to-top{position:fixed;right:25px;bottom:25px;z-index:30;width:50px;height:50px;border:1px solid #a5875c;border-radius:50%;background:#1b211e;color:#fff;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;cursor:pointer;font-size:20px}.back-to-top.visible{opacity:1;transform:none;pointer-events:auto}.back-to-top span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:700px){.site-header{height:90px}.brand{font-size:23px;letter-spacing:3px;max-width:235px}.brand small{font-size:8px;letter-spacing:2px}.menu-toggle{display:flex!important;background:#fff;color:#202724;border:1px solid #cfd6d0;padding:9px 10px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 210px;gap:10px}.gallery-card.gallery-large{grid-row:span 2}.gallery-card span{left:12px;bottom:12px;font-size:13px}.back-to-top{right:16px;bottom:16px;width:46px;height:46px}}
.services-section{background:var(--paper);padding-left:50px;padding-right:50px;margin-top:20px}.services-section .section-heading{align-items:start}.services-section .section-heading>p{max-width:390px;color:var(--muted);margin-top:20px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.services-grid article{padding:30px 30px 35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:235px}.services-grid span{font:10px 'DM Sans',sans-serif;color:var(--bronze);letter-spacing:.14em}.services-grid h3{font-size:22px;font-weight:400;margin:25px 0 8px}.services-grid p{font-size:14px;color:var(--muted);margin:0 0 18px;max-width:300px}.services-grid a{font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:4px}.services-grid a:hover{color:var(--bronze);border-color:var(--bronze)}
@media(max-width:800px){.services-section{padding-left:22px;padding-right:22px}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:auto;padding:25px 20px}.services-section .section-heading{display:block}}
.services-grid .service-photo-card{padding:0 0 28px;overflow:hidden}.service-photo-card>img{width:100%;height:160px;object-fit:cover;display:block;margin-bottom:24px;filter:saturate(.8)}.service-photo-card>span,.service-photo-card>h3,.service-photo-card>p,.service-photo-card>a{margin-left:30px;margin-right:30px}.service-photo-card>span{display:block}.service-photo-card h3{margin-top:18px}
@media(max-width:700px){.site-header{gap:8px}.brand{font-size:20px;letter-spacing:2px;white-space:nowrap}.brand small{font-size:7px;letter-spacing:1.4px}.menu-toggle{flex:0 0 auto;padding:8px 9px}.menu-toggle span{font-size:11px}.nav{left:0;right:0;padding:20px 22px;box-shadow:0 12px 25px rgba(0,0,0,.08)}.services-grid .service-photo-card>img{height:145px}.service-photo-card>span,.service-photo-card>h3,.service-photo-card>p,.service-photo-card>a{margin-left:20px;margin-right:20px}}
/* homepage UX/UI polish */
.hero-top{max-width:1180px;margin:0 auto;padding-top:80px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:90px}.hero-top h1{max-width:700px;line-height:1.32}.hero-top p{line-height:1.9}.hero-photo{max-width:1180px;margin:0 auto}.hero-photo>img{height:clamp(360px,48vw,620px);object-position:center center}.section{max-width:1180px;margin-left:auto;margin-right:auto}.section-heading{align-items:end}.section-heading>p{line-height:1.9}.grid.three{gap:52px 28px}.card h3{min-height:62px}.card p{line-height:1.8;max-width:270px}.home-values{max-width:1180px;margin:20px auto;padding:88px 0;grid-template-columns:1.1fr 1fr;gap:100px}.home-values h2{margin-top:15px}.home-process{max-width:1180px}.home-feature{max-width:1180px;padding-top:90px;padding-bottom:90px}.home-feature>div:last-child{padding-right:40px}.home-feature h2{margin-top:15px}.home-feature p{font-size:16px;line-height:2}.gallery-grid{max-width:1180px;margin:0 auto;grid-template-columns:1.1fr .95fr .95fr;grid-template-rows:290px 290px;gap:18px}.gallery-card span{left:24px;bottom:22px;font-size:17px;text-shadow:0 2px 15px rgba(0,0,0,.28)}.services-section{max-width:1180px;margin:20px auto 0;padding:78px 58px}.services-section .section-heading{max-width:990px;margin-left:auto;margin-right:auto}.services-grid{max-width:990px;margin:0 auto}.services-grid article{min-height:270px}.services-grid h3{line-height:1.4}.services-grid p{line-height:1.8}.service-photo-card>img{height:175px;object-fit:cover}.footer-cta{max-width:1180px;margin:0 auto}.footer-main{max-width:1180px;margin:0 auto}.footer-bottom{max-width:1180px;margin-left:auto!important;margin-right:auto!important}
@media(max-width:800px){.hero-top{padding-top:42px;display:block}.hero-top h1{font-size:42px;line-height:1.45}.hero-top p{margin-top:24px}.hero-photo>img{height:330px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:14px}.grid.three{gap:34px 16px}.card h3{min-height:0}.home-values{padding:55px 0;display:block}.home-values .values-copy{margin-top:25px}.home-process{padding-top:55px}.home-feature{padding-top:55px;padding-bottom:55px;display:flex;flex-direction:column;gap:30px}.home-feature>div:last-child{padding-right:0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 210px;gap:10px}.gallery-card.gallery-large{grid-row:span 2}.gallery-card span{left:14px;bottom:13px;font-size:13px}.services-section{padding:50px 18px;margin-top:0}.services-grid{grid-template-columns:1fr}.services-grid article{min-height:0}.service-photo-card>img{height:180px}}