:root{--bg-url:url(/assets/Img/apartment/exterior/1.jpg);--blur-amount:5px;--dim:0.35;--text-color:#f7f7f7;--accent:#79ffe1}.bg-fixed{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden;display:none}.bg-fixed:before{content:"";position:absolute;inset:-2%;background-image:var(--bg-url);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(var(--blur-amount));transform:scale(1.06);will-change:transform}.bg-fixed:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--dim))}#home{background-image:url(/assets/Img/apartment/exterior/1.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;color:white;text-align:center;padding:0 20px;display:flex;justify-content:center}.home-title.animate{opacity:1;transform:translateY(0)}.wave span{display:inline-block;animation:wave 1.5s ease-in-out infinite}.wave span:nth-child(2){animation-delay:.1s}.wave span:nth-child(3){animation-delay:.2s}.wave span:nth-child(4){animation-delay:.3s}.wave span:nth-child(5){animation-delay:.4s}.wave span:nth-child(6){animation-delay:.5s}.wave span:nth-child(7){animation-delay:.6s}.wave span:nth-child(8){animation-delay:.7s}.wave span:nth-child(9){animation-delay:.8s}.wave span:nth-child(10){animation-delay:.9s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}#home div{max-width:100%;padding:0 10px;overflow-wrap:break-word}.home-title{font-size:clamp(50px,20vw,120px);text-align:center;white-space:normal;max-width:100%;margin:0 auto;text-shadow:2px 2px 8px rgba(0,0,0,.6)}#home p.typing{font-size:clamp(16px,4.5vw,24px);text-align:center;word-wrap:break-word;padding-bottom:500px;color:white}@keyframes typing{0%{width:0}to{width:100%}}.about{background-color:rgba(255,255,255,.8);color:#333;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3vw}.about h2{font-size:3em;margin-bottom:30px;font-weight:600;position:relative;text-align:center}.about .about-content{display:flex;flex-wrap:wrap;justify-content:center;text-align:center;flex-direction:row;align-items:center;max-width:1200px;margin:0 auto;padding:40px}.about-content img{border-radius:20px}.about-content img,.about-text{flex:1;padding:10px;max-width:50%}.about-text p{font-size:clamp(16px,3vw,22px);max-width:100%}#contact,#facilities,#gallery{background-color:rgba(244,244,244,.8);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}#contact h2,#facilities h2,#gallery h2{font-size:3em;font-weight:600;text-align:center;width:100%}.facility-card{background-color:white;padding:30px;border-radius:10px;margin:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;width:250px;opacity:0;transform:translateY(50px);transition:all .6s ease-in-out}.facility-grid{display:flex;flex-wrap:wrap;justify-content:center}.facility-card.animate{opacity:1;transform:translateY(0)}.facility-card i{font-size:3em;color:#ff6a00;margin-bottom:15px}.facility-card h3{font-size:1.5em;margin-bottom:15px;font-weight:600}.facility-card p{font-size:1em;color:#777}.facility-icon{display:inline-block;font-size:40px;color:#ff6a00;transition:transform .3s ease,color .3s ease}.facility-icon:hover{transform:scale(1.2) rotate(5deg);color:#ffa533}.flip-card{background-color:transparent;width:200px;height:200px;perspective:1000px;margin:10px;opacity:0;transform:translateY(40px);animation:fadeUp .8s ease forwards}.flip-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.flip-card.touched,.flip-card:active,.flip-card:hover{transform:scale(1.05)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#222;padding:10px;box-sizing:border-box;text-align:center;color:white}.flip-card-front{font-size:2rem;color:#ff6a00}.flip-card-back{transform:rotateY(180deg);flex-direction:column}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.delay-0.in-view{transition-delay:0s}.delay-1.in-view{transition-delay:.15s}.delay-2.in-view{transition-delay:.3s}.delay-3.in-view{transition-delay:.15s}.delay-4.in-view{transition-delay:.3s}.delay-5.in-view{transition-delay:.5s}.delay-6.in-view{transition-delay:.6s}.gallery{display:flex;flex-direction:column;gap:40px;background-color:rgba(17,17,17,.8);color:white}.gallery-header{text-align:center;position:relative;margin-bottom:40px}.gallery-title{font-size:48px;font-weight:700;margin:0;color:white}.price-box{display:inline-block;background:#fff;color:#111;padding:6px 14px;border-radius:20px;font-size:12px;margin-top:10px}.size-range{font-size:14px;opacity:.6;margin-top:6px}.gallery-grid{display:grid;align-items:center;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.gallery-grid.bottom,.gallery-grid.top{grid-template-columns:repeat(4,1fr);gap:20px}.gallery-grid img{width:100%;height:40vh;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:transform .4s ease}.gallery-grid img:hover{transform:scale(1.05)}.left-text{font-size:12px;opacity:.5;line-height:1.4;flex-shrink:0;min-height:100%}.left-text,.show-more{text-align:center;display:flex;align-items:center;justify-content:center}.show-more{background:#1a1a1a;color:white;height:100%;font-size:14px;border-radius:12px;border:1px solid #333;cursor:pointer}.show-more:hover{background:#c7c7c7;color:black}.modal{display:none;position:fixed;z-index:10001;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.9)}.modal,.modal-content{justify-content:center;align-items:center}.modal-content{position:relative;margin:auto;padding:0;max-width:90%;max-height:90%;display:flex;flex-direction:column}#modalImage{max-width:95vw;max-height:95vh;border-radius:10px;transition:transform .3s ease,opacity .3s ease;cursor:zoom-in;opacity:0;object-fit:contain}#modalImage.show{opacity:1}#modalImage.zoomed{transform:scale(1.8);cursor:zoom-out}.close{position:absolute;top:30px;right:50px;font-size:40px}.close,.next,.prev{color:white;font-weight:700;cursor:pointer;z-index:10002}.next,.prev{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:rgba(0,0,0,.6);border:none;border-radius:50%;font-size:24px;text-align:center;line-height:50px;transition:background-color .3s,transform .3s,box-shadow .3s;box-shadow:0 4px 12px rgba(0,0,0,.2)}.prev{left:20px}.next{right:20px}.next:hover,.prev:hover{background-color:#ff6a00}.dots-container{margin-top:15px;text-align:center}.dot{height:12px;width:12px;margin:0 4px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .3s ease}.dot.active{background-color:#ff6a00}#contact form{max-width:600px;margin:0 auto;background-color:white;padding:30px;border-radius:10px;box-shadow:0 8px 20px rgba(0,0,0,.1)}#contact input,#contact textarea{width:100%;padding:15px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:1em;color:#333}#contact button{background-color:#ff6a00;color:white;padding:15px 25px;border:none;border-radius:5px;font-size:1.1em;cursor:pointer;transition:background-color .3s ease}#contact button:hover{background-color:#e65b00}@media (max-width:1024px){.about-content,.facility-grid{gap:15px}.gallery-grid{gap:12px}}@media (max-width:768px){.about-content{flex-direction:column}.about-content img,.about-text{flex:unset;width:100%;max-width:100%;text-align:center}.about-text p{padding:0 10px;font-size:clamp(10px,4vw,16px);max-width:100%}.flip-card{width:20vw;height:20vw}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.gallery-grid.bottom,.gallery-grid.top{grid-template-columns:1fr;justify-items:center}.gallery-grid.bottom img,.gallery-grid.top img{width:90vw;height:30vh;object-fit:cover}.show-more{font-size:14px;border-radius:30px;padding:5vw}.left-text{text-align:center;font-size:14px}.flip-card-back h3{font-size:12px}}@media (max-width:600px){.about-content img{width:100%;height:auto}.gallery-grid{grid-template-columns:1fr}.modal-content img{max-width:100%;max-height:95vh;height:auto;object-fit:contain}.home-title{font-size:clamp(24px,12vw,48px)}#home div{text-align:center;padding:0 10px}#home p.typing{font-size:4.5vw}}@media (max-width:360px),(max-width:375px),(max-width:390px),(max-width:414px),(max-width:430px){.home-title{font-size:clamp(22px,14vw,40px);white-space:normal}#home p.typing{font-size:3.5vw}}