.sp-v3{--eco:#315f4a;--cream:#f5f2ea}.sp-v3 .sp-menu{gap:24px}.sp-v3 .sp-shell{max-width:1240px}.sp-v3 h1{font-size:clamp(38px,4.7vw,68px);line-height:1.08;letter-spacing:-.035em}.sp-v3 h2{font-size:clamp(29px,3vw,44px);line-height:1.15}.sp-v3 h3{font-size:23px;line-height:1.25}.sp-v3 .sp-kicker{letter-spacing:.13em;font-size:11px}.sp-hub-hero{padding:76px 0 82px;background:#f5f2ea}.sp-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sp-hub-grid .sp-lead{font-size:18px;line-height:1.75;margin:26px 0 30px;color:#59616a}.sp-hub-maya{position:relative;margin:0;border-radius:20px;overflow:hidden;aspect-ratio:1/1}.sp-hub-maya img{width:100%;height:100%;object-fit:cover;object-position:78% center}.sp-hub-maya figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.92);border-radius:12px;padding:18px;display:grid;gap:4px}.sp-hub-maya figcaption strong{font-size:20px}.sp-hub-maya figcaption span{font-size:13px}.sp-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.sp-area-card{border:1px solid #e5e6e4;border-radius:16px;overflow:hidden;background:white;display:flex;flex-direction:column}.sp-area-card>img{width:100%;height:220px;object-fit:cover}.sp-area-card>div{padding:30px;display:flex;flex-direction:column;flex:1}.sp-area-number{font-size:12px;letter-spacing:.14em;color:#8d7543}.sp-area-card h3{margin:12px 0}.sp-area-card p{color:#5e6770;margin:0 0 24px;font-size:15px}.sp-text-link{font-weight:700;color:#152a43;margin-top:auto;text-decoration:none}.sp-area-eco{border-color:#b8cabe}.sp-area-eco .sp-text-link{color:#315f4a}.sp-hub-promise{display:flex;gap:60px;align-items:center;justify-content:space-between}.sp-hub-promise>div{max-width:720px}.sp-hub-promise .sp-btn{flex-shrink:0}.sp-area-hero{background:#f5f2ea;padding:70px 0}.sp-area-hero .sp-lead{max-width:760px;margin-top:24px;font-size:19px;color:#586370}.sp-property-feature{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.sp-property-feature>img{width:100%;height:520px;object-fit:cover;border-radius:18px}.sp-property-feature p{color:#596571}.sp-project-facts{display:flex;gap:36px;padding:25px 0;margin:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.sp-project-facts div{display:grid;gap:4px}.sp-project-facts strong{font-size:26px;color:#152a43}.sp-project-facts span{font-size:12px}.sp-property-next{background:#f5f2ea}.sp-eco-link{padding:38px;border:1px solid #bccdc0;border-radius:16px;background:#fff}.sp-eco-hero{position:relative;min-height:640px;display:flex;align-items:center;background:#19372c;color:#fff}.sp-eco-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:60% center}.sp-eco-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,27,20,.92) 0%,rgba(7,27,20,.70) 43%,rgba(7,27,20,.12) 85%)}.sp-eco-hero .sp-shell{position:relative;width:100%;padding-top:70px;padding-bottom:60px}.sp-eco-hero h1{max-width:690px;color:#fff}.sp-eco-hero .sp-lead{max-width:620px;color:#eee;font-size:19px;line-height:1.7;margin:24px 0 30px}.sp-eco-caption{display:block;margin-top:36px;color:#ddd;font-size:11px}.sp-eco-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px}.sp-eco-intro p{color:#59636d}.sp-eco-system{background:#f5f2ea}.sp-eco-components{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sp-eco-components article{background:white;border-radius:14px;padding:30px;border:1px solid #e0e6df}.sp-eco-components span{display:inline-block;color:#315f4a;font-size:13px;letter-spacing:.12em}.sp-eco-components h3{margin:14px 0}.sp-eco-components p{font-size:14px;color:#58666b}.sp-eco-board{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.sp-eco-board figure{margin:0;padding:24px;border-radius:18px;background:#edf3ee}.sp-eco-board img{width:100%;display:block}.sp-eco-board figcaption{font-size:11px;color:#626d65;padding-top:18px}.sp-eco-maya{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.sp-eco-office{width:100%;border-radius:16px;aspect-ratio:1.25;object-fit:cover}.sp-eco-process{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.sp-eco-process b{font-size:13px;color:#8a7546}.sp-eco-process h3{margin:14px 0}.sp-eco-process p{font-size:14px;color:#5e6870}.sp-eco-status{font-size:12px;background:#f5f2ea;border-radius:10px;padding:22px;margin-top:35px;color:#616b72}.sp-v3 .sp-section{padding:78px 0}.sp-v3 .sp-language-welcome .sp-language-options{grid-template-columns:repeat(2,1fr)}.sp-v3 .sp-eco-hero .sp-kicker{color:#e0c38b}.sp-v3 .sp-dark h2{color:#fff}.sp-v3 .sp-dark p{color:#d6dde4}.sp-v3 .sp-footer-grid{align-items:center}.sp-v3 a:focus-visible,.sp-v3 button:focus-visible{outline:3px solid #b78e40;outline-offset:4px}.sp-v3 .sp-area-card:hover{box-shadow:0 14px 30px #152a4312;transform:translateY(-3px);transition:transform .2s,box-shadow .2s}
@media(max-width:980px){.sp-hub-grid,.sp-property-feature,.sp-eco-intro,.sp-eco-board,.sp-eco-maya{gap:30px}.sp-area-grid{gap:16px}.sp-area-card>div{padding:22px}.sp-area-card>img{height:170px}.sp-eco-components{grid-template-columns:repeat(2,1fr)}.sp-property-feature>img{height:400px}.sp-eco-process{grid-template-columns:repeat(2,1fr)}.sp-v3 .sp-section{padding:56px 0}}
@media(max-width:700px){.sp-hub-grid,.sp-property-feature,.sp-eco-intro,.sp-eco-board,.sp-eco-maya,.sp-area-grid{grid-template-columns:1fr}.sp-hub-hero{padding:40px 0 48px}.sp-hub-maya{aspect-ratio:1.3}.sp-hub-grid{gap:30px}.sp-area-card>img{height:220px}.sp-area-card>div{padding:26px}.sp-hub-promise{flex-direction:column;align-items:flex-start;gap:24px}.sp-area-hero{padding:42px 0}.sp-property-feature>img{height:320px}.sp-project-facts{gap:28px}.sp-project-facts strong{font-size:22px}.sp-eco-hero{min-height:590px}.sp-eco-hero-shade{background:linear-gradient(90deg,rgba(7,27,20,.86),rgba(7,27,20,.48))}.sp-eco-hero .sp-shell{padding-top:45px;padding-bottom:42px}.sp-eco-hero .sp-lead{font-size:17px}.sp-eco-components{grid-template-columns:1fr}.sp-eco-components article{padding:26px}.sp-eco-process{grid-template-columns:1fr;gap:18px}.sp-eco-process article{padding:20px;background:#f5f2ea;border-radius:12px}.sp-eco-board figure{padding:14px}.sp-v3 .sp-section{padding:44px 0}.sp-v3 .sp-menu.open{gap:0}.sp-v3 .sp-menu a{font-size:13px}.sp-v3 .sp-language-welcome .sp-language-options{grid-template-columns:1fr 1fr}.sp-v3 .sp-language-options button{padding:18px 10px}}
@media(prefers-reduced-motion:reduce){.sp-v3 *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.sp-v3 .sp-area-card:hover{transform:none}}

.sp-v3{padding-top:82px}.sp-v3 [id]{scroll-margin-top:95px}.sp-v3 h1{margin-top:0}.sp-v3 .sp-kicker{color:#8d7543}.sp-v3 .sp-dark .sp-kicker,.sp-v3 .sp-eco-hero .sp-kicker{color:#e0b45b}

.sp-v3 .sp-hub-maya img{object-position:center 32%}.sp-v3 .sp-eco-office,.sp-v3 .sp-maya-project-photo{width:100%;max-height:650px;aspect-ratio:auto;object-fit:contain;border-radius:16px}.sp-v3 .sp-chat-launch img,.sp-v3 .sp-chat-head img,.sp-v3 .sp-compass-maya img{object-position:center 35%}

/* Approved Eco House identity and three-model concept. */
.sp-v3{--eco:#173f35;--gold:#c3a36a;--cream:#f6f3eb}.sp-v3 .sp-eco-logo{width:100%;display:block;border-radius:14px}.sp-v3 .sp-model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.sp-model-card{padding:32px;border:1px solid #d7ddd6;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:16px}.sp-model-card h3,.sp-model-card p{margin:0}.sp-model-index{font-size:12px;letter-spacing:.15em;color:#937b4f}.sp-model-area{font-size:30px;color:#173f35;line-height:1.3}.sp-model-detail{border-top:1px solid #ddd;padding-top:18px;font-size:14px}.sp-model-card .sp-text-link{padding-top:12px}.sp-eco-topic-nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.sp-eco-topic-nav a{color:#173f35;border:1px solid #c7d1c9;background:#f6f3eb;border-radius:24px;padding:12px 18px;text-decoration:none;font-size:14px}.sp-technical-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.sp-technical-grid figure{margin:0}.sp-technical-grid img{width:100%;height:auto;display:block;border-radius:16px}.sp-technical-grid figcaption{font-size:12px;color:#637167;margin-top:12px}.sp-technical-list{padding-left:22px;display:grid;gap:16px;color:#59666a;font-size:15px;line-height:1.7}.sp-v3 .sp-language-welcome .sp-language-options{grid-template-columns:repeat(3,1fr)}.sp-v3[data-lang="th"]{font-family:Tahoma,Arial,sans-serif}.sp-v3[data-lang="th"] h1,.sp-v3[data-lang="th"] h2{line-height:1.4;letter-spacing:0}.sp-v3 .sp-dark .sp-btn-gold{color:#173f35}.sp-eco-hero .sp-btn-gold,.sp-model-card .sp-text-link{color:#173f35}.sp-v3 .sp-eco-system{background:#f6f3eb}.sp-v3 .sp-btn-gold{background:#c3a36a}
@media(max-width:980px){.sp-model-card{padding:22px}.sp-model-area{font-size:25px}.sp-technical-grid{gap:28px}.sp-technical-grid h2{font-size:29px}}
@media(max-width:700px){.sp-v3 .sp-model-grid,.sp-technical-grid{grid-template-columns:1fr}.sp-model-card{padding:26px}.sp-technical-grid figure{order:2}.sp-v3 .sp-language-welcome .sp-language-options{grid-template-columns:1fr}.sp-v3 .sp-language-options button{padding:12px;display:flex;align-items:center;gap:12px}.sp-v3 .sp-language-options button small{margin:0}.sp-eco-topic-nav a{font-size:12px;padding:10px 14px}.sp-technical-grid h2{font-size:30px}}