
:root{--gold:#c19a5b}body{background:#fbfcfa}.preview-bar{background:#173b34;color:#fff;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:10px max(20px,calc((100% - 1180px)/2));font:12px 'DM Sans',sans-serif;letter-spacing:.04em}.preview-bar button{background:transparent;border:1px solid #bca67a;color:white;padding:7px 12px;border-radius:20px;cursor:pointer;font:inherit}.preview-bar span{color:#e2d7bc}.nav{background:rgba(251,252,250,.88)}
.hero{perspective:1600px;position:relative;padding-top:15px;padding-bottom:20px}.hero img{transform:rotateX(var(--hero-x,1deg)) rotateY(var(--hero-y,-1deg)) translateZ(0);transition:transform 700ms ease-out;box-shadow:0 36px 65px -25px #173b345c,0 2px 2px #173b341f;will-change:transform}.hero:after{content:'';position:absolute;left:8%;right:8%;height:24px;bottom:-1px;border-radius:50%;background:#173b342b;filter:blur(23px);z-index:-1}.intro{padding-top:70px}.intro h1{max-width:680px}.builder-grid{perspective:1300px;gap:25px!important}.builder-tile{transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .4s ease,box-shadow .4s ease!important;border:1px solid #dce3dd!important;box-shadow:0 5px 12px #173b3408,0 18px 32px -25px #173b344d!important;position:relative;isolation:isolate}.builder-tile:hover,.builder-tile:focus-visible{--lift:-9px;box-shadow:0 24px 40px -22px #173b3460!important;outline:2px solid #c19a5b;outline-offset:4px}.builder-image{transform:translateZ(15px);overflow:hidden}.builder-image img{transition:transform .8s!important}.builder-tile:hover img{transform:scale(1.035)}.builder-copy{transform:translateZ(24px);background:#fff}.builder-action{color:#173b34}.why{position:relative;overflow:hidden}.why:before{content:'';width:480px;height:480px;position:absolute;left:-200px;top:-180px;border:1px solid #c19a5b38;border-radius:50%;box-shadow:0 0 0 45px #c19a5b08,0 0 0 90px #c19a5b05;pointer-events:none}.why-grid{position:relative}.why-points article{transition:transform .35s,background .35s}.why-points article:hover{transform:translateX(8px);background:#ffffff04}.primary,.nav-cta{box-shadow:0 7px 0 -4px #0b251e,0 10px 20px #173b3420;transition:transform .3s,box-shadow .3s}.primary:hover,.nav-cta:hover{transform:translateY(-3px)}.reveal{opacity:1;transform:none}.motion-enabled .reveal:not(.visible){opacity:0;transform:translateY(22px)}.reveal{transition:opacity .75s,transform .75s}.motion-off *, .motion-off *:before{animation:none!important;transition:none!important}.motion-off .hero img,.motion-off .builder-tile,.motion-off .builder-copy,.motion-off .builder-image{transform:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.preview-note{font-size:12px;color:#687570;text-align:center;padding:20px;border-top:1px solid #dedfd9}
@media(max-width:800px){.preview-bar{padding:8px 14px;font-size:10px}.preview-bar span{display:none}.hero img{transform:none}.builder-grid{gap:15px!important}.intro{padding-top:45px}.builder-tile{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.hero img,.builder-tile{transform:none!important}.reveal{opacity:1!important;transform:none!important}}


:root{--ink:#222328;--forest:#28292d;--forest2:#efede5;--gold:#8c909a;--cream:#faf8f2;--line:#dedbd1;--muted:#686b75}body{background:radial-gradient(ellipse at 85% 10%,#fff 0,transparent 38%),#f5f3ed;color:#222328;font-family:'DM Sans',Arial,sans-serif}.preview-bar{background:#242529;color:#fff}.preview-bar span{color:#d6d7dc}.preview-bar button{border-color:#74767e}.nav{height:88px;background:#fbfaf6ed;border-bottom:1px solid #fff;box-shadow:0 8px 24px #262a3305}.mark{background:linear-gradient(135deg,#fff 15%,#e6e7eb 55%,#fff 78%);color:#34363c;border:1px solid #fff;box-shadow:inset 0 1px 3px #fff,0 6px 12px #242b3319;border-radius:14px}.brand{letter-spacing:-.02em}.nav-cta{background:linear-gradient(#42444c,#202126)!important;box-shadow:inset 0 1px #ffffff35,0 6px 12px #23262e20}.pearl-hero{max-width:1400px;min-height:650px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:16px;padding:65px 50px 45px}.hero-copy{position:relative;z-index:2;padding-bottom:25px}.kicker,.scene-label>span{font-size:10px;letter-spacing:.2em;font-weight:700;color:#757983}.pearl-hero h1{font:500 clamp(42px,4.2vw,66px)/1.12 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:25px 0}.pearl-hero h1 em{font-style:normal;color:#8e939e}.hero-description{max-width:420px;font-size:16px;line-height:1.8;color:#6c707b}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.dark-button{background:linear-gradient(#41434c,#222329);padding:17px 22px;border-radius:18px;color:#fff;text-decoration:none;font-size:13px;box-shadow:inset 0 1px #ffffff50,0 8px 15px #23242c28}.dark-button span{margin-left:25px}.quiet-link{color:#575c66;text-decoration:none;font-size:12px}.hero-foot{display:flex;align-items:center;gap:9px;font-size:11px;color:#818590;margin-top:50px}.status-dot{height:5px;width:5px;background:#787d88;border-radius:50%}.model-wrap{position:relative;min-width:0;border:1px solid #fff;border-radius:48px;background:radial-gradient(ellipse at 45% 20%,#fff 12%,#faf8f2 50%,#e7e4db 100%);box-shadow:inset 0 4px 6px #fff,inset 0 -3px 8px #b8bcc438,0 30px 55px -30px #393f5655,0 3px 4px #fff;min-height:540px}.scene-label{text-align:center;padding:28px 15px 0}.scene-label small{display:block;font-size:10px;color:#979ba4;margin-top:8px}.model-viewport{height:390px;position:relative;perspective:1100px;overflow:hidden;touch-action:pan-y;cursor:grab;border-radius:35px}.model-viewport:active{cursor:grabbing}.orbit{position:absolute;left:50%;top:66%;transform-style:preserve-3d;transform:rotateX(-16deg) rotateY(var(--angle,-28deg));transition:transform .6s cubic-bezier(.2,.8,.2,1)}.orbit *{transform-style:preserve-3d}.plinth{position:absolute;width:390px;height:26px;left:-195px;top:0;transform:translateZ(-8px)}.plinth-top{position:absolute;width:390px;height:220px;transform:rotateX(90deg) translateZ(110px);background:linear-gradient(135deg,#fff,#ece9e0);border:1px solid #fff;border-radius:30px;box-shadow:0 0 45px #fff}.plinth-edge{position:absolute;width:390px;height:26px;border-radius:0 0 20px 20px;background:linear-gradient(#fff,#d4d0c5);box-shadow:0 35px 35px #464b6238}.tower{width:75px;height:var(--height);position:absolute;left:-37.5px;top:calc(-1 * var(--height));transform:translateX(var(--tx)) translateZ(var(--tz));transform-style:preserve-3d}.face{position:absolute;width:75px;height:100%;border:1px solid #f1eee6;background:#f5f3ec;backface-visibility:hidden}.front{transform:translateZ(37.5px);background:linear-gradient(100deg,#fff,#e8e5dc);display:flex;flex-direction:column;justify-content:space-around;padding:9px 6px}.front i{display:block;height:7px;background:repeating-linear-gradient(90deg,#69768a 0 9px,#d9dfe7 9px 14px);box-shadow:0 2px 0 #fff;border-bottom:1px solid #c4cbd7}.back{transform:rotateY(180deg) translateZ(37.5px);background:repeating-linear-gradient(0deg,#e5e1d7 0 12px,#a5afc1 12px 15px)}.side{background:linear-gradient(90deg,#d6d1c6,#f8f6ef)}.left{transform:rotateY(-90deg) translateZ(37.5px)}.right{transform:rotateY(90deg) translateZ(37.5px);display:flex;flex-direction:column;justify-content:space-around;padding:9px 8px}.right i{display:block;height:7px;background:repeating-linear-gradient(90deg,#8390a6 0 8px,#d8dde5 8px 14px);border-bottom:1px solid #fff}.roof{position:absolute;top:0;width:75px;height:75px;background:linear-gradient(145deg,#fff,#d3cfc4);transform:rotateX(90deg) translateZ(37.5px);border:4px solid #fff}.pool{position:absolute;width:110px;height:32px;left:-150px;top:0;transform:rotateX(90deg) translateZ(44px) translateY(65px);background:linear-gradient(100deg,#a1b6cf,#d1deec);border:5px solid #fff;border-radius:12px;box-shadow:0 0 0 1px #c7ced9}.scene-toolbar{display:flex;justify-content:center;align-items:center;gap:15px;padding:0 12px 28px;color:#888e9b}.scene-toolbar button{border:1px solid #fff;background:linear-gradient(#fff,#eeebe3);box-shadow:0 4px 9px #33394b12,inset 0 1px #fff;border-radius:12px;padding:10px 14px;color:#454954;cursor:pointer}.scene-toolbar span{font-size:8px;letter-spacing:.17em}.floating-caption{position:absolute;bottom:70px;right:-18px;display:flex;align-items:center;gap:12px;background:linear-gradient(130deg,#fff,#f6f4ed);padding:17px 23px;border-radius:23px;border:1px solid #fff;box-shadow:inset 0 2px 3px #fff,0 18px 35px #444b6220}.caption-icon{width:35px;height:35px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(#fffefa,#e9e6de);box-shadow:inset 0 1px #fff,0 3px 5px #262b3710}.floating-caption b{font-size:12px}.floating-caption small{display:block;font-size:9px;margin-top:5px;color:#9195a0}.intro{padding:65px 0 70px;border-top:1px solid #e1ddd3}.eyebrow{color:#767d89}.intro h1,.section-head h2,.why h2,.contact h2{font-family:'DM Sans',Arial,sans-serif;font-weight:500;letter-spacing:-.045em}.intro h1{font-size:40px}.intro>div:last-child>p{font-size:15px}.text-link{color:#363c47;border-color:#bfc4cd}.section-head h2{font-size:42px}.builder-grid{gap:25px!important}.builder-tile{padding:12px!important;border-radius:30px!important;border:1px solid #fff!important;background:linear-gradient(145deg,#fff 15%,#faf9f4 50%,#e9e6dc 85%,#fff)!important;box-shadow:inset 0 3px 5px #fff,inset 0 -3px 5px #c8cdd940,0 18px 24px -17px #30394a40!important}.builder-tile:after{content:'';position:absolute;inset:0;border-radius:30px;background:linear-gradient(125deg,#ffffff7a,transparent 25%,transparent 75%,#ffffff55);pointer-events:none;z-index:2}.builder-tile:hover,.builder-tile:focus-visible{outline-color:#a0a7b5;box-shadow:inset 0 3px 5px #fff,0 22px 35px -15px #30394a50!important}.builder-image{border-radius:21px!important;overflow:hidden}.builder-copy{background:transparent!important;padding:22px 10px 14px!important}.builder-name,.builder-action,.builder-price{color:#292f3a!important}.builder-price{background:transparent!important}.why{background:linear-gradient(120deg,#fff,#f1eee6);border-top:1px solid #fff;border-bottom:1px solid #fff;color:#272d37;border-radius:44px;margin:0 20px;box-shadow:inset 0 3px 5px #fff,0 15px 35px #393f5510}.why:before{display:none}.why-points article{border-color:#dedad0!important}.why-points p{color:#777e8a}.why-points b,.light{color:#7d8799}.why h2{font-size:48px}.contact h2{font-size:46px}.primary{background:linear-gradient(#454852,#24262d);color:#fff;border:1px solid #353943;box-shadow:inset 0 1px #ffffff50,0 9px 15px #30394a24}.primary:hover{background:#383c46}.secondary{color:#505867;border-color:#dedad0;background:linear-gradient(#fff,#eeebe3);box-shadow:inset 0 2px #fff}.floating-wa{background:linear-gradient(#4e535f,#292e38)}footer{background:#e8e5dc;color:#292f3a;border-top:1px solid #fff}footer p{color:#747c89}.rera-number b{color:#525c6d!important}.preview-note{background:#f1eee6;color:#757e8e}.option-card{background:linear-gradient(#fff,#f8f6ef)!important;border-color:#fff!important;border-radius:24px!important;box-shadow:0 15px 25px #30394a0f!important}.option-top strong{color:#4e586c!important;background:#efede5!important}.enquire,.option-enquire{background:#303640!important}.option-top span,.option-rera{color:#6d7788!important}.detail-empty{background:#f1eee6!important;border-color:#e2ded4!important}.motion-off .orbit{transition:none!important}
@media(max-width:1000px){.pearl-hero{padding:45px 30px;gap:30px}.pearl-hero h1{font-size:44px}.model-wrap{min-height:500px}.model-viewport{height:350px}.orbit{scale:.85}.floating-caption{right:-8px}.hero-actions{gap:14px}}@media(max-width:760px){.pearl-hero{grid-template-columns:1fr;padding:35px 20px 45px;gap:25px}.hero-copy{padding:0}.pearl-hero h1{font-size:43px}.hero-description{font-size:14px}.hero-foot{margin-top:25px}.model-wrap{min-height:465px;border-radius:35px}.model-viewport{height:320px}.orbit{scale:.8}.floating-caption{bottom:76px;right:7px;padding:12px 15px}.scene-label{padding-top:23px}.intro h1{font-size:33px}.section-head h2{font-size:34px}.why{margin:0 10px;border-radius:28px}.why h2,.contact h2{font-size:36px}.nav{height:72px}.hero-actions{flex-wrap:wrap}.dark-button{padding:15px 19px}.scene-toolbar{gap:12px}.builder-copy{padding:17px 6px 10px!important}}

body{background:radial-gradient(ellipse at 85% 10%,#fffefa 0,transparent 38%),#f5f3ed}.model-wrap{background:radial-gradient(ellipse at 40% 15%,#fff 8%,#fcfbf6 43%,#e7e4db 100%);box-shadow:inset 0 4px 6px #fff,inset 0 -3px 8px #b8b2a538,0 30px 55px -30px #44413b40,0 3px 4px #fff}.builder-tile{background:linear-gradient(145deg,#fff 12%,#fbfaf5 48%,#e9e6dc 86%,#fff)!important}.why{background:linear-gradient(120deg,#fffefa,#f1eee6)}.floating-caption{background:linear-gradient(130deg,#fffefa,#f6f4ed)}
.motion-control{padding:7px 10px;border-radius:20px;border:1px solid #d7d3ca;background:linear-gradient(#fff,#efede5);color:#53565f;font:11px Arial,sans-serif;cursor:pointer}.nav nav{gap:18px}@media(max-width:760px){.motion-control{font-size:10px;padding:6px 8px}.nav nav{gap:8px}.brand{font-size:13px;gap:8px}.brand small{font-size:8px}.nav-cta{font-size:11px!important;padding:9px 11px!important}}
.colour-hero{max-width:1400px;margin:0 auto;padding:55px 45px 0}.colour-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end;margin-bottom:38px}.colour-intro h1{font:500 clamp(40px,4.6vw,66px)/1.08 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:21px 0 0;color:#25272d}.colour-intro h1 em{font-style:normal;color:#77786f}.colour-summary p{font-size:15px;line-height:1.8;color:#6d706e;margin:0 0 25px}.colour-summary .dark-button{display:inline-block}.cinematic-frame{position:relative;margin:0;border:9px solid #fffefa;border-radius:34px;overflow:hidden;background:#f5f3ed;box-shadow:inset 0 2px #fff,0 22px 40px -28px #44413b75,0 0 0 1px #e0ddd4}.cinematic-image{height:clamp(360px,39vw,550px);overflow:hidden}.cinematic-image img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block;animation:cinematic-drift 22s ease-in-out infinite alternate}.cinematic-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#141c256b 0,transparent 45%);pointer-events:none}.cinematic-frame figcaption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:2;color:white}.cinematic-frame figcaption small{font-size:9px;letter-spacing:.18em;color:#f7f7f1;display:block;margin-bottom:9px}.cinematic-frame figcaption strong{font-size:29px;letter-spacing:-.03em;display:block;font-weight:500}.cinematic-frame figcaption span{display:block;font-size:11px;color:#f4f4ed;margin-top:7px}.image-link{color:#292d36;text-decoration:none;font-size:12px;padding:15px 20px;background:linear-gradient(135deg,#fffffff5,#efeee5ed);border:1px solid #fff;border-radius:16px;box-shadow:0 5px 15px #1c222524}.visual-disclaimer{position:absolute;top:17px;right:17px;font-size:9px;color:#fff;background:#262b317a;border-radius:20px;padding:7px 10px;z-index:2}.hero-bottom{display:flex;justify-content:space-between;gap:15px;padding:23px 5px 38px;font-size:11px;color:#85857b;letter-spacing:.02em}.hero-bottom a{color:#666960;text-decoration:none}.intro{padding-top:55px}.motion-off .cinematic-image img{animation:none!important;transform:none!important}@keyframes cinematic-drift{from{transform:scale(1.005) translateX(0)}to{transform:scale(1.065) translateX(-.6%)}}@media(prefers-reduced-motion:reduce){.cinematic-image img{animation:none!important}}@media(max-width:760px){.colour-hero{padding:30px 16px 0}.colour-intro{grid-template-columns:1fr;gap:22px;margin-bottom:25px}.colour-intro h1{font-size:43px}.colour-summary p{font-size:14px;max-width:500px}.cinematic-frame{border-width:6px;border-radius:24px}.cinematic-image{height:390px}.cinematic-image img{object-position:57% center}.cinematic-frame figcaption{left:18px;right:18px;bottom:22px;align-items:start;flex-direction:column;gap:15px}.cinematic-frame figcaption strong{font-size:25px}.image-link{padding:11px 15px;font-size:11px}.hero-bottom{font-size:10px;flex-wrap:wrap;padding-bottom:28px}.kicker{font-size:9px}}
