@import "https://fonts.googleapis.com/css2?family=Dosis:wght@200;300;400;500;600;700;800&family=Cinzel:wght@400&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&display=swap";@font-face{font-family:Olivera;src:url(/fonts/Olivera_Demo.ttf)format("truetype");font-weight:400;font-style:normal}:root{--bg-darker:#f9f6f0;--bg-dark:#f0ebe1;--bg-card:rgba(255,255,255,.65);--bg-card-hover:rgba(255,255,255,.95);--primary:#be9d7c;--primary-light:#d6bba0;--primary-glow:rgba(190,157,124,.35);--accent-teal:#be9d7c;--accent-teal-glow:rgba(190,157,124,.15);--accent-yellow:#a87e58;--text-primary:#2a2a2a;--text-secondary:#4a4a4a;--text-muted:#6b6b6b;--border-color:rgba(0,0,0,.1);--border-color-hover:rgba(190,157,124,.4);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-md:0 8px 30px rgba(0,0,0,.08);--shadow-lg:0 16px 45px rgba(0,0,0,.12);--font-display:"Dosis", sans-serif;--font-body:"Dosis", sans-serif;--font-olivera:"Dosis", sans-serif;--font-cinzel:"Dosis", sans-serif;--transition-fast:.25s cubic-bezier(.16, 1, .3, 1);--transition-normal:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.6s cubic-bezier(.16, 1, .3, 1)}.dark-theme-override{--bg-darker:#0c0c0e;--bg-dark:#121216;--bg-card:rgba(15,15,20,.4);--bg-card-hover:rgba(25,25,35,.55);--primary:#38bdf8;--primary-light:#bae6fd;--primary-glow:rgba(56,189,248,.35);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:rgba(255,255,255,.06);--border-color-hover:rgba(56,189,248,.4)}.dark-theme-override .glass-panel-premium{background:rgba(15,15,20,.4);border:1px solid rgba(255,255,255,.06);box-shadow:0 12px 40px rgba(0,0,0,.5)}.dark-theme-override .luxury-hover-glow:hover{border-color:var(--primary)!important;box-shadow:0 0 15px var(--primary-glow), 0 8px 32px rgba(56,189,248,.15)!important}*{box-sizing:border-box;margin:0;padding:0;font-family:Dosis,sans-serif!important}html,body{background-color:var(--bg-darker);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:rgba(56,189,248,.15);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.scrollbar-styled{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.3) transparent}.scrollbar-styled::-webkit-scrollbar{width:4px}.scrollbar-styled::-webkit-scrollbar-track{background:0 0}.scrollbar-styled::-webkit-scrollbar-thumb{background:rgba(56,189,248,.25);border-radius:4px}.scrollbar-styled::-webkit-scrollbar-thumb:hover{background:#38bdf8}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border-radius:16px}.glass-panel:hover{border-color:var(--border-color-hover);background:var(--bg-card-hover);box-shadow:var(--shadow-md)}.glass-panel-premium{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);transition:all var(--transition-normal);background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.1);border-radius:20px}.luxury-hover-glow{transition:all var(--transition-fast)}.luxury-hover-glow:hover{border-color:var(--primary)!important;box-shadow:0 0 15px var(--primary-glow), 0 8px 32px rgba(190,157,124,.15)!important}.edge-to-edge-container{width:100%;max-width:100vw;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.glass-modal{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:var(--shadow-lg);background:rgba(255,255,255,.85);border:1px solid rgba(190,157,124,.25);border-radius:24px}h1{font-family:var(--font-cinzel)!important;letter-spacing:.01em!important;font-size:2.2rem!important;font-weight:400!important;line-height:1.8!important}h2{font-family:var(--font-cinzel)!important;letter-spacing:.01em!important;font-size:2rem!important;font-weight:380!important;line-height:1.3!important}h3{font-family:var(--font-cinzel)!important;letter-spacing:.02em!important;font-size:1.3rem!important;font-weight:300!important;line-height:1.3!important}h4,h5,h6{font-family:var(--font-display);font-weight:400}.btn{font-family:var(--font-display);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1.15rem;font-weight:400;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff}.btn-primary:hover{box-shadow:0 4px 15px var(--primary-glow);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:rgba(0,0,0,.05)}.btn-secondary:hover{border-color:var(--border-color-hover);background:rgba(0,0,0,.1)}.app-container{background:radial-gradient(circle at 50% 10%, #fff 0%, var(--bg-darker) 60%);flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{flex-grow:1;width:100%;position:relative}.topbar{z-index:100;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0;border-bottom:1px solid transparent;align-items:center;width:100%;height:80px;padding:0 4%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0}.topbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.05);box-shadow:0 4px 30px rgba(0,0,0,.05)}.topbar:not(.scrolled) .navbar a{color:#fff}.topbar:not(.scrolled) .navbar a:hover,.topbar:not(.scrolled) .navbar a.active{color:#ecc31f}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto;display:flex}.logo-area{border:none;border-radius:0;align-items:center;display:flex}.logo{-o-object-fit:contain;object-fit:contain;max-width:220px;height:54px;transition:transform var(--transition-fast);border:none;border-radius:0;display:block}.logo:hover{transform:scale(1.03)}.navbar{align-items:center;gap:1.25rem;margin-left:auto;margin-right:2.5rem;display:flex}.nav-actions{flex-shrink:0;align-items:center;gap:.75rem;margin-right:0;display:flex}.btn-nav-brochure{letter-spacing:.5px;cursor:pointer;white-space:nowrap;color:#38bdf8;background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.45);border-radius:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:.62rem 1.2rem;font-size:1.02rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;font-family:var(--font-cinzel)!important}.btn-nav-brochure:hover{color:#38bdf8;background:rgba(56,189,248,.18);border-color:#38bdf8;transform:translateY(-1px)}.btn-nav-enquire{letter-spacing:.5px;cursor:pointer;white-space:nowrap;color:#000;background:#38bdf8;border:1px solid #38bdf8;border-radius:0;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:.62rem 1.3rem;font-size:1.02rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px rgba(56,189,248,.3);font-family:var(--font-cinzel)!important}.btn-nav-enquire:hover{color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 4px 16px rgba(14,165,233,.5)}.topbar.scrolled .btn-nav-brochure,.topbar .light-nav-actions .btn-nav-brochure{color:#0284c7;background:rgba(56,189,248,.06);border:1px solid rgba(2,132,199,.35)}.topbar.scrolled .btn-nav-brochure:hover,.topbar .light-nav-actions .btn-nav-brochure:hover{color:#0284c7;background:rgba(56,189,248,.15);border-color:#0284c7}.mobile-nav-actions{border-top:1px solid rgba(255,255,255,.1);flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;padding-top:1rem;display:none}.mobile-nav-actions .btn-nav-brochure,.mobile-nav-actions .btn-nav-enquire{justify-content:center;width:100%;min-height:42px;padding:.68rem 1.2rem;font-size:1.02rem}@media (max-width:1200px){.navbar{gap:.85rem;margin-right:1.5rem}.navbar a{font-size:1.05rem}.btn-nav-brochure,.btn-nav-enquire{min-height:36px;padding:.5rem .95rem;font-size:.96rem}}@media (max-width:900px){.navbar{gap:.65rem;margin-right:1rem}.navbar a{font-size:.95rem}.btn-nav-brochure{display:none}}.navbar a{color:var(--text-secondary);transition:color var(--transition-fast);padding:.25rem 0;font-size:1.15rem;font-weight:400;text-decoration:none;position:relative;font-family:var(--font-cinzel)!important}.navbar a:hover{color:#ecc31f;text-shadow:0 0 8px rgba(236,195,31,.4)}.navbar.floor-view-nav a:hover,.navbar.floor-view-nav a.active:after{color:inherit!important;text-shadow:none!important}.navbar a.active{color:#ecc31f}.navbar a.active:after{content:"";background-color:#ecc31f;border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0;box-shadow:0 0 8px rgba(236,195,31,.5)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:4px;display:none}.menu-toggle span{background-color:var(--text-primary);width:24px;height:2px;transition:all .3s}@media (max-width:768px){.menu-toggle{display:flex}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-color);z-index:1000;background:rgba(15,15,18,.98);flex-direction:column;gap:1.5rem;width:270px;height:calc(100vh - 80px);margin-left:0;margin-right:0;padding:2rem;transition:right .3s cubic-bezier(.16,1,.3,1);position:fixed;top:80px;right:-100%}.navbar.active{right:0}.nav-actions{display:none}.mobile-nav-actions{display:flex}}.flat-details-grid{width:100%}.flat-details-image-panel svg path{transition:stroke .25s,opacity .25s}@media (max-width:900px){.flat-details-grid{grid-template-columns:1fr!important;gap:1.25rem!important}.flat-details-image-panel{height:auto!important;min-height:320px!important}.flat-details-image-panel svg{display:block}}.topbar:not(.scrolled) .navbar.light-nav-items a{color:#000}.navbar.light-nav-items a.active{color:#000!important}.navbar.light-nav-items a.active:after{box-shadow:none!important;background-color:#000!important}
