@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Lato:wght@300;400;700&display=swap");:root{--primary:#172554;--primary-dark:#1e40af;--secondary:#f59e0b;--secondary-hover:#d97706;--accent:#8c6404;--text:#1f2937;--muted:#4b5563;--surface:#fff;--theme-dark:#111827;--theme-dark-soft:#374151;--on-dark:#fff;--on-dark-muted:hsla(0,0%,100%,.82);--on-dark-subtle:hsla(0,0%,100%,.78);--overlay-dark:rgba(0,0,0,.48);--overlay-dark-soft:rgba(0,0,0,.16);--border-soft:#d1d5db;--border-muted:#e5e7eb;--card-soft:#f8fafc;--font-heading:"Playfair Display",serif;--font-body:"Lato",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-sans:var(--font-body);--type-h2:clamp(34px,4.5vw,52px);--type-h3:clamp(24px,2.6vw,32px);--type-body:16px;--type-small:14px}*{box-sizing:border-box}body,html{padding:0;margin:0}body{font-family:var(--font-body);font-size:var(--type-body);line-height:1.7;color:var(--text);background:var(--surface);font-feature-settings:"cv02","cv03","cv04","cv11"}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}.container-wide{width:min(1400px,96%);margin:0 auto}.section-pad{padding:72px 0}.center{text-align:center}.site-header{position:fixed;inset:0 0 auto 0;z-index:20;background:linear-gradient(to bottom,color-mix(in srgb,var(--theme-dark) 45%,transparent),transparent)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.logo{height:56px;width:auto;display:block}.nav-links{display:flex;gap:24px;color:var(--on-dark);font-size:14px;font-weight:500}.pill-btn{background:var(--surface);color:var(--primary);padding:10px 18px;border-radius:999px;font-weight:600;font-size:14px}.menu-toggle{display:none;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--on-dark) 35%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-dark) 60%,transparent);padding:0;cursor:pointer;color:var(--on-dark);align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:currentColor;border-radius:999px;transition:opacity .2s ease}.mobile-menu,.mobile-menu-backdrop{display:none}.mobile-menu-links{display:grid;grid-template-columns:1fr;grid-gap:6px;gap:6px}.mobile-menu-links a{color:var(--on-dark);padding:10px 0;font-size:var(--type-body)}.mobile-menu-cta{margin-top:8px;background:var(--surface);color:var(--primary);border-radius:999px;padding:10px 14px;width:-moz-fit-content;width:fit-content}.mobile-menu-links .mobile-menu-cta{color:var(--primary);font-weight:600;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;line-height:1.2}.hero{position:relative;min-height:720px;height:100vh;overflow:hidden}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:50%;transform:scale(1);opacity:0;transition:opacity 1.3s ease,transform 6.5s ease}.hero-slide.active{opacity:1;transform:scale(1.08)}.hero-overlay{position:absolute;inset:0;background:var(--overlay-dark)}.hero-content{position:relative;z-index:2;padding-top:220px;color:var(--on-dark)}.hero h1{font-family:var(--font-heading);font-size:clamp(40px,7vw,72px);margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero p{font-size:clamp(18px,2.1vw,28px);max-width:960px;margin-top:16px}.hero-dots{margin-top:24px;display:flex;gap:8px}.dot{width:10px;height:10px;border-radius:999px;border:0;background:color-mix(in srgb,var(--on-dark) 60%,transparent);cursor:pointer}.dot.active{width:30px;background:var(--on-dark)}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:36px;gap:36px;align-items:center}.about{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),var(--surface),color-mix(in srgb,var(--secondary) 8%,transparent))}.about h2,.amenity-content h2,.contact h2,.investment-calculator h2,.life h2,.partners h2,.units h2{font-family:var(--font-heading);font-size:var(--type-h2);margin:0;font-weight:700;letter-spacing:-.02em;line-height:1.12}.about p{line-height:1.7;color:var(--muted);font-size:var(--type-body)}.about-image-wrap{position:relative;height:460px;overflow:hidden}.about-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.metrics{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.metrics strong{display:block;font-size:54px;font-weight:300}.metrics span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:13px}.units{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),var(--surface),color-mix(in srgb,var(--secondary) 8%,transparent))}.units h2{margin:0 0 28px}.unit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.unit-card{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16/9;background:var(--theme-dark);box-shadow:0 10px 24px var(--overlay-dark-soft)}.unit-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.unit-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,color-mix(in srgb,var(--theme-dark) 82%,transparent) 8%,color-mix(in srgb,var(--theme-dark) 44%,transparent) 42%,color-mix(in srgb,var(--theme-dark) 8%,transparent) 100%)}.unit-card:hover img{transform:scale(1.04)}.unit-body{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 20px 18px}.unit-name{margin:0;color:var(--on-dark);font-size:clamp(30px,3vw,42px);font-family:var(--font-heading);font-weight:700;letter-spacing:-.02em;line-height:1.1}.unit-price{margin:4px 0 0;color:var(--on-dark-muted);font-size:clamp(15px,1.4vw,19px);font-weight:400;line-height:1.4}.unit-area{margin:6px 0 0;color:var(--on-dark);font-size:clamp(14px,1.2vw,17px);font-weight:500;line-height:1.35}.investment-calculator{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 5%,transparent),var(--surface),color-mix(in srgb,var(--primary-dark) 8%,transparent))}.calculator-eyebrow{width:-moz-fit-content;width:fit-content;margin:0 auto 16px;padding:7px 18px;border-radius:999px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--on-dark);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:700}.calculator-intro{max-width:860px;margin:0 auto 34px;color:var(--muted)}.calculator-shell{background:color-mix(in srgb,var(--surface-soft) 90%,var(--surface));border:1px solid var(--border-muted);border-radius:18px;padding:34px}.calculator-input-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px 24px;gap:18px 24px}.calculator-input-grid label{display:grid;grid-gap:8px;gap:8px;color:var(--text);font-size:var(--type-body);font-weight:600}.calculator-input-grid input{width:100%;border:1px solid var(--border-soft);border-radius:10px;padding:10px 12px;font:inherit;background:var(--surface)}.calculator-input-grid input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.calculator-result-grid{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.result-card{background:var(--surface);border:1px solid var(--border-muted);border-radius:10px;padding:18px 16px;text-align:center}.result-card h3{margin:0;min-height:48px;color:var(--text);font-size:var(--type-h3);font-weight:600;line-height:1.25}.result-card p{margin:14px 0 0;font-family:var(--font-heading);font-size:clamp(34px,3.2vw,46px);color:var(--primary);line-height:1.05}.result-card-highlight{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.result-card-highlight h3,.result-card-highlight p{color:var(--on-dark)}.calculator-note{margin:20px 0 0;text-align:center;color:var(--muted);font-size:var(--type-small)}.partners{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 4%,transparent),var(--surface),color-mix(in srgb,var(--secondary) 6%,transparent))}.partners-intro{max-width:720px;margin:0 auto 26px;color:var(--muted);font-size:var(--type-body)}.partners-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:18px;gap:18px}.partner-card{border:1px solid var(--border-muted);border-radius:14px;background:var(--surface);min-height:270px;padding:16px;display:grid;grid-template-rows:1fr auto;align-items:center}.partner-logo-wrap{border:1px solid var(--border-soft);border-radius:12px;background:color-mix(in srgb,var(--surface-soft) 70%,var(--surface));height:150px;display:flex;align-items:center;justify-content:center;padding:14px}.partner-logo{max-width:100%;max-height:100%;object-fit:contain;display:block}.partner-card h3{margin:14px 0 0;text-align:center;color:var(--primary);font-size:var(--type-h3)}.amenities{background:var(--surface)}.amenities-wrap{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:48px;gap:48px;align-items:start}.amenity-carousel{position:relative;height:560px;overflow:hidden}.amenity-carousel img{width:100%;height:100%;object-fit:cover;display:block}.amenity-overlay{position:absolute;left:0;bottom:0;background:color-mix(in srgb,var(--primary) 90%,transparent);color:var(--on-dark);padding:28px 30px;max-width:360px}.amenity-overlay p:first-child{text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--secondary);margin:0}.amenity-overlay p:nth-child(2){margin:10px 0 0;font-size:14px;line-height:1.6}.amenity-overlay span{display:inline-block;margin-top:18px;font-size:11px;letter-spacing:.24em;color:var(--secondary)}.amenity-controls{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;background:color-mix(in srgb,var(--secondary) 70%,var(--surface) 30%);color:var(--on-dark)}.amenity-controls button{border:0;background:transparent;color:var(--on-dark);padding:11px 15px;cursor:pointer;font-size:18px}.amenity-content p{margin-top:14px;color:var(--muted);line-height:1.7;font-size:var(--type-body)}.amenity-feature-list{margin-top:34px;display:grid;grid-gap:34px;gap:34px}.amenity-feature{max-width:540px}.amenity-feature-icon{display:inline-flex;width:52px;height:52px;color:var(--secondary);margin-bottom:14px}.amenity-feature-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.amenity-feature h3{color:var(--text);font-family:var(--font-heading);font-size:var(--type-h3);line-height:1.08;margin:0;text-transform:uppercase}.amenity-feature p{color:var(--muted);font-size:var(--type-body);line-height:1.7;margin:16px 0 0}.life{background-image:linear-gradient(color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface) 92%,transparent)),url(/api/assets/images/royal-heights/ROYAL%20HEIGHTS%20Grey_5.png);background-size:cover;background-position:50%}.life h2{margin:0 0 24px}.life-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:18px;gap:18px}.life-grid article{background:color-mix(in srgb,var(--surface) 95%,transparent);border:1px solid var(--border-muted);padding:24px;min-height:180px;transition:all .25s ease}.life-grid article:hover{background:var(--primary);color:var(--on-dark)}.life-grid h3{font-family:var(--font-heading);text-transform:uppercase;font-size:var(--type-h3);margin:0 0 10px;line-height:1.2}.life-grid p{margin:0;line-height:1.7;color:var(--muted);font-size:var(--type-body)}.life-grid article:hover p{color:color-mix(in srgb,var(--on-dark) 90%,transparent)}.contact{background:linear-gradient(to right,var(--primary),var(--primary-dark));color:var(--on-dark)}.inquiry-form{background:var(--surface);color:var(--theme-dark);border-radius:12px;padding:22px;display:grid;grid-gap:10px;gap:10px}.inquiry-form input,.inquiry-form select,.inquiry-form textarea{width:100%;border:1px solid var(--border-soft);border-radius:8px;padding:10px 12px;font:inherit}.inquiry-form button{background:var(--secondary);color:var(--on-dark);border:0;border-radius:8px;padding:11px;font-weight:600;cursor:pointer}.inquiry-form button:hover{background:var(--secondary-hover)}.checkbox{display:flex;gap:8px;align-items:center;font-size:var(--type-small)}.location{background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 4%,transparent),var(--surface),color-mix(in srgb,var(--secondary) 6%,transparent))}.location-layout{margin-top:26px;display:grid;grid-template-columns:1.15fr 1fr;grid-gap:22px 28px;gap:22px 28px;align-items:stretch}.location-image-card{position:relative;border-radius:16px;overflow:hidden;min-height:500px;background:var(--theme-dark)}.location-image-card img{width:100%;height:100%;object-fit:cover;display:block}.location-image-overlay{position:absolute;inset:auto 0 0 0;padding:20px 22px;background:linear-gradient(to top,color-mix(in srgb,var(--theme-dark) 80%,transparent),transparent)}.location-image-overlay p{margin:0;font-family:var(--font-heading);color:var(--on-dark);font-size:clamp(32px,3.2vw,42px);line-height:1.1}.location-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.location-metric-card{border:1px solid var(--border-muted);border-radius:12px;background:var(--surface);text-align:center;padding:24px 12px}.location-metric-card h3{margin:0;font-family:var(--font-heading);color:color-mix(in srgb,var(--secondary) 82%,var(--primary) 18%);font-size:clamp(32px,2.8vw,42px)}.location-metric-card p{margin:4px 0 0;color:var(--muted)}.location-highlights{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:26px;gap:26px}.location-group{border:1px solid var(--border-muted);border-radius:12px;background:var(--surface);padding:18px}.location-highlights h3{margin:0 0 10px;font-size:var(--type-h3);color:var(--primary)}.location-featured{margin:0 0 10px;border:1px solid color-mix(in srgb,var(--secondary) 40%,transparent);background:color-mix(in srgb,var(--secondary) 12%,var(--surface));color:var(--primary);border-radius:8px;padding:8px 10px;font-weight:600}.location-highlights ul{margin:0 0 18px;padding-left:0;list-style:none;display:grid;grid-gap:8px;gap:8px}.location-highlights li{position:relative;padding-left:16px;color:var(--text)}.location-highlights li:before{content:">";position:absolute;left:0;color:var(--secondary);font-weight:700}.site-footer{background:linear-gradient(135deg,var(--theme-dark),var(--primary),var(--theme-dark));color:var(--on-dark)}.footer-shell{padding:64px 0 24px}.footer-main{display:grid;grid-template-columns:1fr 2fr;grid-gap:48px;gap:48px;margin-bottom:56px}.footer-logo{height:64px;width:auto;display:block;margin-bottom:14px}.footer-brand p{margin:0;color:var(--on-dark-muted);max-width:520px;line-height:1.75;font-size:var(--type-body)}.footer-socials{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.footer-socials a{width:44px;height:44px;border-radius:999px;background:color-mix(in srgb,var(--on-dark) 12%,transparent);display:inline-flex;align-items:center;justify-content:center;color:var(--on-dark);transition:background .2s ease,transform .2s ease}.footer-socials a:hover{background:var(--secondary);transform:translateY(-2px)}.footer-socials svg{width:20px;height:20px;fill:currentColor}.footer-columns{display:grid;grid-template-columns:1fr 1.4fr;grid-gap:48px;gap:48px}.site-footer h3{margin:0 0 20px;font-size:var(--type-h3);color:var(--secondary)}.footer-links{list-style:none;padding:0;margin:0;display:grid;grid-gap:14px;gap:14px}.footer-links a{color:color-mix(in srgb,var(--on-dark) 84%,transparent);display:inline-flex;align-items:center;gap:8px;font-weight:500;transition:color .2s ease,transform .2s ease}.footer-links a:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--secondary);transition:transform .2s ease,background .2s ease}.footer-links a:hover{color:var(--secondary);transform:translateX(2px)}.footer-links a:hover:before{transform:scale(1.35)}.office-block+.office-block{margin-top:18px}.office-block h4{margin:0 0 14px;font-size:var(--type-h3);display:inline-flex;align-items:center;gap:10px}.footer-office-icon{width:22px;height:22px;color:var(--secondary);display:inline-flex}.footer-office-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.office-block p{margin:0 0 10px;color:var(--on-dark-muted);font-size:var(--type-body);display:flex;align-items:flex-start;gap:10px}.footer-info-icon{width:30px;height:30px;border-radius:8px;background:color-mix(in srgb,var(--secondary) 22%,transparent);color:var(--secondary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.footer-info-icon svg{width:16px;height:16px;fill:currentColor}.footer-bottom{border-top:1px solid color-mix(in srgb,var(--on-dark) 20%,transparent);padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-bottom p{margin:0;color:var(--on-dark-subtle)}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:var(--on-dark-subtle);transition:color .2s ease}.footer-bottom-links a:hover{color:var(--secondary)}.floating-actions{position:fixed;right:20px;bottom:20px;z-index:60;display:flex;flex-direction:column;gap:12px}.floating-btn{width:54px;height:54px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--on-dark);box-shadow:0 10px 24px color-mix(in srgb,var(--theme-dark) 22%,transparent)}.floating-btn svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.scroll-top-btn{background:var(--primary);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.whatsapp-btn{background:#25d366;color:var(--on-dark)}.whatsapp-btn svg{width:24px;height:24px;fill:currentColor;stroke:none}@media (max-width:640px){.floating-actions{right:14px;bottom:14px}.floating-btn{width:50px;height:50px}}[data-reveal]{opacity:0;transform:translate3d(0,34px,0);filter:blur(3px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),filter .75s cubic-bezier(.22,1,.36,1),background-color .25s ease,color .25s ease,border-color .25s ease;transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform,filter}[data-reveal].is-visible{opacity:1;transform:translateZ(0);filter:blur(0)}@media (max-width:1024px){body.mobile-nav-open{overflow:hidden}.nav-links,.pill-btn{display:none!important}.menu-toggle{display:inline-flex!important;align-items:center;justify-content:center;margin-left:auto;background:var(--secondary);border-color:var(--secondary);color:var(--theme-dark);z-index:5}.site-header{background:color-mix(in srgb,var(--theme-dark) 55%,transparent)}.mobile-menu,.nav-wrap{position:relative;z-index:3}.mobile-menu{display:block;max-height:0;overflow:hidden;opacity:0;pointer-events:none;transition:max-height .25s ease,opacity .2s ease;border-top:1px solid color-mix(in srgb,var(--on-dark) 25%,transparent);background:color-mix(in srgb,var(--theme-dark) 88%,transparent)}.mobile-menu.open{max-height:430px;opacity:1;pointer-events:auto}.mobile-menu-links{padding:14px 4%}.mobile-menu-backdrop{display:block;position:fixed;inset:0;border:0;margin:0;padding:0;background:color-mix(in srgb,var(--theme-dark) 60%,transparent);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:2}.mobile-menu-backdrop.open{opacity:1;pointer-events:auto}.amenities-wrap,.footer-columns,.footer-main,.location-layout,.split{grid-template-columns:1fr}.partners-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-image-card{min-height:420px}.calculator-input-grid,.calculator-result-grid,.life-grid,.location-highlights,.location-metric-grid,.unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.amenity-carousel{height:460px}}@media (max-width:640px){.section-pad{padding:56px 0}.container,.container-wide{width:min(100%,94%)}.life-grid,.location-highlights,.location-metric-grid,.metrics,.partners-grid,.unit-grid{grid-template-columns:1fr}.calculator-shell{padding:20px}.calculator-input-grid,.calculator-result-grid{grid-template-columns:1fr}.result-card h3{min-height:auto}.location-image-card{min-height:340px}.hero-content{padding-top:180px}.hero{min-height:620px}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;filter:none;transition:none}}