*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background:#f6f5f0;color:#2f2f2f;scroll-behavior:smooth}.header{position:fixed;width:100%;top:0;left:0;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;transition:0.4s;z-index:1000}.header.scrolled{background:#fff;box-shadow:0 5px 20px rgb(0 0 0 / .08);padding:12px 5%}.logo{height:120px;transition:0.4s}.header.scrolled .logo{height:45px}nav{display:flex;gap:25px;align-items:center}nav a{text-decoration:none;color:#2f5d50;font-weight:600}.nav-cta{background:#2f5d50;;color:#fff;padding:10px 25px;border-radius:30px;text-decoration:none;font-weight:600;transition:0.3s}.nav-cta:hover{background:#4b7359}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;overflow:hidden}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero::after{content:"";position:absolute;width:100%;height:100%;background:rgb(255 255 255 / .55);top:0;left:0}.hero-content{position:relative;z-index:2;max-width:800px}.hero h1{font-family:'Playfair Display',serif;font-size:50px;color:#2f5d50;margin-bottom:20px}.hero p{font-size:18px;margin-bottom:30px}.btn{display:inline-block;background:#2f5d50;color:#fff;padding:15px 35px;border-radius:40px;text-decoration:none;font-weight:700;transition:0.3s;margin:10px}.btn:hover{background:#254940}.more-content{max-height:0;overflow:hidden;transition:max-height 0.6s ease,opacity 0.4s ease;opacity:0}#toggleArtikel:checked~.more-content{max-height:1000px;opacity:1}.read-more-btn{display:inline-block;padding:10px 25px;background:#1a4d3c;color:#fff;border-radius:30px;cursor:pointer;font-weight:500;transition:0.3s}.read-more-btn::after{content:"Read More"}#toggleArtikel:checked~div .read-more-btn::after{content:"Read Less"}.read-more-btn:hover{opacity:.85}.section{padding:50px 5%;text-align:center}.section h2{font-family:'Playfair Display',serif;font-size:34px;color:#2f5d50;margin-bottom:40px}.menu-toggle{display:none;flex-direction:column;cursor:pointer;gap:5px}.menu-toggle span{width:25px;height:3px;background:#2f5d50;border-radius:3px;transition:0.3s}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.property-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgb(0 0 0 / .08);transition:0.3s}.property-card:hover{transform:translateY(-5px)}.property-card img{width:100%;height:220px;object-fit:contain}.property-info{padding:20px;text-align:left}.property-info h3{color:#2f5d50;margin-bottom:10px}.specs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-bottom:15px;color:#555}.price{font-weight:700;color:#2f5d50;font-size:16px}.fasilitas{background:#fff}.fasilitas-slider{overflow:hidden;max-width:1200px;margin:40px auto 0 auto}.fasilitas-track{display:flex;gap:20px;transition:transform 0.8s ease-in-out}.fasilitas-item{min-width:calc(100% / 6 - 17px);background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 25px rgb(0 0 0 / .08);text-align:center}.fasilitas-item img{width:100%;height:180px;object-fit:contain}.fasilitas-item p{padding:12px;font-weight:600;color:#2f5d50;font-size:14px}.fasilitas-banner{position:relative;margin:30px auto 20px auto;max-width:1200px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgb(0 0 0 / .1)}.fasilitas-banner img{width:100%;height:auto;object-fit:contain;display:block}.promo{background:#e9efe9}.promo-banner{position:relative;margin:30px auto 20px auto;max-width:600px;border-radius:20px;overflow:hidden;box-shadow:0 15px 35px rgb(0 0 0 / .1)}.promo-banner img{width:100%;height:300px;object-fit:contain;display:block}.promo-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:20px}.promo-overlay h3{font-family:'Playfair Display',serif;font-size:28px;margin-bottom:10px}.promo-overlay p{font-size:16px}.lokasi-kontak-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;margin-top:40px}.map-container{height:100%;min-height:450px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgb(0 0 0 / .1)}.faq-item{border-bottom:1px solid #e0e0e0;margin-bottom:10px}.faq-question{width:100%;padding:18px;background:none;border:none;text-align:left;font-weight:600;font-size:16px;cursor:pointer;color:#2f5d50;position:relative}.faq-question::after{content:"+";position:absolute;right:20px;font-size:18px;transition:0.3s}.faq-item.active .faq-question::after{content:"−"}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease;padding:0 18px;color:#555}.faq-item.active .faq-answer{max-height:200px;padding-bottom:15px}.footer{background:#2f5d50;color:#fff;padding:70px 5% 30px 5%;margin-top:80px}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1200px;margin:auto}.footer h3{margin-bottom:20px;font-size:18px}.footer p,.footer a{font-size:14px;color:#e0e0e0;text-decoration:none;line-height:1.8}.footer a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:40px;padding-top:20px;border-top:1px solid rgb(255 255 255 / .2);font-size:13px;color:#dcdcdc}.whatsapp-ico{fill:#fff;width:70px;height:70px;padding:3px;background-color:#4dc247;border-radius:50%;box-shadow:2px 2px 6px rgb(0 0 0 / .4);position:fixed;bottom:20px;right:20px;z-index:10}.whatsapp-ico:hover{box-shadow:2px 2px 11px rgb(0 0 0 / .7)}@media(max-width:992px){.fasilitas-item{min-width:calc(100% / 3 - 14px)}}@media(max-width:768px){.hero h1{font-size:32px}.hero{height:90vh}.logo{height:45px}nav{display:flex;position:fixed;top:0;right:-100%;height:100vh;width:70%;background:#fff;flex-direction:column;align-items:flex-start;padding:100px 30px;gap:20px;transition:0.4s;box-shadow:-5px 0 20px rgb(0 0 0 / .1)}nav.active{right:0}.menu-toggle{display:flex}.lokasi-kontak-wrapper{grid-template-columns:1fr}.map-container{min-height:350px}.promo-banner img{height:220px}.fasilitas-banner img{height:220px}.promo-overlay h3{font-size:20px}}.close-menu{display:none;position:absolute;top:25px;right:25px;font-size:28px;font-weight:700;color:#2f5d50;cursor:pointer}@media(max-width:768px){.close-menu{display:block}}@media(max-width:600px){.fasilitas-item{min-width:calc(100% / 2 - 10px)}.fasilitas-item img{height:140px}}