@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Prata&display=swap');
:root{--green:#064d3c;--ink:#143f34;--cream:#f7f5ed;--gold:#c89b43}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.8 'Be Vietnam Pro',sans-serif}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:25px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8dfd5}.brand img{display:block;width:220px;height:auto}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover{color:#a77a28}.nav-contact{border:1px solid #b8c9bf;padding:10px 19px;border-radius:4px}.nav-contact span{margin-left:20px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:660px;padding:62px 6% 55px;gap:45px}.hero-copy{padding:20px 0 0}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--gold)}h1,h2{font-family:'Prata',Georgia,serif;font-weight:400;line-height:1.35;letter-spacing:-1.5px}h1{font-size:clamp(39px,4vw,61px);margin:33px 0 22px}h1 em{font-style:normal;color:#9a793c}.intro{max-width:420px;color:#607368;line-height:1.95;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:48px;background:var(--green);color:white;padding:15px 24px;border-radius:3px;font-size:13px}.button:hover{background:#10705a}.hero-foot{margin-top:66px;display:flex;flex-direction:column;gap:6px;font-size:10px;letter-spacing:2px}.hero-foot span{letter-spacing:0;color:#718175;font-size:12px}.hero-art{background:#e3eadf;position:relative;overflow:hidden;min-height:510px;border-radius:180px 180px 4px 4px}.sun{position:absolute;width:140px;height:140px;background:#e8d6a2;top:48px;right:40px;border-radius:50%}.house{position:absolute;inset:110px 40px 100px}.roof{position:absolute;top:0;left:0;width:100%;height:150px;background:#28604c;clip-path:polygon(50% 0,100% 95%,94% 100%,50% 18%,6% 100%,0 95%);z-index:2}.wall{position:absolute;top:60px;left:15%;width:70%;height:240px;background:#f6f0db;clip-path:polygon(50% 0,100% 32%,100% 100%,0 100%,0 32%)}.door{position:absolute;bottom:0;right:16%;width:34%;height:145px;border-radius:60px 60px 0 0;background:#d3ad61;border:9px solid #e5d1a3}.door b{position:absolute;right:9px;top:65%;height:6px;width:6px;background:#fff3d0;border-radius:50%}.window{position:absolute;top:100px;left:14%;width:47px;height:60px;background:#9ab3a2;border:6px solid #fff8e5}.window:after{content:'';position:absolute;left:50%;height:100%;width:3px;background:#fff8e5}.window:before{content:'';position:absolute;top:50%;height:3px;width:100%;background:#fff8e5}.ground{position:absolute;top:410px;left:8%;width:84%;height:1px;background:#acb8a4}.plant{position:absolute;top:320px;left:8%;height:90px;width:40px;z-index:3}.plant b{position:absolute;bottom:0;left:8px;width:26px;height:35px;background:#b7986e;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.plant i{position:absolute;width:22px;height:38px;border-radius:100% 0;background:#42765b;left:17px;top:0;transform:rotate(-25deg)}.plant i:nth-child(2){left:0;top:20px;transform:rotate(-65deg)}.plant i:nth-child(3){top:27px;transform:rotate(15deg)}.hero-art p{position:absolute;bottom:31px;left:0;width:100%;text-align:center;font-size:18px;letter-spacing:5px;line-height:1.8}.hero-art p span{display:block;font-size:11px;letter-spacing:.3px}.hero-art small{position:absolute;bottom:9px;right:14px;font-size:8px;letter-spacing:1px;color:#6a806f}.about{max-width:1268px;margin:0 auto;padding:75px 5%;border-top:1px solid #d8dfd5}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about h2{font-size:39px;margin:12px 0}.about div>p{color:#607368;max-width:480px}.rooms{padding:80px max(6%,calc((100vw - 1268px)/2));background:#eaf0e7}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-heading h2{font-size:38px;margin:15px 0 35px}.section-heading>p{color:#607368;font-size:13px;margin-bottom:44px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #b9c9b8}.steps article{padding:35px 30px 0 0}.steps article+article{padding-left:30px;border-left:1px solid #c6d3c3}.steps article>span{font-size:10px;letter-spacing:1.3px;color:#617c63}h3{font-size:19px;font-weight:500;margin:24px 0 13px}.steps p{color:#607368;font-size:13px}.contact{text-align:center;background:var(--green);color:#f8f4e8;padding:85px 20px}.contact .eyebrow{justify-content:center;color:#d3be87}.contact h2{font-size:43px;margin:26px 0}.contact>p:not(.eyebrow){color:#bfcec4;font-size:13px}.back-top{display:inline-block;border-bottom:1px solid #b8cbb9;font-size:12px;padding:16px 0 5px;margin-top:15px}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;align-items:center;font-size:11px}footer>span{letter-spacing:1px;font-weight:600}footer small{color:#718175}a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:800px){header{padding:18px 6%}.brand img{width:170px}nav{gap:12px}nav>a:not(.nav-contact){display:none}.hero{grid-template-columns:1fr;padding-top:25px;gap:30px}.hero-copy{padding-top:0}h1{font-size:42px;margin-top:24px}.hero-foot{margin-top:28px}.hero-art{min-height:510px;max-width:480px;width:100%;justify-self:center}.about{padding:50px 6%}.about>div{grid-template-columns:1fr;gap:5px}.about h2{font-size:32px}.rooms{padding:50px 6%}.section-heading{display:block}.section-heading h2{font-size:30px;margin-bottom:12px}.section-heading>p{margin-bottom:25px}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:24px 0;border:0;border-bottom:1px solid #c6d3c3}h3{margin-top:12px}.contact{padding:60px 6%}.contact h2{font-size:32px}footer{flex-wrap:wrap}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.property-photo{margin:0;align-self:center;position:relative;overflow:hidden;border-radius:150px 150px 4px 4px;background:#e3eadf}.property-photo img{display:block;width:100%;height:560px;object-fit:cover;object-position:center 35%}.property-photo figcaption{padding:10px 14px;font-size:10px;color:#456652;text-align:center}@media(max-width:800px){.property-photo{max-width:480px;width:100%;justify-self:center}.property-photo img{height:auto}}
.gallery-section{padding:75px max(6%,calc((100vw - 1268px)/2))}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.photo-card{font:inherit;padding:0;border:1px solid #dbe1d7;background:#fffdf7;color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;border-radius:5px}.photo-card img{display:block;width:100%;height:270px;object-fit:cover;transition:transform .25s}.photo-card:hover img{transform:scale(1.025)}.photo-card>span{display:flex;justify-content:space-between;padding:14px 16px;font-size:12px}.photo-card b{font-weight:400;color:#9a793c}#photo-viewer{border:0;border-radius:8px;background:#f7f5ed;padding:22px;max-width:95vw;max-height:95vh;color:var(--ink)}#photo-viewer::backdrop{background:#05291fe8}#photo-viewer img{display:block;max-width:85vw;max-height:73vh;object-fit:contain;margin:auto}#photo-viewer p{text-align:center;margin:9px 0;font-size:13px}.close-photo{position:absolute;right:7px;top:7px;border:0;background:var(--green);color:white;border-radius:50%;width:35px;height:35px;cursor:pointer}.photo-controls{display:flex;gap:25px;justify-content:center;align-items:center}.photo-controls button{border:1px solid #b8c9bf;background:none;color:var(--green);padding:5px 18px;font-size:20px;cursor:pointer}.photo-controls span{font-size:12px}body:has(dialog[open]){overflow:hidden}@media(max-width:800px){.gallery-section{padding:50px 6%}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo-card img{height:190px}.photo-card>span{font-size:10px;padding:10px}nav{gap:14px}}@media(max-width:450px){.photo-card img{height:155px}}@media(prefers-reduced-motion:reduce){.photo-card img{transition:none}}

.contact-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:25px 0 10px}.zalo-button,.phone-button{display:inline-block;padding:13px 22px;border-radius:5px;font-size:13px}.zalo-button{background:#0877ed;color:white}.phone-button{border:1px solid #b8c9bf;color:#fff8e5}.floating-zalo{position:fixed;right:22px;bottom:22px;z-index:10;display:flex;flex-direction:column;background:#086de0;color:white;border-radius:14px;padding:11px 20px;box-shadow:0 4px 20px #0002;text-align:center;font-size:17px;font-weight:600}.floating-zalo span{font-size:10px;font-weight:400}body:has(dialog[open]) .floating-zalo{display:none}@media(max-width:600px){.floating-zalo{right:12px;bottom:12px;padding:8px 14px}}