.masterplan{cursor:default;width:100dvw;height:100dvh;position:absolute;top:0;left:0;overflow:hidden}.masterplan img{-webkit-user-select:none;user-select:none;pointer-events:auto;max-width:none;max-height:none;position:absolute}.masterplan svg{pointer-events:none;position:absolute;overflow:visible}.masterplan svg *{pointer-events:auto}.masterplan .masterplan-loader-overlay{z-index:1000;pointer-events:all;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.masterplan .masterplan-loader{justify-content:center;align-items:center;display:flex}.masterplan .spinner{border:6px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:60px;height:60px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
@media screen and (max-width:834px){.masterplan .clouds-wrapper,.masterplan .zoom-button{display:none}.masterplan .select-con{left:auto;right:3.3vh}}
.path-between-markers-overlay{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}
.masterplan svg{pointer-events:none}.masterplan svg *{pointer-events:auto}.masterplan .marker-group.floorplan .polygon{fill:#0000;pointer-events:all;stroke:#fff;stroke-width:3px;transition:all .3s}.masterplan .marker-group.floorplan .polygon:hover{fill:#5270407c}.masterplan .marker-group.project-plan-marker .marker-text.project-plan{letter-spacing:2%;font-family:Josefin Sans;font-size:16px;font-weight:400}.masterplan .marker-group{cursor:pointer}.masterplan .marker-group .marker-icon{transform-box:fill-box;transform-origin:50%}.masterplan .marker-group .image-pins{pointer-events:all;overflow:visible}.masterplan .marker-group .image-pins g{transform-box:fill-box;transform-origin:bottom}.masterplan .marker-group .landmark-text{text-transform:uppercase;font-family:Montserrat;font-size:14px;line-height:1.3}.masterplan .marker-group .marker-text{transform-box:fill-box;transform-origin:50%}.masterplan .marker-group .marker-text.marker-text-visible{opacity:1;pointer-events:all}.masterplan .marker-group .marker-text.marker-text-hidden{opacity:0;pointer-events:none}.masterplan .marker-group .marker-text .marker-text-line{letter-spacing:4px;fill:#fff;text-shadow:0 3px 2px #0000008c;border:1px solid #000;font-family:Acumin Pro Medium;font-size:40px;font-weight:500}.masterplan .marker-group .polygon{fill:#5270404d;pointer-events:all;stroke:#fff;stroke-width:3px}.masterplan .marker-group:hover .polygon{fill:#5270407c}.masterplan .marker-group:hover .image-pins g{transform:translateY(-5px)scale(1.2)}.masterplan .marker-group:hover .marker-text:not(.project-plan){transform:scale(1.05)}.masterplan .marker-group.not-clickable{pointer-events:none}.masterplan .marker-group.selected-marker .marker-icon{opacity:1;transform:scale(1.2)}.masterplan .marker-group.selected-marker .polygon{fill:#5270407c;stroke:#fbb271;stroke-width:8px}.masterplan .marker-group.selected-marker.with-pulse .polygon{animation:.8s ease-in-out 3 polygonPulse}.masterplan .marker-group.selected-marker:hover .marker-text,.masterplan .marker-group.selected-marker:hover .image-pins g{transform:none}@keyframes polygonPulse{0%,to{fill:#5270407c}50%{fill:#7a9d60a9}}.masterplan .marker-group.dim-marker-first{opacity:.5}.masterplan .marker-group.dim-marker-second{opacity:.3}.masterplan .marker-group-fac{cursor:pointer;pointer-events:all;z-index:1000;position:relative}.masterplan .marker-group-fac .marker-icon{transform-box:fill-box;transform-origin:50%}.masterplan .marker-group-fac .image-pins{pointer-events:all;overflow:visible}.masterplan .marker-group-fac .image-pins g{transform-box:fill-box;transform-origin:bottom}.masterplan .marker-group-fac .facility-label-container{z-index:9999;isolation:isolate;position:relative}.masterplan .marker-group-fac .facility-label-container rect,.masterplan .marker-group-fac .facility-label-container text{paint-order:stroke fill markers}.masterplan .marker-group-fac .marker-text{transform-box:fill-box;transform-origin:50%;pointer-events:all;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500}.masterplan .marker-group-fac .marker-text .marker-text-line{letter-spacing:4px;pointer-events:all;fill:#fff;text-shadow:0 3px 2px #0000008c;border:1px solid #000;font-family:Acumin Pro Medium;font-size:40px;font-weight:500}.masterplan .marker-group-fac .polygon{fill:#fff0;pointer-events:all}.masterplan .marker-group-fac .marker-text-visible{opacity:1}.masterplan .marker-group-fac.dim-marker-first{opacity:.5}.masterplan .marker-group-fac.dim-marker-second{opacity:.3}.masterplan .marker-group-fac.selected-marker{z-index:10000}.masterplan .marker-group-fac.selected-marker .marker-icon{opacity:1;transform:scale(1.2)}.masterplan .marker-group-fac:hover{z-index:10000}.masterplan .marker-group-fac-label{cursor:pointer;pointer-events:all;z-index:10001;position:relative}.masterplan .marker-group-fac-label .facility-label-container{z-index:10001;isolation:isolate;position:relative}.masterplan .marker-group-fac-label .facility-label-container rect,.masterplan .marker-group-fac-label .facility-label-container text{paint-order:stroke fill markers}.masterplan .marker-group-fac-label:hover{z-index:10002}
.project-hover-popup{z-index:1000;pointer-events:auto;cursor:pointer;background:#fff;border:1px solid #a9b79f;border-radius:4px;flex-direction:column;align-items:center;width:200px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #00000026}.project-hover-popup:hover{box-shadow:0 6px 16px #0003}.project-hover-popup__image{background-color:#f5f5f5;justify-content:center;align-items:center;width:100%;height:115px;display:flex;position:relative}.project-hover-popup__image img{object-fit:cover;width:100%;max-height:115px}.project-hover-popup__content{box-sizing:border-box;flex-direction:column;gap:8px;width:100%;padding:12px;display:flex}.project-hover-popup__title{color:#111;font-family:Josefin Sans;font-size:14px;font-weight:500}@media screen and (max-width:600px) and (orientation:portrait){.project-hover-popup{display:none}}
.project-card{background-color:#fff;border-radius:16px;flex-direction:column;width:320px;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.project-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.project-card .proj-img-container{justify-content:center;align-items:center;width:100%;height:228px;display:flex;position:relative}.project-card .proj-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.project-card .proj-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.project-card .proj-img-container .proj-img{object-fit:cover;cursor:pointer;border-radius:16px 16px 0 0;width:100%;height:228px;transition:all .3s}.project-card .proj-img-container .proj-img:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}.project-card .proj-info{flex-direction:column;gap:16px;padding:20px;display:flex}.project-card .proj-info .proj-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.project-card .proj-info .proj-desc{color:#110f10;max-height:130px;font-family:Montserrat;font-size:13px;font-weight:400;overflow-y:auto}.project-card .proj-info .proj-desc::-webkit-scrollbar{background-color:#000;width:2px}.project-card .proj-info .proj-desc::-webkit-scrollbar-thumb{background-color:#777}.project-card .proj-info .card-btn-con{justify-content:center;align-self:center;gap:16px;width:100%;display:flex}.project-card .proj-info .card-btn-con .card-btn{color:#3e2b24;cursor:pointer;border:1px solid #3e2b24;border-radius:2px;width:100%;padding:10px 19px;font-family:Josefin Sans;transition:background-color .3s}.project-card .proj-info .card-btn-con .card-btn.discover{background-color:#a9b79f}.project-card .proj-info .card-btn-con .card-btn.discover:hover{background-color:#9cac90}.project-card .proj-info .card-btn-con .card-btn.gallery{background-color:#0000}.project-card .proj-info .card-btn-con .card-btn.gallery:hover{background-color:#f5f5f5}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{flex-direction:row;width:500px;height:250px;max-height:calc(100dvh - 50px);overflow:auto}.project-card .proj-img-container{min-width:250px;height:auto}.project-card .proj-img-container .proj-img{width:250px;height:100%}.project-card .proj-info{justify-content:space-between;padding:15px}.project-card .proj-info .card-btn-con .card-btn{font-size:12px!important}}
.landmark-card{z-index:1000;background-color:#fff;border-radius:2px;flex-direction:column;width:200px;display:flex;overflow:hidden;box-shadow:0 4px 4px #00000040}.landmark-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.landmark-card .amen-img-container{background-color:#f5f5f5;justify-content:center;align-items:start;width:100%;height:115px;display:flex;position:relative}.landmark-card .amen-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.landmark-card .amen-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite spin}.landmark-card .amen-img-container .amen-img{object-fit:cover;width:100%;height:100%;max-height:115px}@keyframes spin{to{transform:rotate(360deg)}}.landmark-card .amen-info{flex-direction:column;gap:16px;padding:12px;display:flex}.landmark-card .amen-info .amen-title{color:#111;font-family:Josefin Sans;font-size:14px;font-weight:500}.landmark-card .amen-info .amen-desc{color:#110f10;max-height:130px;font-family:Montserrat;font-size:14px;font-weight:400;overflow-y:auto}.landmark-card .amen-info .amen-desc::-webkit-scrollbar{background-color:#000;width:2px}.landmark-card .amen-info .amen-desc::-webkit-scrollbar-thumb{background-color:#777}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.landmark-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}.landmark-card .amen-info{padding:16px}.landmark-card .amen-info .amen-title{font-size:20px}}
.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration)cubic-bezier(.4,0,.22,1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}
.tutorial-background{z-index:1000;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background-color:#0000003e;width:100dvw;height:100dvh;transition:all .3s;position:absolute;top:0;left:0}.tutorial-background.active{opacity:1;pointer-events:all}.tutorial-pop-up{box-sizing:border-box;z-index:1001;opacity:0;background-color:#fff;border-radius:2px;flex-direction:column;align-items:center;gap:24px;width:440px;padding:30px 0 24px;transition:all .3s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 4px #0000001a}.tutorial-pop-up.active{opacity:1}.tutorial-pop-up .close-button{padding:0;position:absolute;top:13px;right:13px}.tutorial-pop-up .tutorial-header{text-align:center;flex-direction:column;gap:8px;display:flex}.tutorial-pop-up .tutorial-header .tutorial-title{color:#000;text-transform:uppercase;font-family:Montserrat;font-size:18px;font-weight:400}.tutorial-pop-up .tutorial-header .tutorial-desc{font-family:Montserrat;font-size:12px;font-weight:400}.tutorial-pop-up .tutorial-hints{gap:32px;display:flex}.tutorial-pop-up .tutorial-hints .hint{flex-direction:column;align-items:center;gap:8px;display:flex}.tutorial-pop-up .tutorial-hints .hint .hint-img-wrapper{background-color:#a9b79f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.tutorial-pop-up .tutorial-hints .hint .hint-img-wrapper .hint-img{width:auto;height:30px}.tutorial-pop-up .tutorial-hints .hint .hint-text{text-align:center;width:87px;font-family:Montserrat;font-size:10px;font-weight:400}.tutorial-pop-up .tutorial-btn{justify-content:center;gap:24px;width:100%;display:flex}.tutorial-pop-up .tutorial-btn .btn{text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:2px;padding:11px 20px;font-family:Josefin Sans;font-size:16px;transition:background-color .3s,opacity .3s}.tutorial-pop-up .tutorial-btn .btn.video-tutorial{color:#3e2b24;background-color:#0000;border:1px solid #3e2b24}.tutorial-pop-up .tutorial-btn .btn.video-tutorial:hover{background-color:#f5f5f5}.tutorial-pop-up .tutorial-btn .btn.start{color:#fff;background-color:#32472b;width:100%;margin:0 13px}.tutorial-pop-up .tutorial-btn .btn.start:hover{background-color:#202e1c}
.hide-amen-btn-con{align-items:center;gap:12px;display:flex;position:absolute;bottom:32px;left:24px}.hide-amen-btn-con .hide-amen-btn{cursor:pointer;background-color:#ffffff3b;border:1px solid #ffffff41;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:66px;height:56px;padding:3px 4px;transition:all .3s;display:flex}.hide-amen-btn-con .hide-amen-btn-hint{color:#343434;opacity:0;pointer-events:none;background-color:#ffffffc2;border:1px solid #ffffff3d;border-radius:13px;padding:8px;font-size:12px;transition:opacity .3s,transform .3s;transform:translate(-8px)}.hide-amen-btn-con:hover .hide-amen-btn-hint{opacity:1;pointer-events:auto;transform:translate(0)}
.amenity-card{background-color:#fff;border-radius:16px;flex-direction:column;display:flex;position:relative;box-shadow:0 4px 4px #00000040}.amenity-card .card-close-btn{z-index:99;position:absolute;top:8px;right:8px}.amenity-card .amen-img-container{border-radius:16px 16px 0 0;justify-content:center;align-items:center;padding:16px;display:flex;position:relative}.amenity-card .amen-img-container .image-loader{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.amenity-card .amen-img-container .image-loader .spinner{border:3px solid #0000001a;border-top-color:#333;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.amenity-card .amen-img-container .amen-img{object-fit:cover;border-radius:16px;transition:all .3s}@keyframes spin{to{transform:rotate(360deg)}}.amenity-card .amen-info{flex-direction:column;gap:16px;padding:20px;display:flex}.amenity-card .amen-info .amen-title{color:#110f10;font-family:Josefin Sans;font-weight:400}.amenity-card .amen-info .time-distance-con{align-items:center;gap:20px;display:flex}
@media screen and (max-width:600px) and (max-height:1000px) and (orientation:portrait),screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important}}@media screen and (max-width:1000px) and (max-height:600px) and (orientation:landscape){.project-card{flex-direction:row;width:500px;height:250px;max-height:calc(100dvh - 50px);overflow:auto}.project-card .proj-img-container{min-width:250px;height:auto}.project-card .proj-img-container .proj-img{width:250px;height:100%}.project-card .proj-info{justify-content:space-between;padding:15px}.project-card .proj-info .card-btn-con .card-btn{font-size:12px!important}}
