:root{--navy:#062d43;--deep:#032336;--blue:#0c4d6d;--gold:#c9a96c;--cream:#f6f3ed;--ink:#163345;--muted:#71808a;--white:#fff;--line:#dce2e4;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans Thai",sans-serif;background:#fff;font-size:16px;overflow-x:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.site-header{height:92px;background:rgba(255,255,255,.97);position:fixed;top:0;left:0;width:100%;z-index:50;border-bottom:1px solid rgba(7,48,70,.08);transition:.3s}.site-header.scrolled{height:76px;box-shadow:0 5px 30px rgba(0,0,0,.08)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--gold);color:var(--navy);font-family:Manrope,sans-serif;font-weight:600;letter-spacing:-2px;position:relative}.brand-mark:after{content:"";position:absolute;inset:5px;border:1px solid rgba(201,169,108,.55)}.brand>span:last-child{display:flex;flex-direction:column}.brand strong{font:700 15px/1.15 Manrope,sans-serif;letter-spacing:2.2px;color:var(--navy)}.brand small{font:600 8px/1.5 Manrope,sans-serif;letter-spacing:3px;color:var(--gold)}.desktop-nav{display:flex;gap:30px;align-items:center}.desktop-nav a{font-size:14px;color:#344e5d;position:relative}.desktop-nav a:after{content:"";height:1px;background:var(--gold);position:absolute;left:0;right:100%;bottom:-8px;transition:.25s}.desktop-nav a:hover:after,.desktop-nav a.active:after{right:0}.header-actions{display:flex;align-items:center;gap:18px}.language{border:0;background:none;color:var(--navy);font:700 11px Manrope,sans-serif}.language span{color:#9aa7ad}.nav-cta{padding:12px 18px;background:var(--navy);color:#fff;font-size:13px}.nav-cta span{color:var(--gold);margin-left:8px}.menu-toggle,.mobile-nav{display:none}.hero{height:min(860px,90vh);min-height:680px;position:relative;margin-top:92px;color:#fff;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;background:url("assets/hero.png") center 46%/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,27,42,.88) 0%,rgba(4,39,57,.55) 45%,rgba(2,22,34,.08) 75%),linear-gradient(0deg,rgba(2,25,39,.48),transparent 45%)}.hero-content{position:relative;z-index:2;padding-top:10px}.eyebrow{font:700 11px Manrope,sans-serif;letter-spacing:3px;color:var(--blue);display:flex;align-items:center;gap:12px}.eyebrow span{width:32px;height:1px;background:var(--gold)}.eyebrow.light{color:#d9e4e8}.hero h1,.section h2,.featured-project h2,.contact h2{font:300 clamp(48px,6vw,82px)/1.14 "Noto Sans Thai",sans-serif;letter-spacing:-3px;margin:22px 0}.hero h1{font-size:clamp(58px,7vw,94px);max-width:800px}.hero h1 em,.section h2 em,.featured-project h2 em,.contact h2 em{font-style:normal;color:var(--gold)}.hero p{font-size:18px;font-weight:300;line-height:1.8;color:#e1e8eb}.hero-buttons{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;padding:17px 26px;border:1px solid transparent;font-weight:600;font-size:14px;transition:.25s}.button.gold{background:var(--gold);color:var(--deep)}.button.gold:hover{background:#ddc28e;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid rgba(255,255,255,.5);padding:10px 0}.text-link span{color:var(--gold);margin-left:8px}.hero-foot{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;color:rgba(255,255,255,.65);font:600 9px Manrope,sans-serif;letter-spacing:2px}.scroll-line{width:110px;height:1px;background:rgba(255,255,255,.4);margin-left:18px}.hero-location{margin-left:auto}.search-wrap{position:relative;z-index:4;margin-top:-46px}.property-search{background:#fff;padding:22px 24px;box-shadow:0 20px 55px rgba(4,42,61,.16);display:grid;grid-template-columns:1fr 1fr 1fr 210px;gap:0}.property-search label{display:flex;flex-direction:column;padding:0 26px;border-right:1px solid #e4e8ea}.property-search label:first-child{padding-left:8px}.property-search label>span{font-size:11px;color:#8a969d;margin-bottom:5px}.property-search select{border:0;background:#fff;color:var(--ink);font-weight:600;outline:0;min-width:0}.property-search button{border:0;background:var(--navy);color:#fff;font-weight:600}.search-icon{display:inline-block;width:14px;height:14px;border:2px solid var(--gold);border-radius:50%;position:relative;margin-right:8px}.search-icon:after{content:"";position:absolute;width:6px;height:2px;background:var(--gold);right:-5px;bottom:-2px;transform:rotate(45deg)}.section{padding:125px 0}.intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.intro-copy h2,.section-heading h2{font-size:clamp(42px,4.2vw,66px);margin:22px 0 26px}.intro-copy>p{color:var(--muted);line-height:2;max-width:570px}.arrow-link{display:inline-flex;gap:45px;font-weight:600;font-size:14px;border-bottom:1px solid var(--navy);padding:10px 0;margin-top:16px}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:54px;padding-top:28px}.stats div{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-left:24px}.stats div:first-child{padding-left:0}.stats div:last-child{border:0}.stats strong{font:500 33px Manrope,sans-serif;color:var(--navy)}.stats sup{font-size:16px;color:var(--gold)}.stats span{font-size:11px;color:#819099;margin-top:5px}.intro-media{position:relative}.intro-media img{width:100%;height:630px;object-fit:cover;display:block}.experience-badge{position:absolute;left:-52px;bottom:42px;width:145px;height:145px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.experience-badge strong{font:500 34px Manrope,sans-serif}.experience-badge sup{color:var(--gold)}.experience-badge span{font:600 9px/1.5 Manrope,sans-serif;letter-spacing:2px;color:#c5d2d8;text-align:center}.properties{background:var(--cream)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:55px}.section-heading h2{margin-bottom:0}.section-heading>p{width:390px;color:var(--muted);line-height:1.8;margin:0 0 8px}.property-tabs{display:flex;gap:4px;border-bottom:1px solid #cfd6d8}.property-tabs button{border:0;background:transparent;padding:10px 18px;color:#7a888f;font-size:13px;position:relative}.property-tabs button.active{color:var(--navy);font-weight:600}.property-tabs button.active:after{content:"";position:absolute;height:2px;background:var(--gold);left:0;right:0;bottom:-1px}.property-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.property-card{background:#fff;transition:.3s}.property-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(9,53,74,.12)}.property-card.hidden{display:none}.property-image{height:275px;display:block;position:relative;overflow:hidden}.property-image img{width:100%;height:100%;object-fit:cover;transition:.6s}.property-card:hover img{transform:scale(1.04)}.tag{position:absolute;left:16px;top:16px;background:var(--navy);color:#fff;padding:7px 10px;font:700 9px Manrope,sans-serif;letter-spacing:1.5px}.tag.rent{background:#3f786d}.tag.booked{background:#8a7c69}.tag.new{background:var(--gold);color:var(--deep)}.image-arrow{position:absolute;right:15px;bottom:15px;width:38px;height:38px;background:#fff;display:grid;place-items:center;color:var(--navy)}.property-content{padding:24px}.card-top{display:flex;justify-content:space-between;font:700 9px Manrope,sans-serif;letter-spacing:1.5px;color:#9a8766}.property-content h3{font:600 20px/1.35 Manrope,"Noto Sans Thai",sans-serif;margin:12px 0 8px;color:var(--navy)}.location{font-size:12px;color:#88949a;margin:0 0 20px}.specs{padding:14px 0;border-top:1px solid #edf0f1;border-bottom:1px solid #edf0f1;display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:#64757e}.price{font:700 22px Manrope,"Noto Sans Thai",sans-serif;color:var(--navy);margin-top:18px}.price small{font-size:11px;color:#7e8b92}.center{text-align:center;margin-top:54px}.button.outline{border-color:var(--navy);color:var(--navy);background:transparent}.button.outline:hover{background:var(--navy);color:#fff}.featured-project{height:800px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.featured-project>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,30,44,.92),rgba(3,38,55,.54) 54%,transparent)}.project-inner{position:relative;z-index:2}.project-number{font:600 10px Manrope,sans-serif;letter-spacing:2px;color:#b7c7cf;margin-top:50px}.featured-project h2{font-size:clamp(50px,5.6vw,78px);margin:14px 0}.project-quote{font:500 13px Manrope,sans-serif;letter-spacing:3px;color:#e2c78e}.project-info{display:flex;gap:0;margin:45px 0 38px}.project-info div{padding:0 45px;border-right:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column}.project-info div:first-child{padding-left:0}.project-info div:last-child{border:0}.project-info span{font-size:11px;color:#aebdc4}.project-info strong{font-size:20px;margin-top:4px}.why .section-heading{align-items:center}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit{padding:35px 28px 40px;border-right:1px solid var(--line);position:relative}.benefit:last-child{border:0}.benefit b{font:600 10px Manrope,sans-serif;color:#b6c0c5;position:absolute;right:20px;top:22px}.benefit-icon{display:grid;place-items:center;width:60px;height:60px;border:1px solid #c8b084;color:var(--gold);font-size:26px;margin-bottom:36px}.benefit h3{font-size:18px;color:var(--navy);margin:0 0 14px}.benefit p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}.gallery{background:#eef2f2;overflow:hidden}.gallery .section-heading{padding-bottom:20px}.gallery-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr 1.25fr;gap:12px;width:calc(100% + 100px);margin-left:-50px}.gallery-item{border:0;padding:0;height:500px;position:relative;overflow:hidden;background:#ddd}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.6s}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,32,46,.6),transparent 40%)}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;bottom:25px;left:25px;color:#fff;z-index:2;font:600 10px Manrope,sans-serif;letter-spacing:2px}.testimonials{display:grid;grid-template-columns:250px 1fr;position:relative}.quote{max-width:760px;position:relative}.quote-mark{position:absolute;left:-70px;top:-30px;font:100px Georgia,serif;color:var(--gold)}blockquote{font-size:27px;line-height:1.7;color:var(--navy);margin:0}.quote-author{display:flex;flex-direction:column;margin-top:28px}.quote-author strong{font:700 12px Manrope,sans-serif;letter-spacing:1px}.quote-author span{font:600 9px Manrope,sans-serif;letter-spacing:1.5px;color:#9aa5aa;margin-top:5px}.quote-dots{position:absolute;right:0;bottom:125px;display:flex;gap:8px}.quote-dots button{width:22px;height:2px;border:0;background:#cad0d2;padding:0}.quote-dots button.active{background:var(--gold)}.contact{position:relative;color:#fff;padding:110px 0}.contact-background{position:absolute;inset:0;background:url("assets/contact-bg.png") center/cover}.contact-overlay{position:absolute;inset:0;background:rgba(2,32,48,.88)}.contact-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 540px;gap:110px;align-items:center}.contact h2{font-size:clamp(50px,5.3vw,74px)}.contact-copy>p{color:#c1cfd5;line-height:1.8;max-width:520px}.contact-details{display:flex;gap:32px;margin-top:48px;flex-wrap:wrap}.contact-details a{font:600 13px Manrope,sans-serif}.contact-details small{display:block;color:var(--gold);font-size:8px;letter-spacing:2px;margin-bottom:5px}.lead-form{background:#fff;color:var(--ink);padding:38px 42px}.form-title{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:24px}.form-title span{font-size:21px;font-weight:600;color:var(--navy)}.form-title small{font:600 8px Manrope,sans-serif;letter-spacing:1px;color:#98a4a9}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lead-form label{display:flex;flex-direction:column;font-size:11px;color:#687982;margin-bottom:17px}.lead-form input,.lead-form select,.lead-form textarea{border:0;border-bottom:1px solid #dbe0e2;padding:9px 0;color:var(--ink);outline:0;background:#fff;resize:none}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--gold)}.button.full{width:100%;border:0}.form-note{text-align:center!important;color:#9ca7ab!important;font-size:9px!important;margin:12px 0 0!important}footer{background:#031f30;color:#b7c6cc;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:70px}.light-brand .brand-mark{color:#fff}.light-brand strong{color:#fff}.footer-brand p,footer>div>div>p{font-size:12px;line-height:1.9;max-width:350px;color:#8399a3;margin-top:24px}.footer-grid h4{font-size:13px;color:#fff;margin:0 0 20px}.footer-grid>div:not(:first-child)>a{display:block;font-size:12px;color:#91a4ad;margin:11px 0}.socials{display:flex;gap:8px}.socials a{width:34px;height:34px;border:1px solid #476170;display:grid!important;place-items:center;color:#fff!important;font:600 10px Manrope,sans-serif;margin:0!important}.footer-bottom{border-top:1px solid #294453;margin-top:55px;padding-top:22px;display:flex;justify-content:space-between;font:500 8px Manrope,sans-serif;letter-spacing:1px;color:#667f8b}.floating-contact{position:fixed;right:18px;bottom:25px;z-index:45;display:flex;flex-direction:column;gap:8px}.floating-contact a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 8px Manrope,sans-serif;box-shadow:0 6px 18px rgba(0,0,0,.22)}.floating-contact .line{background:#06c755}.floating-contact .call{background:var(--navy);font-size:17px}.floating-contact .whatsapp{background:#25d366}.lightbox{position:fixed;inset:0;background:rgba(1,17,26,.93);z-index:100;display:none;align-items:center;justify-content:center;padding:50px}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh}.lightbox button{position:absolute;top:20px;right:30px;color:#fff;border:0;background:none;font-size:40px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);background:var(--navy);color:#fff;padding:14px 25px;z-index:110;opacity:0;pointer-events:none;transition:.3s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.desktop-nav{display:none}.menu-toggle{display:flex!important;width:36px;height:36px;border:0;background:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px}.menu-toggle i{display:block;height:2px;background:var(--navy);width:25px}.menu-toggle i:last-child{width:17px}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 24px;box-shadow:0 12px 20px rgba(0,0,0,.1);flex-direction:column;gap:0}.mobile-nav.open{display:flex}.mobile-nav a{padding:13px 0;border-bottom:1px solid #edf0f1}.property-search{grid-template-columns:1fr 1fr}.property-search label:nth-child(2){border-right:0}.property-search label:nth-child(3),.property-search button{margin-top:18px}.intro{gap:60px}.property-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(2){border-right:0}.benefit:nth-child(-n+2){border-bottom:1px solid var(--line)}.contact-grid{grid-template-columns:1fr 480px;gap:55px}.footer-grid{gap:35px}}
@media(max-width:760px){.container{width:min(calc(100% - 32px),var(--max))}.site-header{height:72px}.site-header.scrolled{height:64px}.brand-mark{width:39px;height:39px}.brand strong{font-size:12px}.brand small{font-size:6px}.nav-cta,.language{display:none}.hero{margin-top:72px;min-height:650px;height:calc(100svh - 72px)}.hero-overlay{background:linear-gradient(90deg,rgba(2,27,42,.84),rgba(2,27,42,.28)),linear-gradient(0deg,rgba(2,25,39,.56),transparent)}.hero h1{font-size:52px;letter-spacing:-2px}.hero p{font-size:15px}.hero-foot .hero-location{display:none}.search-wrap{margin-top:0;width:100%}.property-search{grid-template-columns:1fr;padding:18px 16px}.property-search label{padding:10px 5px!important;border-right:0;border-bottom:1px solid #e7ebed}.property-search label:nth-child(3),.property-search button{margin-top:0}.property-search button{height:52px;margin-top:12px}.section{padding:85px 0}.intro{grid-template-columns:1fr;gap:55px}.intro-media{grid-row:1}.intro-media img{height:430px}.experience-badge{left:14px;bottom:-26px;width:120px;height:120px}.stats{margin-top:38px}.stats div{padding-left:12px}.stats strong{font-size:25px}.section-heading{display:block}.section-heading>p{width:auto;margin-top:25px}.property-tabs{margin-top:30px;overflow-x:auto}.property-tabs button{white-space:nowrap}.property-grid{grid-template-columns:1fr}.property-image{height:270px}.featured-project{height:760px}.project-shade{background:linear-gradient(90deg,rgba(2,30,44,.9),rgba(3,38,55,.35))}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-info div{padding:0;border:0}.benefit-grid{grid-template-columns:1fr}.benefit{border-right:0!important;border-bottom:1px solid var(--line)!important}.gallery-grid{grid-template-columns:1fr 1fr;width:calc(100% - 20px);margin:0 10px}.gallery-item{height:310px}.gallery-item.wide{grid-column:span 2}.testimonials{grid-template-columns:1fr}.quote{margin-top:70px;padding-left:30px}.quote-mark{left:-5px}.quote blockquote{font-size:21px}.quote-dots{bottom:75px}.contact{padding:85px 0}.contact-grid{grid-template-columns:1fr;gap:55px}.contact-details{display:grid;grid-template-columns:1fr 1fr}.lead-form{padding:28px 22px}.form-title small{display:none}.field-row{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{display:block;line-height:2}.floating-contact{right:10px;bottom:14px}.floating-contact a{width:44px;height:44px}}
@media(max-width:420px){.hero h1{font-size:44px}.hero-buttons{gap:20px}.gallery-grid{grid-template-columns:1fr}.gallery-item.wide{grid-column:auto}.gallery-item{height:290px}.contact-details{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.property-tabs button{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{animation:none!important}}