:root{--ink:#16372f;--green:#133b32;--green2:#1b5144;--cream:#f5f0e7;--sand:#e9dfcf;--gold:#bc8a47;--white:#fff;--muted:#66736e;--line:#ddd5c8;--shadow:0 24px 70px rgba(15,47,39,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%}.site-nav{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:rgba(245,240,231,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(22,55,47,.1);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font:700 23px "Playfair Display"}.brand strong,.brand small{display:block;line-height:1.1}.brand small{font-size:9px;letter-spacing:1.5px;margin-top:5px;color:var(--muted)}.site-nav nav{display:flex;gap:32px;font-size:14px}.site-nav nav a:hover{color:var(--gold)}.nav-cta{background:var(--green);color:#fff;padding:11px 20px;font-weight:700;font-size:14px}.back-link{font-size:14px;color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:700;color:var(--gold);text-transform:uppercase}.light{color:#e3bd81}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr}.hero-media{min-height:690px;position:relative;overflow:hidden;background:#b9c9c1}.hero-media>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,36,29,.48))}.visual-placeholder{position:absolute;inset:0;padding:8%;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#a9c0b4,#d9d3c6);color:var(--green)}.visual-placeholder:after,.card-placeholder:after{content:"";position:absolute;width:60%;aspect-ratio:1;border-radius:50%;right:-15%;top:-25%;background:#e8c99755}.visual-placeholder span{font-size:11px;letter-spacing:4px}.visual-placeholder b{font:700 clamp(42px,6vw,84px)/.95 "Playfair Display","IBM Plex Sans Thai"}.hero-badge{position:absolute;bottom:34px;left:34px;background:#fff;padding:16px 20px;box-shadow:var(--shadow)}.hero-badge span,.hero-badge strong{display:block}.hero-badge span{font-size:10px;color:var(--gold);letter-spacing:1.5px}.hero-copy{padding:clamp(56px,7vw,110px);display:flex;flex-direction:column;justify-content:center;background:#fbf8f2}.hero h1{font:700 clamp(48px,5.8vw,84px)/1.02 "Playfair Display","IBM Plex Sans Thai";letter-spacing:-2.8px;margin:18px 0 26px}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p{font-size:17px;color:var(--muted);max-width:600px}.hero-price{margin:22px 0;border-block:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;align-items:end}.hero-price small{color:var(--muted)}.hero-price strong{font:700 clamp(34px,3.2vw,52px) "Playfair Display","IBM Plex Sans Thai"}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--green);color:#fff;padding:14px 21px;font-weight:700;border:1px solid var(--green);transition:.22s}.btn:hover{background:var(--green2);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--green)}.btn-light{background:#fff;color:var(--green);border-color:#fff}.trust-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:27px;color:var(--muted);font-size:11px}.property-section{padding:110px clamp(20px,6vw,90px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}.section-head h2,.why h2,.finance h2,.contact h2,.detail-cta h2{font:700 clamp(38px,4.3vw,66px)/1.08 "Playfair Display","IBM Plex Sans Thai";letter-spacing:-1.5px;margin:13px 0 0}.section-head>p{max-width:370px;color:var(--muted)}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.property-card{background:#fff;box-shadow:0 12px 40px rgba(23,55,47,.07);transition:.25s}.property-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.card-media{display:block;height:390px;position:relative;overflow:hidden;background:#d4ddd8}.card-media>img{width:100%;height:100%;object-fit:cover;transition:.55s}.property-card:hover .card-media>img{transform:scale(1.035)}.card-placeholder{height:100%;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(150deg,#d9e2dc,#c7bba8);position:relative;overflow:hidden}.card-placeholder span{font-size:10px;letter-spacing:3px}.card-placeholder b{font:700 38px "Playfair Display","IBM Plex Sans Thai";z-index:1}.type-pill,.photo-count{position:absolute;top:20px;background:#fff;padding:8px 12px;font-size:11px;font-weight:700}.type-pill{left:20px}.photo-count{right:20px}.card-body{padding:27px}.card-top,.card-foot{display:flex;justify-content:space-between;gap:18px;align-items:center}.card-top{font-size:12px;color:var(--muted)}.card-top strong{color:#27805e}.card-body h3{font:700 clamp(26px,3vw,39px)/1.12 "Playfair Display","IBM Plex Sans Thai";margin:14px 0}.card-body h3 em{color:var(--gold);font-style:normal}.card-body>p{color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.quick-facts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.quick-facts span{background:#f2eee7;padding:7px 10px;font-size:11px}.card-foot{border-top:1px solid var(--line);padding-top:20px}.card-foot>strong{font-size:23px}.card-foot>a{font-size:13px;font-weight:700;color:var(--gold)}.empty-state{grid-column:1/-1;padding:60px;text-align:center;background:#fff}.why{background:var(--green);color:#fff;padding:105px clamp(20px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw;align-items:center}.why-copy>p{color:#c8d9d3;font-size:17px}.text-link{font-weight:700;border-bottom:1px solid currentColor}.benefit-grid{display:grid;grid-template-columns:1fr 1fr}.benefit-grid article{padding:35px;border:1px solid rgba(255,255,255,.15)}.benefit-grid b{color:#e0b470;font:600 24px "Playfair Display"}.benefit-grid h3{margin:20px 0 5px;font-size:20px}.benefit-grid p{margin:0;color:#b9cec7;font-size:14px}.finance{padding:105px clamp(20px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#e7ded0}.finance p{color:var(--muted);font-size:17px}.process{display:grid;grid-template-columns:1fr 1fr;gap:8px}.process span{background:#f8f5ef;padding:16px;font-size:13px}.process b{display:inline-grid;place-items:center;width:25px;height:25px;background:var(--green);color:#fff;border-radius:50%;margin-right:7px}.contact{text-align:center;background:#0e2e27;color:#fff;padding:105px 20px}.contact>p{color:#bfd0ca}.contact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:12px;margin-top:34px}.contact-actions a{border:1px solid #ffffff35;padding:21px;display:grid;transition:.2s}.contact-actions a:hover{background:#fff;color:var(--green)}.contact-actions small{opacity:.65}.contact-actions strong{font-size:20px}.contact-actions span{font-size:25px;font-weight:700}footer{padding:28px 5vw;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.mobile-bar{display:none}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}
/* Property detail */.detail-page{padding:0 clamp(18px,5vw,74px) 80px}.crumb{display:flex;gap:10px;padding:25px 0;color:var(--muted);font-size:12px}.crumb a{color:var(--gold)}.detail-gallery{position:relative}.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;border-radius:2px}.gallery-track::-webkit-scrollbar{display:none}.gallery-track figure{margin:0;min-width:100%;height:min(70vh,680px);scroll-snap-align:start;position:relative;background:#cbd6d0}.gallery-track img{width:100%;height:100%;object-fit:contain;background:#cbd6d0}.gallery-track figcaption{display:none}.gallery-btn{position:absolute;top:calc(50% - 25px);z-index:3;width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:var(--green);font-size:19px;box-shadow:0 8px 30px #0002;cursor:pointer}.gallery-btn.prev{left:20px}.gallery-btn.next{right:20px}.gallery-meta{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;color:#fff;font-size:12px;text-shadow:0 2px 8px #000}.thumbs{display:flex;gap:9px;overflow-x:auto;padding:12px 0}.thumbs button{width:88px;height:60px;flex:0 0 auto;border:2px solid transparent;padding:0;background:none;opacity:.62;cursor:pointer}.thumbs button.active{border-color:var(--gold);opacity:1}.thumbs img{width:100%;height:100%;object-fit:cover}.detail-placeholder{height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#c8d8d0,#ddd1be)}.detail-placeholder span{letter-spacing:3px;font-size:11px}.detail-placeholder h2{font:700 50px "Playfair Display","IBM Plex Sans Thai";margin:15px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:7vw;padding:65px 0}.detail-main h1{font:700 clamp(42px,5vw,72px)/1.06 "Playfair Display","IBM Plex Sans Thai";letter-spacing:-2px;margin:15px 0}.detail-main h1 em{font-style:normal;color:var(--gold)}.detail-location{color:var(--gold);font-weight:600}.detail-description{font-size:19px;color:var(--muted);max-width:780px}.promo{border-left:4px solid var(--gold);background:#eee5d7;padding:18px 22px;margin:28px 0}.promo span,.promo strong{display:block}.promo span{font-size:10px;letter-spacing:2px;color:var(--gold)}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);margin:38px 0}.detail-facts div{padding:21px 10px;text-align:center;border-right:1px solid var(--line)}.detail-facts div:nth-child(4n){border:0}.detail-facts b,.detail-facts span{display:block}.detail-facts b{font-size:25px}.detail-facts span{font-size:11px;color:var(--muted)}.feature-section{padding-top:35px}.feature-section h2{font:700 36px "Playfair Display","IBM Plex Sans Thai"}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-list div{display:flex;gap:12px;padding:17px;background:#fff}.feature-list b{color:var(--gold)}.inquiry-card{position:sticky;top:110px;height:max-content;background:#fff;padding:30px;box-shadow:var(--shadow)}.status-dot{color:#27805e;font-size:12px}.inquiry-card>small{display:block;color:var(--muted);margin-top:25px}.detail-price{font:700 36px "Playfair Display","IBM Plex Sans Thai"}.inquiry-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.inquiry-card h3{font-size:23px;margin-bottom:5px}.inquiry-card p{color:var(--muted);font-size:13px}.inquiry-card .btn{display:flex;margin-top:9px}.safe-note{text-align:center;font-size:9px!important}.detail-cta{background:var(--green);color:#fff;padding:70px 7%;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.detail-cta p{color:#bdd0c9}.detail-cta .btn{width:max-content}
@media(max-width:900px){.site-nav nav{display:none}.hero{grid-template-columns:1fr}.hero-media{min-height:520px}.hero-copy{padding:60px 7vw}.property-grid{grid-template-columns:1fr}.card-media{height:440px}.why,.finance,.detail-cta{grid-template-columns:1fr}.detail-layout{grid-template-columns:1fr}.inquiry-card{position:static}.detail-facts{grid-template-columns:repeat(3,1fr)}.detail-facts div:nth-child(4n){border-right:1px solid var(--line)}.detail-facts div:nth-child(3n){border-right:0}.gallery-track figure{height:58vw;min-height:400px}}@media(max-width:600px){.site-nav{height:68px;padding:0 16px}.brand small,.nav-cta{display:none}.back-link{font-size:12px}.hero-media{min-height:390px}.hero-badge{left:18px;bottom:18px}.hero-copy{padding:46px 20px}.hero h1{font-size:49px}.hero-actions .btn{width:100%}.trust-row{gap:8px}.property-section{padding:70px 14px}.section-head{display:block}.section-head>p{margin-top:20px}.card-media{height:300px}.card-body{padding:22px}.card-foot>strong{font-size:20px}.why,.finance{padding:70px 20px}.benefit-grid,.process,.contact-actions,.feature-list{grid-template-columns:1fr}.benefit-grid article{padding:25px}.contact{padding:75px 18px}.contact-actions a{padding:16px}.contact-actions span{font-size:21px}footer{padding-bottom:78px;flex-wrap:wrap}.mobile-bar{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:60;box-shadow:0 -10px 35px #0002}.mobile-bar a{padding:14px;text-align:center;background:#fff;font-weight:700}.mobile-bar a:last-child{background:var(--gold);color:#fff}.detail-page{padding-inline:12px}.crumb{padding:16px 2px}.gallery-track{border-radius:0}.gallery-track figure{height:66vw;min-height:260px}.gallery-btn{width:40px;height:40px}.gallery-btn.prev{left:9px}.gallery-btn.next{right:9px}.gallery-meta{bottom:83px;left:12px;right:12px}.thumbs button{width:70px;height:49px}.detail-layout{padding-top:43px}.detail-main h1{font-size:43px}.detail-description{font-size:16px}.detail-facts{grid-template-columns:repeat(2,1fr)}.detail-facts div:nth-child(3n){border-right:1px solid var(--line)}.detail-facts div:nth-child(2n){border-right:0}.inquiry-card{padding:24px}.detail-cta{padding:55px 25px;margin-inline:-12px}}