:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#353535de;background-color:#e5e5e5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{width:100%;height:100vh;display:flex;flex-direction:column;margin:0;padding:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{--primary-color: rgb(245, 243, 234);--font-color: rgb(0,0,0);--logo-color: rgb(5,104,57);--PH-bg-color: rgb(134, 148, 156);--SortsMillGoudy: "Sorts Mill Goudy";--PoiretOne: "Poiret One";--TenorSans: "Tenor Sans";--Marcellus: "Marcellus";--EBGaramond: "EB Garamond";--logo-font: var(--TenorSans);--text-font: var(--EBGaramond);--layer-navbar: 50;--layer-backdrop: 60;--layer-nav-toggle: 150;--layer-nav-item: 200}html{scroll-behavior:smooth}section{scroll-margin-top:6rem}p,h1,h2,h3,h4{color:var(--font-color);font-family:var(--text-font)}form p,label{color:var(--font-color);font-family:var(--text-font);font-size:1rem}form input{width:100%;color:var(--text-font);background-color:#fff;border:1px solid grey;border-radius:.3rem;padding:.4rem}button{background-color:var(--logo-color);font-family:var(--text-font);transition:background-color .3s ease}button:hover{background-color:#19ae46;transition:background-color .3s ease}.sorts-mill-goudy{font-family:var(--SortsMillGoudy)}.poiret-one{font-family:var(--PoiretOne)}.tenor-sans{font-family:var(--TenorSans)}.marcellus{font-family:var(--Marcellus)}.eb-garamond{font-family:var(--EBGaramond)}.logo-svg{fill:var(--logo-color);transition:fill .3s ease}.logo-svg.white{fill:#fff}.logo-svg.rainbow-loop:hover{animation:rainbow-loop 5s linear infinite}@keyframes rainbow-loop{0%{filter:hue-rotate(0deg) brightness(200%)}to{filter:hue-rotate(360deg) brightness(200%)}}.navbar{z-index:var(--layer-navbar);background-color:var(--primary-color)}.navbar a{text-decoration:none;color:var(--font-color)}.navbar .nav-item a:hover{text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:.7px}.navbar .nav-item a.active{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.7px;transition:.1s ease}.nav-logo{color:none}.nav-logo-img{width:2.5rem;height:2.5rem}.nav-logo a,p{font-family:var(--logo-font);letter-spacing:.3rem}.nav-toggle{top:auto;left:auto;right:0;z-index:var(--layer-nav-toggle);background-color:var(--primary-color);font-size:1rem;color:var(--font-color);cursor:pointer}.nav-item a{text-decoration:none;color:var(--font-color)}.nav-item a:hover{text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:.7px}.nav-item a.active{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.7px;transition:.1s ease}.nav-item{position:absolute;top:0;right:-250px;z-index:var(--layer-nav-item);width:250px;height:100vh;background-color:var(--primary-color);gap:2rem;padding:2rem 1rem 1rem;display:flex;flex-direction:column;justify-content:start;transition:right .3s ease}.nav-item{font-family:var(--TenorSans);font-size:.8rem;letter-spacing:.2rem;color:var(--font-color)}.nav-item.open{right:0}.span{display:flex;width:25px;border:solid 1.5px;border-radius:5px}.backdrop{position:fixed;width:100%;height:100vh;inset:0;z-index:var(--layer-backdrop);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d}.navigator{background-color:var(--primary-color)}.navigator a{text-decoration:none;font-family:var(--TenorSans);color:var(--font-color)}.navigator a:hover{text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:.7px}.navigator a.active{text-decoration:underline;text-underline-offset:.3rem;text-decoration-thickness:.7px;transition:.1s ease}.banner{background-color:var(--PH-bg-color)}.banner-logo{top:50%;left:50%;transform:translate(-50%,-50%)}.banner-logo h1{font-family:var(--logo-font);letter-spacing:.2rem;margin:1rem 0 0;color:#fff}.banner-logo p{font-family:var(--logo-font);letter-spacing:.1rem;margin:0;color:#fff}.product{height:100%;margin:0 0 10rem}.product img{width:100%;height:auto}.product p{font-family:var(--EBGaramond);font-size:.6rem;color:var(--font-color)}.product-img{width:100%;height:auto;aspect-ratio:19/9;overflow:hidden;padding:0;margin:0 0 .5rem}.product-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 70%}.product-text p{letter-spacing:.1rem;width:100%}.paragraph p{color:var(--font-color);font-family:var(--EBGaramond);letter-spacing:.1rem;font-weight:lighter;font-size:1.2rem}.banner-logo img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.card,.card-img{background-color:var(--PH-bg-color)}.card-img img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.card h1{font-family:var(--logo-font);letter-spacing:.7rem;font-size:2rem;color:#fff}.card p{font-family:var(--logo-font);letter-spacing:.2rem;font-size:.6rem;color:#fff}@media(min-width:768px){.card h1{font-size:2.5rem}.card p{font-size:.8rem}}.card-logo{top:50%;left:50%;transform:translate(-50%,-50%)}.container,.project{background-color:var(--primary-color)}.section{background-color:none}.contact p{font-size:1rem;margin-bottom:2rem}.master-plan{background-color:none}.master-plan img{width:100%;height:100%;object-fit:contain}.project.master-plan{width:100%;height:calc(100vh - 100px);display:flex;flex-direction:row;position:relative;justify-content:end;margin:0 2rem 6rem 0}.project.master-plan-img{width:90%;height:auto;overflow:hidden}.project.master-plan-img img{width:100%;height:100%;object-fit:contain}.siteplan{width:80%;height:auto;overflow:hidden;margin:0 0 6rem}.siteplan img{width:100%;height:auto;object-fit:contain}.layout{background-color:var(--primary-color)}.layout img{width:100%;height:100%;object-fit:contain}.layout .scale{width:50%;height:auto}.layout p{font-family:var(--EBGaramond);color:var(--font-color);font-size:.5rem;letter-spacing:.1rem}@media(min-width:768px){.layout p{font-size:.8rem}}.facilities p{font-family:var(--EBGaramond);color:var(--font-color);font-size:.9rem;font-weight:700;letter-spacing:.1rem}.facilities li{font-family:var(--EBGaramond);color:var(--font-color);font-size:.8rem;list-style:none;letter-spacing:.05rem}.facilities-img{width:50%;height:50%;overflow:hidden}.facilities-img img{width:100%;height:100%;object-fit:contain}.specification p{font-family:var(--EBGaramond);color:var(--font-color);font-size:.9rem;font-weight:700;letter-spacing:.1rem}.specification ul{font-family:var(--EBGaramond);color:var(--font-color);font-size:.8rem;list-style:none;letter-spacing:.05rem}.grid-info ul li:before{content:"—";margin:0 1rem 0 -2rem}.legend{top:0}.legend.right{right:0}.legend.left{left:0}.legend li,.legend p{letter-spacing:.1rem;color:var(--font-color);font-family:var(--EBGaramond)}.legend-left li,p{margin:0 0 .5rem;letter-spacing:.2rem;color:var(--font-color);font-family:var(--EBGaramond);font-size:8px;font-weight:lighter}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--primary-color);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:9999}.spinner{width:50px;height:50px;border:5px solid #ccc;border-top-color:var(--logo-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.navi-button,.navigator-toggle{display:none}.whatsapp{display:flex;position:fixed;bottom:0;right:0;margin:2rem;text-align:center;z-index:15}.whatsapp a{display:flex;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;padding:0 0 .2rem;color:#fff;background-color:green;border-radius:5rem;transition:background-color .3s ease}.whatsapp a:hover{color:green;background-color:#fff;transition:background-color .3s ease}*,:before,:after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / .5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: }.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.\[object-position\:50\%_30\%\]{object-position:50% 30%}.pos-absolute{position:absolute}.pos-fixed{position:fixed}.pos-relative{position:relative}.pos-sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.top-4{top:1rem}.z-\[100\]{z-index:100}.z-\[150\]{z-index:150}.z-4{z-index:4}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-a{margin-left:auto;margin-right:auto}.mb-\[5rem\]{margin-bottom:5rem}.mb-\[6rem\]{margin-bottom:6rem}.mb-30{margin-bottom:7.5rem}.mt-\[2rem\]{margin-top:2rem}.hidden{display:none}.h-100{height:25rem}.h-a{height:auto}.h-fit{height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.w-100{width:25rem}.w-20{width:5rem}.w-20\%{width:20%}.w-28{width:7rem}.w-30{width:7.5rem}.w-40{width:10rem}.w-45{width:11.25rem}.w-50{width:12.5rem}.w-70{width:17.5rem}.w-8{width:2rem}.w-a{width:auto}.w-full{width:100%}.flex{display:flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.transform{transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.gap-\[0\.2rem\]{gap:.2rem}.gap-\[1\.5rem\]{gap:1.5rem}.gap-\[1rem\]{gap:1rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-9{gap:2.25rem}.flex-justify-start{justify-content:flex-start}.flex-justify-center{justify-content:center}.flex-justify-between{justify-content:space-between}.flex-justify-around{justify-content:space-around}.flex-items-start{align-items:flex-start}.flex-items-end{align-items:flex-end}.flex-items-center{align-items:center}.overflow-hidden{overflow:hidden}.bg-black\/50{background-color:#00000080}.object-cover{object-fit:cover}.object-cc{object-position:center center}.pa-3{padding:.75rem}.pa-4{padding:1rem}.pa-5{padding:1.25rem}.px-15{padding-left:3.75rem;padding-right:3.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-\[3rem\]{padding-top:3rem;padding-bottom:3rem}.pb-5{padding-bottom:1.25rem}.pl-3{padding-left:.75rem}.pt-\[5rem\]{padding-top:5rem}.pt-10{padding-top:2.5rem}.pt-25{padding-top:6.25rem}.font-size-\[4em\]{font-size:4em}.font-size-2{font-size:.5rem}.text-size-3{font-size:.75rem}.text-size-7{font-size:1.75rem}.filter-brightness-90{--un-brightness:brightness(.9);filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia)}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}@media(min-width:768px){.md\:right-0{right:0}.md\:top-0{top:0}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:hidden{display:none}.md\:h-a{height:auto}.md\:h-fit{height:fit-content}.md\:h-full{height:100%}.md\:h-screen{height:100vh}.md\:w-10{width:2.5rem}.md\:w-100{width:25rem}.md\:w-120{width:30rem}.md\:w-200{width:50rem}.md\:w-250{width:62.5rem}.md\:w-30{width:7.5rem}.md\:w-40{width:10rem}.md\:w-80\%{width:80%}.md\:w-fit{width:fit-content}.md\:flex{display:flex}.md\:flex-row{flex-direction:row}.md\:flex-col{flex-direction:column}.md\:gap-4{gap:1rem}.md\:flex-justify-start{justify-content:flex-start}.md\:flex-justify-between{justify-content:space-between}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:pb-30{padding-bottom:7.5rem}.md\:pl-4{padding-left:1rem}.md\:pt-0{padding-top:0}.md\:pt-25{padding-top:6.25rem}.md\:font-size-3\.5{font-size:.875rem}.md\:text-size-10{font-size:2.5rem}.md\:text-size-4{font-size:1rem}.md\:text-size-xl{font-size:1.25rem}}@media(min-width:1280px){.xl\:w-150{width:37.5rem}}