{"id":2364,"date":"2015-08-21T08:07:26","date_gmt":"2015-08-21T08:07:26","guid":{"rendered":"https:\/\/greenarchitects.in\/stage\/photo-gallery\/"},"modified":"2026-10-06T18:26:32","modified_gmt":"2026-10-06T12:56:32","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/greenarchitects.in\/stage\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<div class=\"ct-container-full\" data-content=\"normal\">\n<article id=\"post-2364\" class=\"post-2364 page type-page status-publish hentry\">\n<div class=\"entry-content\">\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css?family=Montserrat:regular,500,700|Open+Sans:regular,300,600,700,800&#038;display=swap\"><style id=\"ga-orig-2364-css\">.ga-orig-2364{font-family:\"Open Sans\",Helvetica,Arial,sans-serif;font-size:13px;line-height:22px;color:#535353}\/*!\r\n * Bootstrap v3.3.5 (http:\/\/getbootstrap.com)\r\n * Copyright 2011-2016 Twitter, Inc.\r\n * Licensed under MIT (https:\/\/github.com\/twbs\/bootstrap\/blob\/master\/LICENSE)\r\n *\/\r\n\r\n\/*!\r\n * Generated using the Bootstrap Customizer (http:\/\/getbootstrap.com\/customize\/?id=1260a93932c356d679a6)\r\n * Config saved to config.json and https:\/\/gist.github.com\/1260a93932c356d679a6\r\n *\/\/*!\r\n * Bootstrap v3.3.6 (http:\/\/getbootstrap.com)\r\n * Copyright 2011-2015 Twitter, Inc.\r\n * Licensed under MIT (https:\/\/github.com\/twbs\/bootstrap\/blob\/master\/LICENSE)\r\n *\/\/*! normalize.css v3.0.3 | MIT License | github.com\/necolas\/normalize.css *\/:where(.ga-orig-2364){font-family:sans-serif}:where(.ga-orig-2364) details,:where(.ga-orig-2364) section{display:block}:where(.ga-orig-2364) a:active,:where(.ga-orig-2364) a:hover{outline:0}:where(.ga-orig-2364) b{font-weight:700}:where(.ga-orig-2364) img{border:0}:where(.ga-orig-2364) button{color:inherit;font:inherit}:where(.ga-orig-2364) button{-webkit-appearance:button;cursor:pointer}\/*! Source: https:\/\/github.com\/h5bp\/html5-boilerplate\/blob\/master\/src\/css\/main.css *\/@media print{:where(.ga-orig-2364) *,:where(.ga-orig-2364) :after,:where(.ga-orig-2364) :before{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}:where(.ga-orig-2364) a,:where(.ga-orig-2364) a:visited{text-decoration:underline}:where(.ga-orig-2364) a[href]:after{content:\" (\" attr(href) \")\"}:where(.ga-orig-2364) img{page-break-inside:avoid}:where(.ga-orig-2364) img{max-width:100%!important}:where(.ga-orig-2364) h2,:where(.ga-orig-2364) h3,:where(.ga-orig-2364) p{orphans:3;widows:3}:where(.ga-orig-2364) h2,:where(.ga-orig-2364) h3{page-break-after:avoid}}:where(.ga-orig-2364) .glyphicon-arrow-left:before{content:\"\\e091\"}:where(.ga-orig-2364) .glyphicon-arrow-right:before{content:\"\\e092\"}:where(.ga-orig-2364) .glyphicon-arrow-up:before{content:\"\\e093\"}:where(.ga-orig-2364) .glyphicon-arrow-down:before{content:\"\\e094\"}:where(.ga-orig-2364) .glyphicon-circle-arrow-right:before{content:\"\\e131\"}:where(.ga-orig-2364) .glyphicon-circle-arrow-left:before{content:\"\\e132\"}:where(.ga-orig-2364) .glyphicon-circle-arrow-up:before{content:\"\\e133\"}:where(.ga-orig-2364) .glyphicon-circle-arrow-down:before{content:\"\\e134\"}:where(.ga-orig-2364) *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-2364) :after,:where(.ga-orig-2364) :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-2364){font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:where(.ga-orig-2364){background-color:#fff;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143}:where(.ga-orig-2364) button{font-family:inherit;font-size:inherit;line-height:inherit}:where(.ga-orig-2364) a{color:#337ab7;text-decoration:none}:where(.ga-orig-2364) a:focus,:where(.ga-orig-2364) a:hover{color:#23527c;text-decoration:underline}:where(.ga-orig-2364) a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}:where(.ga-orig-2364) img{vertical-align:middle}:where(.ga-orig-2364) .h1,:where(.ga-orig-2364) .h2,:where(.ga-orig-2364) .h3,:where(.ga-orig-2364) .h4,:where(.ga-orig-2364) h1,:where(.ga-orig-2364) h2,:where(.ga-orig-2364) h3,:where(.ga-orig-2364) h4{color:inherit;font-family:inherit;font-weight:500;line-height:1.1}:where(.ga-orig-2364) .h1,:where(.ga-orig-2364) .h2,:where(.ga-orig-2364) .h3,:where(.ga-orig-2364) h1,:where(.ga-orig-2364) h2,:where(.ga-orig-2364) h3{margin-bottom:10px;margin-top:20px}:where(.ga-orig-2364) .h4,:where(.ga-orig-2364) h4{margin-bottom:10px;margin-top:10px}:where(.ga-orig-2364) .h1,:where(.ga-orig-2364) h1{font-size:36px}:where(.ga-orig-2364) .h2,:where(.ga-orig-2364) h2{font-size:30px}:where(.ga-orig-2364) .h3,:where(.ga-orig-2364) h3{font-size:24px}:where(.ga-orig-2364) .h4,:where(.ga-orig-2364) h4{font-size:18px}:where(.ga-orig-2364) p{margin:0 0 10px}:where(.ga-orig-2364) ul{margin-bottom:10px;margin-top:0}:where(.ga-orig-2364) ul ul{margin-bottom:0}:where(.ga-orig-2364) .btn{background-image:none;border:1px solid transparent;border-radius:4px;cursor:pointer;display:inline-block;font-size:14px;font-weight:400;line-height:1.42857143;margin-bottom:0;padding:6px 12px;text-align:center;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}:where(.ga-orig-2364) .btn.active.focus,:where(.ga-orig-2364) .btn.active:focus,:where(.ga-orig-2364) .btn.focus,:where(.ga-orig-2364) .btn:active.focus,:where(.ga-orig-2364) .btn:active:focus,:where(.ga-orig-2364) .btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}:where(.ga-orig-2364) .btn.focus,:where(.ga-orig-2364) .btn:focus,:where(.ga-orig-2364) .btn:hover{color:#333;text-decoration:none}:where(.ga-orig-2364) .btn.active,:where(.ga-orig-2364) .btn:active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125);outline:0}:where(.ga-orig-2364) .open>a{outline:0}:where(.ga-orig-2364) .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}:where(.ga-orig-2364) .show{display:block!important}:where(.ga-orig-2364) .hidden{display:none!important}@-ms-viewport{width:device-width}:where(.ga-orig-2364){background-color:#f5f5f5;color:#535353;font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.7}:where(.ga-orig-2364) h1,:where(.ga-orig-2364) h2,:where(.ga-orig-2364) h3,:where(.ga-orig-2364) h4{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}:where(.ga-orig-2364) p{margin:0 0 20px}:where(.ga-orig-2364) a{color:#000}:where(.ga-orig-2364) a:hover{color:#cd2122;text-decoration:none}:where(.ga-orig-2364) a:focus{color:initial;outline:none;text-decoration:none;text-shadow:none}:where(.ga-orig-2364) img{height:auto;max-width:100%}:where(.ga-orig-2364) .clear:after,:where(.ga-orig-2364) .clear:before,:where(.ga-orig-2364) .fixclear:after,:where(.ga-orig-2364) .fixclear:before{content:\" \";display:table}:where(.ga-orig-2364) .clear:after,:where(.ga-orig-2364) .fixclear:after{clear:both}:where(.ga-orig-2364) .uppercase{text-transform:uppercase}:where(.ga-orig-2364)[class*=span]{float:none;margin-left:0}@media (max-width:991px){:where(.ga-orig-2364) .btn{white-space:normal}}:where(.ga-orig-2364) .mfp-container{height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}:where(.ga-orig-2364) .mfp-container:before{content:\"\";display:inline-block;height:100%;vertical-align:middle}:where(.ga-orig-2364) .mfp-arrow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:where(.ga-orig-2364) button.mfp-arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;display:block;outline:none;overflow:visible;padding:0;z-index:1046}:where(.ga-orig-2364) button::-moz-focus-inner{border:0;padding:0}:where(.ga-orig-2364) .mfp-arrow{height:110px;margin:-55px 0 0;opacity:.65;padding:0;position:absolute;top:50%;width:90px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:where(.ga-orig-2364) .mfp-arrow:active{margin-top:-54px}:where(.ga-orig-2364) .mfp-arrow:focus,:where(.ga-orig-2364) .mfp-arrow:hover{opacity:1}:where(.ga-orig-2364) .mfp-arrow:after,:where(.ga-orig-2364) .mfp-arrow:before{border:inset transparent;content:\"\";display:block;height:0;left:0;margin-left:35px;margin-top:35px;position:absolute;top:0;width:0}:where(.ga-orig-2364) .mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}:where(.ga-orig-2364) .mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}:where(.ga-orig-2364) .mfp-arrow-left{left:0}:where(.ga-orig-2364) .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}:where(.ga-orig-2364) .mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}:where(.ga-orig-2364) .mfp-arrow-right{right:0}:where(.ga-orig-2364) .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}:where(.ga-orig-2364) .mfp-arrow-right:before{border-left:27px solid #3f3f3f}@media (max-width:900px){:where(.ga-orig-2364) .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}:where(.ga-orig-2364) .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}:where(.ga-orig-2364) .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}:where(.ga-orig-2364) .mfp-container{padding-left:6px;padding-right:6px}}:where(.ga-orig-2364) .fxb-row{display:-webkit-box;display:-ms-flexbox;display:flex}:where(.ga-orig-2364) .fxb-row-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:where(.ga-orig-2364) .fxb-grow-0{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}@media (min-width:768px) and (max-width:991px){:where(.ga-orig-2364) .fxb-row-col-md{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}@media (max-width:767px){:where(.ga-orig-2364) .fxb-row-col-sm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}:where(.ga-orig-2364) .maskcontainer--shadow_simple{border-bottom:0!important}:where(.ga-orig-2364) .maskcontainer--shadow_simple_down{border-bottom:0!important}:where(.ga-orig-2364) .maskcontainer--shadow{border-bottom:0!important}:where(.ga-orig-2364) .maskcontainer--shadow_ud{border-bottom:0!important}:where(.ga-orig-2364) .maskcontainer--mask1{border-bottom:0!important;padding-bottom:30px}:where(.ga-orig-2364) .maskcontainer--mask2{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-2364) .maskcontainer--mask3{border-bottom:0!important;padding-bottom:35px}:where(.ga-orig-2364) .maskcontainer--mask4{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-2364) .maskcontainer--mask5{border-bottom:0!important;padding-bottom:75px}:where(.ga-orig-2364) .maskcontainer--mask6{border-bottom:0!important;padding-bottom:70px}:where(.ga-orig-2364) .support-panel-container{padding:15px 0}:where(.ga-orig-2364) .siteheader-container{margin-left:auto;margin-right:auto;position:relative}:where(.ga-orig-2364) .page-subheader{background-color:#066fd9;min-height:300px}:where(.ga-orig-2364) .page-subheader .container{padding:0 15px;position:relative;z-index:1}:where(.ga-orig-2364) .page-subheader .bgback{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}:where(.ga-orig-2364) .ph-content-wrap{padding-bottom:50px;padding-top:170px}:where(.ga-orig-2364) .page-subheader{position:relative;top:0;width:100%;z-index:0}:where(.ga-orig-2364) .breadcrumbs{float:left;list-style:none;margin:0 0 10px;padding:0}:where(.ga-orig-2364) .breadcrumbs li{float:left;position:relative;text-transform:uppercase}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li{background:rgba(0,0,0,.8);color:#eee;font-size:13px;font-weight:600;line-height:1.5;margin-bottom:2px;padding:7px 5px 6px}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li:first-child{padding-left:15px}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li:last-child{padding-right:15px}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li a{color:#fff}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li:before{border:4px solid transparent;border-left-color:#fff;content:\"\";display:inline-block;height:0;margin:0 5px;pointer-events:none;width:0}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li:first-child:before{display:none}@media (max-width:767px){:where(.ga-orig-2364) .breadcrumbs.bread-style--black{margin-bottom:20px;padding:3px 6px 2px}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li{font-size:12px;font-weight:400}}:where(.ga-orig-2364) .th-sparkles{display:none}:where(.ga-orig-2364) .th-sparkles>span{background:radial-gradient(ellipse at center,#fff 0,hsla(0,0%,100%,0) 60%);display:block;height:15px;position:absolute;width:15px}:where(.ga-orig-2364) .kl-blog-item-container{background:#fff;border-radius:3px;-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.15);box-shadow:0 10px 10px -10px rgba(0,0,0,.15);margin-bottom:35px;padding:30px 30px 15px;position:relative}:where(.ga-orig-2364) .kl-blog-item-container:after{border:5px solid transparent;bottom:0;content:\"\";height:0;left:50%;margin-left:-3px;position:absolute;width:0}:where(.ga-orig-2364) .zn_post_media_container{margin-bottom:30px}:where(.ga-orig-2364) .mejs-container{background:transparent!important}\n\/*! normalize.css v7.0.0 | MIT License | github.com\/necolas\/normalize.css *\/:where(.ga-orig-2364){line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}:where(.ga-orig-2364){margin:0}:where(.ga-orig-2364) section{display:block}:where(.ga-orig-2364) h1{font-size:2em;margin:.67em 0}:where(.ga-orig-2364) a{background-color:transparent;-webkit-text-decoration-skip:objects}:where(.ga-orig-2364) b{font-weight:inherit}:where(.ga-orig-2364) b{font-weight:bolder}:where(.ga-orig-2364) img{border-style:none}:where(.ga-orig-2364) svg:not(:root){overflow:hidden}:where(.ga-orig-2364) button{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}:where(.ga-orig-2364) button{overflow:visible}:where(.ga-orig-2364) button{text-transform:none}:where(.ga-orig-2364) [type=button],:where(.ga-orig-2364) button{-webkit-appearance:button}:where(.ga-orig-2364) [type=button]::-moz-focus-inner,:where(.ga-orig-2364) button::-moz-focus-inner{border-style:none;padding:0}:where(.ga-orig-2364) [type=button]:-moz-focusring,:where(.ga-orig-2364) button:-moz-focusring{outline:1px dotted ButtonText}:where(.ga-orig-2364) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(.ga-orig-2364) details{display:block}:where(.ga-orig-2364) [hidden]{display:none}:where(.ga-orig-2364) .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){:where(.ga-orig-2364) .container{width:750px}}@media (min-width:992px){:where(.ga-orig-2364) .container{width:970px}}@media (min-width:1200px){:where(.ga-orig-2364) .container{width:1170px}}:where(.ga-orig-2364) .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}:where(.ga-orig-2364) .row{margin-left:-15px;margin-right:-15px}:where(.ga-orig-2364) .col-lg-1,:where(.ga-orig-2364) .col-lg-10,:where(.ga-orig-2364) .col-lg-11,:where(.ga-orig-2364) .col-lg-12,:where(.ga-orig-2364) .col-lg-2,:where(.ga-orig-2364) .col-lg-3,:where(.ga-orig-2364) .col-lg-4,:where(.ga-orig-2364) .col-lg-5,:where(.ga-orig-2364) .col-lg-6,:where(.ga-orig-2364) .col-lg-7,:where(.ga-orig-2364) .col-lg-8,:where(.ga-orig-2364) .col-lg-9,:where(.ga-orig-2364) .col-md-1,:where(.ga-orig-2364) .col-md-10,:where(.ga-orig-2364) .col-md-11,:where(.ga-orig-2364) .col-md-12,:where(.ga-orig-2364) .col-md-2,:where(.ga-orig-2364) .col-md-3,:where(.ga-orig-2364) .col-md-4,:where(.ga-orig-2364) .col-md-5,:where(.ga-orig-2364) .col-md-6,:where(.ga-orig-2364) .col-md-7,:where(.ga-orig-2364) .col-md-8,:where(.ga-orig-2364) .col-md-9,:where(.ga-orig-2364) .col-sm-1,:where(.ga-orig-2364) .col-sm-10,:where(.ga-orig-2364) .col-sm-11,:where(.ga-orig-2364) .col-sm-12,:where(.ga-orig-2364) .col-sm-2,:where(.ga-orig-2364) .col-sm-3,:where(.ga-orig-2364) .col-sm-4,:where(.ga-orig-2364) .col-sm-5,:where(.ga-orig-2364) .col-sm-6,:where(.ga-orig-2364) .col-sm-7,:where(.ga-orig-2364) .col-sm-8,:where(.ga-orig-2364) .col-sm-9,:where(.ga-orig-2364) .col-xs-1,:where(.ga-orig-2364) .col-xs-10,:where(.ga-orig-2364) .col-xs-11,:where(.ga-orig-2364) .col-xs-12,:where(.ga-orig-2364) .col-xs-2,:where(.ga-orig-2364) .col-xs-3,:where(.ga-orig-2364) .col-xs-4,:where(.ga-orig-2364) .col-xs-5,:where(.ga-orig-2364) .col-xs-6,:where(.ga-orig-2364) .col-xs-7,:where(.ga-orig-2364) .col-xs-8,:where(.ga-orig-2364) .col-xs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-2364) .col-xs-1,:where(.ga-orig-2364) .col-xs-10,:where(.ga-orig-2364) .col-xs-11,:where(.ga-orig-2364) .col-xs-12,:where(.ga-orig-2364) .col-xs-2,:where(.ga-orig-2364) .col-xs-3,:where(.ga-orig-2364) .col-xs-4,:where(.ga-orig-2364) .col-xs-5,:where(.ga-orig-2364) .col-xs-6,:where(.ga-orig-2364) .col-xs-7,:where(.ga-orig-2364) .col-xs-8,:where(.ga-orig-2364) .col-xs-9{float:left}:where(.ga-orig-2364) .col-xs-12{width:100%}:where(.ga-orig-2364) .col-xs-11{width:91.66666667%}:where(.ga-orig-2364) .col-xs-10{width:83.33333333%}:where(.ga-orig-2364) .col-xs-9{width:75%}:where(.ga-orig-2364) .col-xs-8{width:66.66666667%}:where(.ga-orig-2364) .col-xs-7{width:58.33333333%}:where(.ga-orig-2364) .col-xs-6{width:50%}:where(.ga-orig-2364) .col-xs-5{width:41.66666667%}:where(.ga-orig-2364) .col-xs-4{width:33.33333333%}:where(.ga-orig-2364) .col-xs-3{width:25%}:where(.ga-orig-2364) .col-xs-2{width:16.66666667%}:where(.ga-orig-2364) .col-xs-1{width:8.33333333%}:where(.ga-orig-2364) .col-xs-pull-12{right:100%}:where(.ga-orig-2364) .col-xs-pull-11{right:91.66666667%}:where(.ga-orig-2364) .col-xs-pull-10{right:83.33333333%}:where(.ga-orig-2364) .col-xs-pull-9{right:75%}:where(.ga-orig-2364) .col-xs-pull-8{right:66.66666667%}:where(.ga-orig-2364) .col-xs-pull-7{right:58.33333333%}:where(.ga-orig-2364) .col-xs-pull-6{right:50%}:where(.ga-orig-2364) .col-xs-pull-5{right:41.66666667%}:where(.ga-orig-2364) .col-xs-pull-4{right:33.33333333%}:where(.ga-orig-2364) .col-xs-pull-3{right:25%}:where(.ga-orig-2364) .col-xs-pull-2{right:16.66666667%}:where(.ga-orig-2364) .col-xs-pull-1{right:8.33333333%}:where(.ga-orig-2364) .col-xs-pull-0{right:auto}:where(.ga-orig-2364) .col-xs-push-12{left:100%}:where(.ga-orig-2364) .col-xs-push-11{left:91.66666667%}:where(.ga-orig-2364) .col-xs-push-10{left:83.33333333%}:where(.ga-orig-2364) .col-xs-push-9{left:75%}:where(.ga-orig-2364) .col-xs-push-8{left:66.66666667%}:where(.ga-orig-2364) .col-xs-push-7{left:58.33333333%}:where(.ga-orig-2364) .col-xs-push-6{left:50%}:where(.ga-orig-2364) .col-xs-push-5{left:41.66666667%}:where(.ga-orig-2364) .col-xs-push-4{left:33.33333333%}:where(.ga-orig-2364) .col-xs-push-3{left:25%}:where(.ga-orig-2364) .col-xs-push-2{left:16.66666667%}:where(.ga-orig-2364) .col-xs-push-1{left:8.33333333%}:where(.ga-orig-2364) .col-xs-push-0{left:auto}:where(.ga-orig-2364) .col-xs-offset-12{margin-left:100%}:where(.ga-orig-2364) .col-xs-offset-11{margin-left:91.66666667%}:where(.ga-orig-2364) .col-xs-offset-10{margin-left:83.33333333%}:where(.ga-orig-2364) .col-xs-offset-9{margin-left:75%}:where(.ga-orig-2364) .col-xs-offset-8{margin-left:66.66666667%}:where(.ga-orig-2364) .col-xs-offset-7{margin-left:58.33333333%}:where(.ga-orig-2364) .col-xs-offset-6{margin-left:50%}:where(.ga-orig-2364) .col-xs-offset-5{margin-left:41.66666667%}:where(.ga-orig-2364) .col-xs-offset-4{margin-left:33.33333333%}:where(.ga-orig-2364) .col-xs-offset-3{margin-left:25%}:where(.ga-orig-2364) .col-xs-offset-2{margin-left:16.66666667%}:where(.ga-orig-2364) .col-xs-offset-1{margin-left:8.33333333%}:where(.ga-orig-2364) .col-xs-offset-0{margin-left:0}@media (min-width:768px){:where(.ga-orig-2364) .col-sm-1,:where(.ga-orig-2364) .col-sm-10,:where(.ga-orig-2364) .col-sm-11,:where(.ga-orig-2364) .col-sm-12,:where(.ga-orig-2364) .col-sm-2,:where(.ga-orig-2364) .col-sm-3,:where(.ga-orig-2364) .col-sm-4,:where(.ga-orig-2364) .col-sm-5,:where(.ga-orig-2364) .col-sm-6,:where(.ga-orig-2364) .col-sm-7,:where(.ga-orig-2364) .col-sm-8,:where(.ga-orig-2364) .col-sm-9{float:left}:where(.ga-orig-2364) .col-sm-12{width:100%}:where(.ga-orig-2364) .col-sm-11{width:91.66666667%}:where(.ga-orig-2364) .col-sm-10{width:83.33333333%}:where(.ga-orig-2364) .col-sm-9{width:75%}:where(.ga-orig-2364) .col-sm-8{width:66.66666667%}:where(.ga-orig-2364) .col-sm-7{width:58.33333333%}:where(.ga-orig-2364) .col-sm-6{width:50%}:where(.ga-orig-2364) .col-sm-5{width:41.66666667%}:where(.ga-orig-2364) .col-sm-4{width:33.33333333%}:where(.ga-orig-2364) .col-sm-3{width:25%}:where(.ga-orig-2364) .col-sm-2{width:16.66666667%}:where(.ga-orig-2364) .col-sm-1{width:8.33333333%}:where(.ga-orig-2364) .col-sm-pull-12{right:100%}:where(.ga-orig-2364) .col-sm-pull-11{right:91.66666667%}:where(.ga-orig-2364) .col-sm-pull-10{right:83.33333333%}:where(.ga-orig-2364) .col-sm-pull-9{right:75%}:where(.ga-orig-2364) .col-sm-pull-8{right:66.66666667%}:where(.ga-orig-2364) .col-sm-pull-7{right:58.33333333%}:where(.ga-orig-2364) .col-sm-pull-6{right:50%}:where(.ga-orig-2364) .col-sm-pull-5{right:41.66666667%}:where(.ga-orig-2364) .col-sm-pull-4{right:33.33333333%}:where(.ga-orig-2364) .col-sm-pull-3{right:25%}:where(.ga-orig-2364) .col-sm-pull-2{right:16.66666667%}:where(.ga-orig-2364) .col-sm-pull-1{right:8.33333333%}:where(.ga-orig-2364) .col-sm-pull-0{right:auto}:where(.ga-orig-2364) .col-sm-push-12{left:100%}:where(.ga-orig-2364) .col-sm-push-11{left:91.66666667%}:where(.ga-orig-2364) .col-sm-push-10{left:83.33333333%}:where(.ga-orig-2364) .col-sm-push-9{left:75%}:where(.ga-orig-2364) .col-sm-push-8{left:66.66666667%}:where(.ga-orig-2364) .col-sm-push-7{left:58.33333333%}:where(.ga-orig-2364) .col-sm-push-6{left:50%}:where(.ga-orig-2364) .col-sm-push-5{left:41.66666667%}:where(.ga-orig-2364) .col-sm-push-4{left:33.33333333%}:where(.ga-orig-2364) .col-sm-push-3{left:25%}:where(.ga-orig-2364) .col-sm-push-2{left:16.66666667%}:where(.ga-orig-2364) .col-sm-push-1{left:8.33333333%}:where(.ga-orig-2364) .col-sm-push-0{left:auto}:where(.ga-orig-2364) .col-sm-offset-12{margin-left:100%}:where(.ga-orig-2364) .col-sm-offset-11{margin-left:91.66666667%}:where(.ga-orig-2364) .col-sm-offset-10{margin-left:83.33333333%}:where(.ga-orig-2364) .col-sm-offset-9{margin-left:75%}:where(.ga-orig-2364) .col-sm-offset-8{margin-left:66.66666667%}:where(.ga-orig-2364) .col-sm-offset-7{margin-left:58.33333333%}:where(.ga-orig-2364) .col-sm-offset-6{margin-left:50%}:where(.ga-orig-2364) .col-sm-offset-5{margin-left:41.66666667%}:where(.ga-orig-2364) .col-sm-offset-4{margin-left:33.33333333%}:where(.ga-orig-2364) .col-sm-offset-3{margin-left:25%}:where(.ga-orig-2364) .col-sm-offset-2{margin-left:16.66666667%}:where(.ga-orig-2364) .col-sm-offset-1{margin-left:8.33333333%}:where(.ga-orig-2364) .col-sm-offset-0{margin-left:0}}@media (min-width:992px){:where(.ga-orig-2364) .col-md-1,:where(.ga-orig-2364) .col-md-10,:where(.ga-orig-2364) .col-md-11,:where(.ga-orig-2364) .col-md-12,:where(.ga-orig-2364) .col-md-2,:where(.ga-orig-2364) .col-md-3,:where(.ga-orig-2364) .col-md-4,:where(.ga-orig-2364) .col-md-5,:where(.ga-orig-2364) .col-md-6,:where(.ga-orig-2364) .col-md-7,:where(.ga-orig-2364) .col-md-8,:where(.ga-orig-2364) .col-md-9{float:left}:where(.ga-orig-2364) .col-md-12{width:100%}:where(.ga-orig-2364) .col-md-11{width:91.66666667%}:where(.ga-orig-2364) .col-md-10{width:83.33333333%}:where(.ga-orig-2364) .col-md-9{width:75%}:where(.ga-orig-2364) .col-md-8{width:66.66666667%}:where(.ga-orig-2364) .col-md-7{width:58.33333333%}:where(.ga-orig-2364) .col-md-6{width:50%}:where(.ga-orig-2364) .col-md-5{width:41.66666667%}:where(.ga-orig-2364) .col-md-4{width:33.33333333%}:where(.ga-orig-2364) .col-md-3{width:25%}:where(.ga-orig-2364) .col-md-2{width:16.66666667%}:where(.ga-orig-2364) .col-md-1{width:8.33333333%}:where(.ga-orig-2364) .col-md-pull-12{right:100%}:where(.ga-orig-2364) .col-md-pull-11{right:91.66666667%}:where(.ga-orig-2364) .col-md-pull-10{right:83.33333333%}:where(.ga-orig-2364) .col-md-pull-9{right:75%}:where(.ga-orig-2364) .col-md-pull-8{right:66.66666667%}:where(.ga-orig-2364) .col-md-pull-7{right:58.33333333%}:where(.ga-orig-2364) .col-md-pull-6{right:50%}:where(.ga-orig-2364) .col-md-pull-5{right:41.66666667%}:where(.ga-orig-2364) .col-md-pull-4{right:33.33333333%}:where(.ga-orig-2364) .col-md-pull-3{right:25%}:where(.ga-orig-2364) .col-md-pull-2{right:16.66666667%}:where(.ga-orig-2364) .col-md-pull-1{right:8.33333333%}:where(.ga-orig-2364) .col-md-pull-0{right:auto}:where(.ga-orig-2364) .col-md-push-12{left:100%}:where(.ga-orig-2364) .col-md-push-11{left:91.66666667%}:where(.ga-orig-2364) .col-md-push-10{left:83.33333333%}:where(.ga-orig-2364) .col-md-push-9{left:75%}:where(.ga-orig-2364) .col-md-push-8{left:66.66666667%}:where(.ga-orig-2364) .col-md-push-7{left:58.33333333%}:where(.ga-orig-2364) .col-md-push-6{left:50%}:where(.ga-orig-2364) .col-md-push-5{left:41.66666667%}:where(.ga-orig-2364) .col-md-push-4{left:33.33333333%}:where(.ga-orig-2364) .col-md-push-3{left:25%}:where(.ga-orig-2364) .col-md-push-2{left:16.66666667%}:where(.ga-orig-2364) .col-md-push-1{left:8.33333333%}:where(.ga-orig-2364) .col-md-push-0{left:auto}:where(.ga-orig-2364) .col-md-offset-12{margin-left:100%}:where(.ga-orig-2364) .col-md-offset-11{margin-left:91.66666667%}:where(.ga-orig-2364) .col-md-offset-10{margin-left:83.33333333%}:where(.ga-orig-2364) .col-md-offset-9{margin-left:75%}:where(.ga-orig-2364) .col-md-offset-8{margin-left:66.66666667%}:where(.ga-orig-2364) .col-md-offset-7{margin-left:58.33333333%}:where(.ga-orig-2364) .col-md-offset-6{margin-left:50%}:where(.ga-orig-2364) .col-md-offset-5{margin-left:41.66666667%}:where(.ga-orig-2364) .col-md-offset-4{margin-left:33.33333333%}:where(.ga-orig-2364) .col-md-offset-3{margin-left:25%}:where(.ga-orig-2364) .col-md-offset-2{margin-left:16.66666667%}:where(.ga-orig-2364) .col-md-offset-1{margin-left:8.33333333%}:where(.ga-orig-2364) .col-md-offset-0{margin-left:0}}@media (min-width:1200px){:where(.ga-orig-2364) .col-lg-1,:where(.ga-orig-2364) .col-lg-10,:where(.ga-orig-2364) .col-lg-11,:where(.ga-orig-2364) .col-lg-12,:where(.ga-orig-2364) .col-lg-2,:where(.ga-orig-2364) .col-lg-3,:where(.ga-orig-2364) .col-lg-4,:where(.ga-orig-2364) .col-lg-5,:where(.ga-orig-2364) .col-lg-6,:where(.ga-orig-2364) .col-lg-7,:where(.ga-orig-2364) .col-lg-8,:where(.ga-orig-2364) .col-lg-9{float:left}:where(.ga-orig-2364) .col-lg-12{width:100%}:where(.ga-orig-2364) .col-lg-11{width:91.66666667%}:where(.ga-orig-2364) .col-lg-10{width:83.33333333%}:where(.ga-orig-2364) .col-lg-9{width:75%}:where(.ga-orig-2364) .col-lg-8{width:66.66666667%}:where(.ga-orig-2364) .col-lg-7{width:58.33333333%}:where(.ga-orig-2364) .col-lg-6{width:50%}:where(.ga-orig-2364) .col-lg-5{width:41.66666667%}:where(.ga-orig-2364) .col-lg-4{width:33.33333333%}:where(.ga-orig-2364) .col-lg-3{width:25%}:where(.ga-orig-2364) .col-lg-2{width:16.66666667%}:where(.ga-orig-2364) .col-lg-1{width:8.33333333%}:where(.ga-orig-2364) .col-lg-pull-12{right:100%}:where(.ga-orig-2364) .col-lg-pull-11{right:91.66666667%}:where(.ga-orig-2364) .col-lg-pull-10{right:83.33333333%}:where(.ga-orig-2364) .col-lg-pull-9{right:75%}:where(.ga-orig-2364) .col-lg-pull-8{right:66.66666667%}:where(.ga-orig-2364) .col-lg-pull-7{right:58.33333333%}:where(.ga-orig-2364) .col-lg-pull-6{right:50%}:where(.ga-orig-2364) .col-lg-pull-5{right:41.66666667%}:where(.ga-orig-2364) .col-lg-pull-4{right:33.33333333%}:where(.ga-orig-2364) .col-lg-pull-3{right:25%}:where(.ga-orig-2364) .col-lg-pull-2{right:16.66666667%}:where(.ga-orig-2364) .col-lg-pull-1{right:8.33333333%}:where(.ga-orig-2364) .col-lg-pull-0{right:auto}:where(.ga-orig-2364) .col-lg-push-12{left:100%}:where(.ga-orig-2364) .col-lg-push-11{left:91.66666667%}:where(.ga-orig-2364) .col-lg-push-10{left:83.33333333%}:where(.ga-orig-2364) .col-lg-push-9{left:75%}:where(.ga-orig-2364) .col-lg-push-8{left:66.66666667%}:where(.ga-orig-2364) .col-lg-push-7{left:58.33333333%}:where(.ga-orig-2364) .col-lg-push-6{left:50%}:where(.ga-orig-2364) .col-lg-push-5{left:41.66666667%}:where(.ga-orig-2364) .col-lg-push-4{left:33.33333333%}:where(.ga-orig-2364) .col-lg-push-3{left:25%}:where(.ga-orig-2364) .col-lg-push-2{left:16.66666667%}:where(.ga-orig-2364) .col-lg-push-1{left:8.33333333%}:where(.ga-orig-2364) .col-lg-push-0{left:auto}:where(.ga-orig-2364) .col-lg-offset-12{margin-left:100%}:where(.ga-orig-2364) .col-lg-offset-11{margin-left:91.66666667%}:where(.ga-orig-2364) .col-lg-offset-10{margin-left:83.33333333%}:where(.ga-orig-2364) .col-lg-offset-9{margin-left:75%}:where(.ga-orig-2364) .col-lg-offset-8{margin-left:66.66666667%}:where(.ga-orig-2364) .col-lg-offset-7{margin-left:58.33333333%}:where(.ga-orig-2364) .col-lg-offset-6{margin-left:50%}:where(.ga-orig-2364) .col-lg-offset-5{margin-left:41.66666667%}:where(.ga-orig-2364) .col-lg-offset-4{margin-left:33.33333333%}:where(.ga-orig-2364) .col-lg-offset-3{margin-left:25%}:where(.ga-orig-2364) .col-lg-offset-2{margin-left:16.66666667%}:where(.ga-orig-2364) .col-lg-offset-1{margin-left:8.33333333%}:where(.ga-orig-2364) .col-lg-offset-0{margin-left:0}}:where(.ga-orig-2364) .col-lg-1-5,:where(.ga-orig-2364) .col-lg-24,:where(.ga-orig-2364) .col-md-1-5,:where(.ga-orig-2364) .col-md-24,:where(.ga-orig-2364) .col-sm-1-5,:where(.ga-orig-2364) .col-sm-24,:where(.ga-orig-2364) .col-xs-1-5,:where(.ga-orig-2364) .col-xs-24{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-2364) .col-xs-1-5{float:left;width:20%}@media (min-width:768px){:where(.ga-orig-2364) .col-sm-1-5,:where(.ga-orig-2364) .col-sm-24{float:left;width:20%}}@media (min-width:992px){:where(.ga-orig-2364) .col-md-1-5,:where(.ga-orig-2364) .col-md-24{float:left;width:20%}}@media (min-width:1200px){:where(.ga-orig-2364) .col-lg-1-5,:where(.ga-orig-2364) .col-lg-24{float:left;width:20%}}:where(.ga-orig-2364) .clearfix:after,:where(.ga-orig-2364) .clearfix:before,:where(.ga-orig-2364) .container-fluid:after,:where(.ga-orig-2364) .container-fluid:before,:where(.ga-orig-2364) .container:after,:where(.ga-orig-2364) .container:before,:where(.ga-orig-2364) .row:after,:where(.ga-orig-2364) .row:before{content:\" \";display:table}:where(.ga-orig-2364) .clearfix:after,:where(.ga-orig-2364) .container-fluid:after,:where(.ga-orig-2364) .container:after,:where(.ga-orig-2364) .row:after{clear:both}:where(.ga-orig-2364) .zn_pb_wrapper .eluid61c98461.page-subheader{height:10px}:where(.ga-orig-2364) .zn_pb_wrapper .eluid61c98461.page-subheader{min-height:10px}:where(.ga-orig-2364) .eluid61c98461.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}@media screen and (min-width:992px) and (max-width:1199px){:where(.ga-orig-2364) .eluid61c98461.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (min-width:768px) and (max-width:991px){:where(.ga-orig-2364) .eluid61c98461.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (max-width:767px){:where(.ga-orig-2364) .eluid61c98461.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:0}}:where(.ga-orig-2364) .zn_section--stretch-container{padding-left:20px;padding-right:20px}:where(.ga-orig-2364) .zn_section--stretch-container>.container{width:100%}:where(.ga-orig-2364) h1{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-2364) h2{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-2364) h3{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-2364) h4{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:28px}:where(.ga-orig-2364){font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:13px;line-height:22px}:where(.ga-orig-2364) a:focus,:where(.ga-orig-2364) a:hover{color:#006035}:where(.ga-orig-2364) .media-container__link--style-borderanim1>i{background-color:#006035}:where(.ga-orig-2364) .offline-page-container:after{border-top-color:#006035}:where(.ga-orig-2364) .offline-page-container{border-bottom-color:#006035}:where(.ga-orig-2364) .breadcrumbs.bread-style--black li:before{border-left-color:#006035}:where(.ga-orig-2364) .zb-el-container{display:flex;flex-direction:column;max-width:100%}:where(.ga-orig-2364) .hg-video-bg__container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}:where(.ga-orig-2364) .zb-flex--row{flex-direction:row}:where(.ga-orig-2364) .zb-flex--row-reverse{flex-direction:row-reverse}:where(.ga-orig-2364) :where([style^=border-color]){border-style:solid}:where(.ga-orig-2364){padding:0}<\/style>\n\n\n\n<div class=\"ga-orig-2364 ga-orig-banner\"><div class=\"zn_pb_wrapper clearfix\"><div id=\"page_header\" class=\"page-subheader page-subheader--custom site-subheader-cst uh_0 eluid61c98461  psubhead-stheader--absolute sh-tcolor--light\">\n\n    <div class=\"bgback\"><\/div>\n\n    \n    <div class=\"th-sparkles\"><\/div>\n\n    <!-- DEFAULT HEADER STYLE -->\n    <div class=\"ph-content-wrap\">\n        <div class=\"ph-content-v-center\">\n            <div>\n                <div class=\"container\">\n                    <div class=\"row\">\n                                                <div class=\"col-sm-12\">\n                            <ul vocab=\"http:\/\/schema.org\/\" typeof=\"BreadcrumbList\" class=\"breadcrumbs fixclear bread-style--black\"><li property=\"itemListElement\" typeof=\"ListItem\"><a property=\"item\" typeof=\"WebPage\" href=\"https:\/\/greenarchitects.in\/stage\/\"><span property=\"name\">Home<\/span><\/a><meta property=\"position\" content=\"1\"><\/li><li>Portfolio<\/li><\/ul>                            <div class=\"clearfix\"><\/div>\n                        <\/div>\n                        \n                                            <\/div>\n                    <!-- end row -->\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n    <div class=\"zn_header_bottom_style\"><\/div><\/div><\/div><\/div>\n\n\n\n<div class=\"ga-orig-2364 ga-orig-main\"><div class=\"zn_pb_wrapper clearfix\"><div class=\"zn_custom_html eluid4322bb43 \" ><!-- ============================================================\n     GREEN ARCHITECTS \u2014 PORTFOLIO & PHOTO GALLERY PLATFORM\n     https:\/\/greenarchitects.in\/photo-gallery\/\n     Verdant Editorial \u00b7 Cormorant Garamond + Jost\n     GSAP ScrollTrigger + Swiper.js \u00b7 WordPress HTML Block\n     v2.0 FIXED & OPTIMISED \u2014 June 2026\n     ============================================================\n     BEFORE PASTING: Upload your project images to Media Library,\n     then replace the img URLs in window.GA_PROJECTS below.\n     URL pattern: https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/YYYY\/MM\/filename.webp\n     ============================================================ -->\n\n<!-- FIX 3 + FIX 4: Google Fonts (was missing) + Swiper CSS moved before JS -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin\/>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&#038;family=Jost:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/cdnjs.cloudflare.com\"\/>\n<link rel=\"preconnect\" href=\"https:\/\/cdn.jsdelivr.net\"\/>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\"\/>\n\n<section id=\"ga-portfolio\">\n<style>\n#ga-portfolio{\n  --forest:#0F3D2E;--sage:#7C9885;--olive:#5C6B3C;--sand:#D9C7A8;\n  --stone:#B89B72;--charcoal:#1A211C;--paper:#F7F5EF;--gold:#C9A227;--ink:#10160F;\n  --maxw:1280px;--radius:4px;\n  --shadow:0 24px 60px -28px rgba(16,22,15,.4);\n  --shadow-lg:0 40px 90px -30px rgba(16,22,15,.55);\n  font-family:\"Jost\",system-ui,-apple-system,Segoe UI,sans-serif;\n  color:var(--charcoal);line-height:1.65;background:var(--paper);position:relative;\n  -webkit-font-smoothing:antialiased;overflow-x:hidden;\n}\n\/* FIX 5: Removed duplicate box-sizing rule that appeared in the WP overrides section *\/\n#ga-portfolio *{box-sizing:border-box;margin:0;padding:0}\n#ga-portfolio h1,#ga-portfolio h2,#ga-portfolio h3,#ga-portfolio .serif{\n  font-family:\"Cormorant Garamond\",Georgia,serif;font-weight:500;line-height:1.1}\n#ga-portfolio .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}\n#ga-portfolio a{text-decoration:none;color:inherit}\n#ga-portfolio .eyebrow{font-family:\"Jost\",sans-serif;font-weight:500;font-size:20px;\n  letter-spacing:.34em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.7em}\n#ga-portfolio .eyebrow::before{content:\"\";width:34px;height:1px;background:var(--gold)}\n#ga-portfolio .sec{padding:120px 0;position:relative}\n#ga-portfolio .sec-head{max-width:760px;margin:0 auto 70px}\n#ga-portfolio .sec-head.center{text-align:center}\n#ga-portfolio .sec-head h2{font-size:clamp(24px,5vw,40px);color:var(--forest);margin:20px 0 18px;letter-spacing:-.01em}\n#ga-portfolio .sec-head p{font-size:11px;color:#55604f;max-width:620px}\n#ga-portfolio .sec-head.center p{margin:0 auto}\n\n\/* horizon motif *\/\n\n\n\/* HERO *\/\n#ga-portfolio .hero{position:relative;min-height:100vh;display:flex;align-items:center;color:var(--paper);overflow:hidden}\n#ga-portfolio .hero-bg{position:absolute;inset:0;z-index:0}\n#ga-portfolio .hero-bg .layer{position:absolute;inset:-10% 0;background-size:cover;background-position:center;will-change:transform}\n#ga-portfolio .hero-bg::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,61,46,.5),rgba(16,22,15,.78))}\n#ga-portfolio .hero-inner{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:0 32px;text-align:center}\n#ga-portfolio .hero h1{font-size:clamp(28px,7vw,60px);font-weight:500;letter-spacing:-.015em;margin:26px 0 22px;text-shadow:0 6px 40px rgba(0,0,0,.35)}\n#ga-portfolio .hero h1 em{font-style:italic;color:var(--gold)}\n#ga-portfolio .hero p{font-size:clamp(10.5px,1.6vw,13.2px);color:#eef0e8;max-width:660px;margin:0 auto 40px;font-weight:300}\n#ga-portfolio .hero-cta{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}\n#ga-portfolio .btn{display:inline-flex;align-items:center;gap:.7em;font-family:\"Jost\",sans-serif;font-weight:500;\n  font-size:8.2px;letter-spacing:.16em;text-transform:uppercase;padding:17px 38px;border-radius:50px;cursor:pointer;\n  transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease;border:none}\n#ga-portfolio .btn-gold{background:var(--gold);color:var(--ink);box-shadow:0 16px 36px -12px rgba(201,162,39,.6)}\n#ga-portfolio .btn-gold:hover{transform:translateY(-3px);box-shadow:0 24px 50px -14px rgba(201,162,39,.8)}\n#ga-portfolio .btn-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.6)}\n#ga-portfolio .btn-outline:hover{background:#fff;color:var(--forest);transform:translateY(-3px)}\n#ga-portfolio .btn-dark{background:var(--forest);color:var(--paper)}\n#ga-portfolio .btn-dark:hover{background:var(--ink);transform:translateY(-3px)}\n#ga-portfolio .scroll-ind{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:6.6px;letter-spacing:.26em;text-transform:uppercase;opacity:.85;display:flex;flex-direction:column;align-items:center;gap:10px}\n#ga-portfolio .scroll-ind .line{width:1px;height:46px;background:linear-gradient(#fff,transparent);position:relative;overflow:hidden}\n#ga-portfolio .scroll-ind .line::after{content:\"\";position:absolute;top:-50%;left:0;width:1px;height:50%;background:var(--gold);animation:drop 1.8s ease-in-out infinite}\n@keyframes drop{0%{top:-50%}100%{top:100%}}\n\n\/* STATS *\/\n#ga-portfolio .stats{background:var(--forest);color:var(--paper);padding:88px 0;position:relative;overflow:hidden}\n#ga-portfolio .stats .grain{position:absolute;inset:0;opacity:.5;background-image:radial-gradient(circle at 20% 30%,rgba(124,152,133,.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(201,162,39,.12),transparent 45%)}\n#ga-portfolio .stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;text-align:center}\n#ga-portfolio .stat .num{font-family:\"Cormorant Garamond\",serif;font-size:clamp(30px,5vw,46px);font-weight:500;color:var(--gold);line-height:1}\n#ga-portfolio .stat .lbl{margin-top:8px;font-size:7.8px;letter-spacing:.18em;color:#cdd6c8;text-transform:uppercase}\n@media(max-width:760px){#ga-portfolio .stats-grid{grid-template-columns:repeat(2,1fr);gap:46px 24px}}\n\n\/* FILTERS + MASONRY *\/\n#ga-portfolio .filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:54px}\n#ga-portfolio .filter{font-family:\"Jost\",sans-serif;font-size:7.4px;letter-spacing:.12em;text-transform:uppercase;\n  padding:10px 20px;border-radius:50px;border:1px solid #d8d4c4;background:transparent;color:#55604f;cursor:pointer;transition:all .25s ease}\n#ga-portfolio .filter:hover{border-color:var(--olive);color:var(--forest)}\n#ga-portfolio .filter.active{background:var(--forest);border-color:var(--forest);color:var(--paper)}\n\n#ga-portfolio .pcard{break-inside:avoid;margin-bottom:26px;position:relative;border-radius:var(--radius);overflow:hidden;\n  cursor:pointer;background:var(--charcoal);box-shadow:var(--shadow);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease}\n#ga-portfolio .pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}\n\/* FIX 6: Added aspect-ratio + object-fit to prevent Cumulative Layout Shift (CLS) *\/\n#ga-portfolio .pcard img{width:100%;display:block;aspect-ratio:4\/3;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}\n#ga-portfolio .pcard:hover img{transform:scale(1.06)}\n\/* FIX 1: Placeholder shown when no image URL is assigned to a project *\/\n#ga-portfolio .pcard-ph{aspect-ratio:4\/3;background:linear-gradient(135deg,var(--forest),var(--sage))}\n#ga-portfolio .pcard .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,22,15,0) 40%,rgba(16,22,15,.86));\n  display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:var(--paper);opacity:1}\n#ga-portfolio .pcard .cat{font-family:\"Jost\",sans-serif;font-size:6.4px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;\n  display:flex;align-items:center;gap:8px}\n#ga-portfolio .pcard .cat::before{content:\"\";width:18px;height:1px;background:var(--gold)}\n#ga-portfolio .pcard h3{font-size:17px;color:#fff;line-height:1.05;margin-bottom:8px}\n#ga-portfolio .pcard .ov{font-size:8.6px;color:#d6dccf;font-weight:300;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s ease,opacity .4s ease}\n#ga-portfolio .pcard:hover .ov{max-height:90px;opacity:1}\n#ga-portfolio .pcard .view{margin-top:16px;font-family:\"Jost\",sans-serif;font-size:7px;letter-spacing:.18em;text-transform:uppercase;color:#fff;display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}\n#ga-portfolio .pcard:hover .view{opacity:1;transform:none}\n#ga-portfolio .pcard .view svg{width:15px;height:15px;color:var(--gold)}\n\n\/* SUSTAINABILITY *\/\n#ga-portfolio .sustain{background:var(--charcoal);color:var(--paper);position:relative;overflow:hidden}\n#ga-portfolio .sustain .sec-head h2{color:var(--paper)}\n#ga-portfolio .sustain .sec-head p{color:#b9c1b1}\n#ga-portfolio .sustain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}\n@media(max-width:980px){#ga-portfolio .sustain-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:520px){#ga-portfolio .sustain-grid{grid-template-columns:1fr}}\n#ga-portfolio .scard{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);\n  padding:30px 26px;transition:transform .4s ease,border-color .4s ease,background .4s ease}\n#ga-portfolio .scard:hover{transform:translateY(-6px);border-color:var(--gold);background:rgba(201,162,39,.06)}\n#ga-portfolio .scard .si{width:50px;height:50px;border-radius:12px;background:linear-gradient(135deg,var(--sage),var(--forest));display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:18px}\n#ga-portfolio .scard .si svg{width:26px;height:26px}\n#ga-portfolio .scard h4{font-family:\"Cormorant Garamond\",serif;font-size:15px;color:var(--paper);margin-bottom:6px}\n#ga-portfolio .scard p{font-size:8.4px;color:#aeb6a6;font-weight:300}\n\n\/* CASE STUDY *\/\n#ga-portfolio .case{background:linear-gradient(180deg,var(--paper),#efece1)}\n#ga-portfolio .ga-swiper{padding-bottom:10px}\n#ga-portfolio .case-slide{max-width:1300px;\n    margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:0;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}\n@media(max-width:860px){#ga-portfolio .case-slide{grid-template-columns:1fr}}\n\n#ga-portfolio .case-slide .img{position:relative;min-height:420px;background-size:cover;background-position:center}\n#ga-portfolio .case-slide .img .tag{position:absolute;top:22px;left:22px;background:rgba(16,22,15,.7);color:var(--paper);font-family:\"Jost\",sans-serif;font-size:6.4px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:50px}\n#ga-portfolio .case-slide .body{padding:54px 50px;display:flex;flex-direction:column;justify-content:center}\n@media(max-width:520px){#ga-portfolio .case-slide .body{padding:36px 28px}}\n#ga-portfolio .case-slide .body h3{font-size:23px;color:var(--forest);margin:14px 0 18px;line-height:1.05}\n#ga-portfolio .case-block{margin-bottom:16px}\n#ga-portfolio .case-block .k{font-family:\"Jost\",sans-serif;font-size:6.6px;letter-spacing:.2em;text-transform:uppercase;color:var(--olive);margin-bottom:3px}\n#ga-portfolio .case-block .v{font-size:9.4px;color:#4a5544}\n#ga-portfolio .ga-nav{display:flex;gap:12px;justify-content:center;margin-top:36px}\n#ga-portfolio .ga-nav button{width:50px;height:50px;border-radius:50%;border:1px solid var(--stone);background:transparent;color:var(--forest);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease}\n#ga-portfolio .ga-nav button:hover{background:var(--forest);border-color:var(--forest);color:var(--paper)}\n#ga-portfolio .ga-nav svg{width:20px;height:20px}\n\n\/* EXPERTISE *\/\n#ga-portfolio .exp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e2ddcd;border:1px solid #e2ddcd;border-radius:var(--radius);overflow:hidden}\n@media(max-width:860px){#ga-portfolio .exp-grid{grid-template-columns:repeat(2,1fr)}}\n@media(max-width:520px){#ga-portfolio .exp-grid{grid-template-columns:1fr}}\n#ga-portfolio .exp-cell{background:var(--paper);padding:40px 34px;transition:background .35s ease}\n#ga-portfolio .exp-cell:hover{background:#fff}\n#ga-portfolio .exp-cell .n{font-family:\"Cormorant Garamond\",serif;font-size:13px;color:var(--gold);font-style:italic}\n#ga-portfolio .exp-cell h4{font-family:\"Cormorant Garamond\",serif;font-size:17px;color:var(--forest);margin:8px 0 10px}\n#ga-portfolio .exp-cell p{font-size:9px;color:#55604f;font-weight:300}\n\n\/* FINAL CTA *\/\n#ga-portfolio .final{position:relative;color:var(--paper);text-align:center;overflow:hidden;background:var(--forest)}\n#ga-portfolio .final .bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28}\n#ga-portfolio .final::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,61,46,.7),rgba(16,22,15,.85))}\n#ga-portfolio .final .wrap{position:relative;z-index:2;padding:130px 32px}\n#ga-portfolio .final h2{font-size:clamp(24px,5vw,40px);margin:20px 0 18px}\n#ga-portfolio .final h2 em{font-style:italic;color:var(--gold)}\n#ga-portfolio .final p{font-size:11.2px;color:#dfe4d8;max-width:580px;margin:0 auto 36px;font-weight:300}\n\n\/* LIGHTBOX *\/\n\/* =========================\n   LIGHTBOX - RESPONSIVE FIX\n========================= *\/\n\n#ga-portfolio .lb{\n    position:fixed;\n    inset:0;\n    background:rgba(10,14,9,.94);\n    z-index:10000;\n    display:none;\n    align-items:center;\n    justify-content:center;\n    padding:20px;\n}\n\n#ga-portfolio .lb.show{\n    display:flex;\n}\n\n#ga-portfolio .lb-inner{\n    position:relative;\n    width:min(1200px,95vw);\n    max-height:90vh;\n    background:var(--paper);\n    border-radius:var(--radius);\n    overflow:hidden;\n    display:grid;\n    grid-template-columns:1.15fr 1fr;\n    box-shadow:0 30px 80px rgba(0,0,0,.35);\n}\n\n\/* Image *\/\n\n#ga-portfolio .lb-img{\n    background-size:cover;\n    background-position:center;\n    min-height:500px;\n    height:100%;\n}\n\n\/* Content *\/\n\n#ga-portfolio .lb-body{\n    padding:48px;\n    overflow-y:auto;\n    max-height:90vh;\n    scrollbar-width:thin;\n}\n\n#ga-portfolio .lb-body::-webkit-scrollbar{\n    width:8px;\n}\n\n#ga-portfolio .lb-body::-webkit-scrollbar-thumb{\n    background:rgba(0,0,0,.18);\n    border-radius:20px;\n}\n\n#ga-portfolio .lb-body .cat{\n    font-family:\"Jost\",sans-serif;\n    font-size:12px;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    color:var(--gold);\n    margin-bottom:14px;\n}\n\n#ga-portfolio .lb-body h3{\n    font-size:54px;\n    line-height:1.05;\n    color:var(--forest);\n    margin-bottom:28px;\n}\n\n#ga-portfolio .lb-block{\n    margin-bottom:28px;\n}\n\n#ga-portfolio .lb-block .k{\n    font-family:\"Jost\",sans-serif;\n    font-size:12px;\n    letter-spacing:4px;\n    text-transform:uppercase;\n    color:var(--olive);\n    margin-bottom:8px;\n}\n\n#ga-portfolio .lb-block .v{\n    font-size:18px;\n    line-height:1.9;\n    color:#4a5544;\n}\n\n\/* Close Button *\/\n\n#ga-portfolio .lb-close{\n    position:absolute;\n    top:18px;\n    right:18px;\n    width:46px;\n    height:46px;\n    border:none;\n    border-radius:50%;\n    background:#fff;\n    cursor:pointer;\n    color:var(--forest);\n    font-size:22px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    z-index:100;\n    box-shadow:0 8px 20px rgba(0,0,0,.15);\n}\n\n\/* =========================\n   TABLET\n========================= *\/\n\n@media(max-width:1024px){\n\n    #ga-portfolio .lb-body{\n        padding:36px;\n    }\n\n    #ga-portfolio .lb-body h3{\n        font-size:42px;\n    }\n\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:768px){\n\n    #ga-portfolio .lb{\n        padding:0;\n    }\n\n    #ga-portfolio .lb-inner{\n        width:100vw;\n        height:100vh;\n        max-height:100vh;\n        border-radius:0;\n        display:flex;\n        flex-direction:column;\n    }\n\n    #ga-portfolio .lb-img{\n        height:280px;\n        min-height:280px;\n        flex-shrink:0;\n    }\n\n    #ga-portfolio .lb-body{\n        flex:1;\n        overflow-y:auto;\n        padding:24px;\n        max-height:none;\n    }\n\n    #ga-portfolio .lb-body h3{\n        font-size:36px;\n        margin-bottom:20px;\n    }\n\n    #ga-portfolio .lb-block{\n        margin-bottom:22px;\n    }\n\n    #ga-portfolio .lb-block .v{\n        font-size:17px;\n        line-height:1.8;\n    }\n\n    #ga-portfolio .lb-close{\n        top:14px;\n        right:14px;\n        width:42px;\n        height:42px;\n        font-size:20px;\n    }\n\n}\n\n\/* =========================\n   SMALL MOBILE\n========================= *\/\n\n@media(max-width:480px){\n\n    #ga-portfolio .lb-img{\n        height:220px;\n        min-height:220px;\n    }\n\n    #ga-portfolio .lb-body{\n        padding:20px;\n    }\n\n    #ga-portfolio .lb-body h3{\n        font-size:30px;\n        line-height:1.1;\n    }\n\n    #ga-portfolio .lb-block .v{\n        font-size:16px;\n        line-height:1.75;\n    }\n\n}\n\n\/* WHATSAPP FAB *\/\n#ga-portfolio .fab{position:fixed;right:22px;bottom:26px;z-index:999;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -8px rgba(0,0,0,.4);transition:transform .25s ease}\n#ga-portfolio .fab:hover{transform:scale(1.08)}\n#ga-portfolio .fab svg{width:28px;height:28px}\n\n\/* ANIMATIONS *\/\n#ga-portfolio .reveal{opacity:1;transform:none}\n#ga-portfolio.js-anim .reveal{opacity:0;transform:translateY(36px)}\n\n\/* PHILOSOPHY *\/\n#ga-portfolio .philo{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:start;max-width:1100px;margin:0 auto}\n@media(max-width:820px){#ga-portfolio .philo{grid-template-columns:1fr;gap:28px}}\n#ga-portfolio .philo-l h2{font-size:clamp(20px,4vw,31px);color:var(--forest);margin-top:18px;line-height:1.08}\n#ga-portfolio .philo-r p{font-size:10.5px;color:#4a5544;font-weight:300;margin-bottom:18px}\n#ga-portfolio .philo-r .horizon{justify-content:flex-start;max-width:200px;margin-top:6px}\n@media(prefers-reduced-motion:reduce){#ga-portfolio .reveal{opacity:1!important;transform:none!important}#ga-portfolio *{animation:none!important}}\n\n\/* \u2500\u2500 WORDPRESS \/ ELEMENTOR TYPOGRAPHY OVERRIDE \u2500\u2500 *\/\n#ga-portfolio{font-size:16px!important;line-height:1.7!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}\n#ga-portfolio .hero h1{font-size:clamp(52px,7vw,96px)!important;line-height:1.05!important;letter-spacing:-1.5px!important}\n#ga-portfolio .hero p{font-size:clamp(18px,2vw,24px)!important;line-height:1.8!important}\n#ga-portfolio .hero .eyebrow{font-size:14px!important;letter-spacing:4px!important}\n#ga-portfolio .btn{font-size:14px!important;padding:18px 38px!important}\n#ga-portfolio .sec-head h2{font-size:clamp(42px,5vw,68px)!important;line-height:1.08!important;letter-spacing:-1px!important}\n#ga-portfolio .sec-head p{font-size:20px!important;line-height:1.8!important}\n#ga-portfolio .philo-l h2{font-size:clamp(38px,4vw,56px)!important;line-height:1.1!important}\n#ga-portfolio .philo-r p{font-size:19px!important;line-height:1.9!important}\n#ga-portfolio .stat .num{font-size:clamp(54px,5vw,84px)!important}\n#ga-portfolio .stat .lbl{font-size:14px!important;letter-spacing:2px!important}\n#ga-portfolio .filter{font-size:13px!important;padding:12px 22px!important}\n#ga-portfolio .pcard h3{font-size:34px!important;line-height:1.1!important}\n#ga-portfolio .pcard .cat{font-size:12px!important}\n#ga-portfolio .pcard .ov{font-size:16px!important;line-height:1.7!important}\n#ga-portfolio .pcard .view{font-size:12px!important}\n#ga-portfolio .scard h4{font-size:30px!important}\n#ga-portfolio .scard p{font-size:16px!important;line-height:1.8!important}\n#ga-portfolio .case-slide .body h3{font-size:48px!important;line-height:1.08!important}\n#ga-portfolio .case-block .k{font-size:12px!important}\n#ga-portfolio .case-block .v{font-size:17px!important;line-height:1.8!important}\n#ga-portfolio .exp-cell .n{font-size:28px!important}\n#ga-portfolio .exp-cell h4{font-size:34px!important}\n#ga-portfolio .exp-cell p{font-size:17px!important;line-height:1.8!important}\n#ga-portfolio .final h2{font-size:clamp(44px,5vw,72px)!important}\n#ga-portfolio .final p{font-size:20px!important;line-height:1.8!important}\n#ga-portfolio .lb-body h3{font-size:44px!important}\n#ga-portfolio .lb-block .k{font-size:12px!important}\n#ga-portfolio .lb-block .v{font-size:17px!important;line-height:1.8!important}\n@media(max-width:1024px){\n  #ga-portfolio .hero h1{font-size:64px!important}\n  #ga-portfolio .sec-head h2{font-size:52px!important}\n  #ga-portfolio .case-slide .body h3{font-size:40px!important}\n}\n@media(max-width:768px){\n  #ga-portfolio{font-size:18px!important}\n  #ga-portfolio .wrap{padding-left:24px!important;padding-right:24px!important}\n  #ga-portfolio .hero h1{font-size:44px!important;line-height:1.08!important}\n  #ga-portfolio .hero p{font-size:18px!important;line-height:1.8!important}\n  #ga-portfolio .sec-head h2{font-size:38px!important;line-height:1.15!important}\n  #ga-portfolio .sec-head p{font-size:18px!important}\n  #ga-portfolio .philo-l h2{font-size:34px!important}\n  #ga-portfolio .philo-r p{font-size:18px!important}\n  #ga-portfolio .pcard h3{font-size:28px!important}\n  #ga-portfolio .scard h4{font-size:26px!important}\n  #ga-portfolio .case-slide .body h3{font-size:32px!important}\n  #ga-portfolio .exp-cell h4{font-size:28px!important}\n  #ga-portfolio .final h2{font-size:40px!important}\n  #ga-portfolio .final p{font-size:18px!important}\n}\n@media(max-width:480px){\n  #ga-portfolio .hero h1{font-size:38px!important}\n  #ga-portfolio .sec-head h2{font-size:34px!important}\n  #ga-portfolio .pcard h3{font-size:24px!important}\n  #ga-portfolio .case-slide .body h3{font-size:28px!important}\n}\n\n\/* ==========================================\n3 \u00d7 3 PORTFOLIO GRID\n========================================== *\/\n\n#ga-portfolio #ga-masonry{\n    display:grid !important;\n    grid-template-columns:repeat(3,1fr) !important;\n    gap:30px !important;\n}\n\n#ga-portfolio .pcard{\n    width:100% !important;\n    height:420px !important;\n    border-radius:24px;\n    overflow:hidden;\n    position:relative;\n}\n\n#ga-portfolio .pcard img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    transition:transform .6s ease;\n}\n\n#ga-portfolio .pcard:hover img{\n    transform:scale(1.08);\n}\n\n\/* Tablet *\/\n\n@media(max-width:1024px){\n\n    #ga-portfolio #ga-masonry{\n        grid-template-columns:repeat(2,1fr) !important;\n        gap:24px !important;\n    }\n\n}\n\n\/* Mobile *\/\n\n@media(max-width:768px){\n\n    #ga-portfolio #ga-masonry{\n        grid-template-columns:1fr !important;\n        gap:20px !important;\n    }\n\n    #ga-portfolio .pcard{\n        height:320px !important;\n    }\n\n}\n\n\/* ====================================\nFINAL WORDPRESS FULL WIDTH FIX\n==================================== *\/\n\nhtml,\nbody{\n    width:100%;\n    max-width:100%;\n    overflow-x:hidden !important;\n}\n\n.elementor-section,\n.elementor-container,\n.elementor-column,\n.elementor-widget,\n.elementor-widget-container{\n    width:100% !important;\n    max-width:100% !important;\n}\n\n#ga-portfolio{\n    position:relative;\n    width:100vw !important;\n    max-width:100vw !important;\n\n    left:50%;\n    margin-left:-50vw !important;\n\n    overflow:hidden !important;\n}\n\n#ga-portfolio .wrap{\n    width:100%;\n    max-width:1600px !important;\n    margin:auto;\n    padding-left:40px !important;\n    padding-right:40px !important;\n}\n\n\/* HERO *\/\n\n#ga-portfolio .hero{\n    min-height:100vh !important;\n    width:100% !important;\n}\n\n#ga-portfolio .hero-inner{\n    width:100%;\n    max-width:1400px !important;\n}\n\n\/* STATS *\/\n\n#ga-portfolio .stats{\n    width:100%;\n    overflow:hidden;\n}\n\n#ga-portfolio .stats-grid{\n    width:100%;\n    align-items:center;\n}\n\n\/* 3 X 3 GRID *\/\n\n#ga-portfolio #ga-masonry{\n    display:grid !important;\n    grid-template-columns:repeat(3,minmax(0,1fr)) !important;\n    gap:32px !important;\n    columns:unset !important;\n}\n\n#ga-portfolio .pcard{\n    margin:0 !important;\n    height:420px !important;\n}\n\n\/* CASE STUDY *\/\n\n#ga-portfolio .case-slide{\n    width:100%;\n}\n\n\/* CTA *\/\n\n#ga-portfolio .final{\n    width:100%;\n}\n\n#ga-portfolio .final .wrap{\n    max-width:1200px !important;\n}\n\n\/* LIGHTBOX *\/\n\n#ga-portfolio .lb{\n    position:fixed !important;\n    inset:0 !important;\n\n    display:none;\n    align-items:center !important;\n    justify-content:center !important;\n}\n\n#ga-portfolio .lb.show{\n    display:flex !important;\n}\n\n#ga-portfolio .lb-inner{\n    margin:auto !important;\n}\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    #ga-portfolio #ga-masonry{\n        grid-template-columns:repeat(2,1fr) !important;\n    }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n    #ga-portfolio .wrap{\n        padding-left:24px !important;\n        padding-right:24px !important;\n    }\n\n    #ga-portfolio #ga-masonry{\n        grid-template-columns:1fr !important;\n    }\n\n    #ga-portfolio .pcard{\n        height:340px !important;\n    }\n\n    #ga-portfolio .stats-grid{\n        grid-template-columns:repeat(2,1fr) !important;\n    }\n\n}\n\n\/* SMALL MOBILE *\/\n\n@media(max-width:480px){\n\n    #ga-portfolio .stats-grid{\n        grid-template-columns:1fr !important;\n    }\n\n}\n#ga-portfolio .lb-img{\n    min-height:500px;\n    overflow:hidden;\n}\n\n#ga-portfolio .lb-img img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    display:block;\n}\n\n\/* CASE STUDY IMAGE *\/\n\n\/* CASE STUDY IMAGE *\/\n\n#ga-portfolio .case-image{\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    height:100%;\n    min-height:520px;\n\n    overflow:hidden;\n    border-radius:24px;\n}\n\n#ga-portfolio .case-image img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:center center; \/* center image *\/\n    display:block;\n}\n\n#ga-portfolio .case-image .tag{\n    position:absolute;top:22px;left:22px;background:rgba(16,22,15,.7);color:var(--paper);font-family:\"Jost\",sans-serif;font-size:6.4px;letter-spacing:.18em;text-transform:uppercase;padding:8px 16px;border-radius:50px\n}\n@media(max-width:768px){\n\n    #ga-portfolio .case-slide{\n        grid-template-columns:1fr;\n        gap:24px;\n    }\n\n    #ga-portfolio .case-image{\n        min-height:300px;\n    }\n\n}\n}\n\n\/* =====================================================\nFINAL CASE STUDY + SWIPER + LIGHTBOX FIX\n===================================================== *\/\n\n\/* CASE STUDY *\/\n\n#ga-portfolio .case{\n    padding-bottom:40px !important;\n}\n\n#ga-portfolio .ga-swiper{\n    padding-bottom:0 !important;\n    margin-bottom:0 !important;\n}\n\n#ga-portfolio .swiper-wrapper{\n    margin-bottom:0 !important;\n}\n\n#ga-portfolio .swiper-slide{\n    height:auto !important;\n}\n\n#ga-portfolio .case-slide{\n    width:100%;\n    max-width:1100px;\n    margin:0 auto !important;\n\n    display:grid;\n    grid-template-columns:1fr 1fr;\n    align-items:center;\n\n    background:#fff;\n    border-radius:20px;\n\n    overflow:hidden;\n    box-shadow:var(--shadow);\n\n    margin-bottom:0 !important;\n}\n\n#ga-portfolio .case-image,\n#ga-portfolio .case-slide .img{\n    position:relative;\n    min-height:340px;\n    overflow:hidden;\n}\n\n#ga-portfolio .case-image img,\n#ga-portfolio .case-slide .img img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    object-position:center center;\n}\n\n#ga-portfolio .case-slide .body{\n    padding:32px 36px !important;\n}\n\n#ga-portfolio .case-slide .body h3{\n    font-size:36px !important;\n    line-height:1.1 !important;\n    margin:12px 0 16px !important;\n}\n\n#ga-portfolio .case-block{\n    margin-bottom:10px !important;\n}\n\n#ga-portfolio .case-block .k{\n    font-size:10px !important;\n    letter-spacing:3px !important;\n}\n\n#ga-portfolio .case-block .v{\n    font-size:14px !important;\n    line-height:1.6 !important;\n}\n\n#ga-portfolio .ga-nav{\n    display:flex;\n    justify-content:center;\n    gap:12px;\n\n    margin-top:10px !important;\n    margin-bottom:0 !important;\n}\n\n#ga-portfolio .ga-nav button{\n    width:42px;\n    height:42px;\n}\n\n\/* LIGHTBOX *\/\n\n#ga-portfolio .lb{\n    display:none;\n    align-items:center;\n    justify-content:center;\n}\n\n#ga-portfolio .lb.show{\n    display:flex !important;\n}\n\n#ga-portfolio .lb-inner{\n    width:min(1100px,95vw);\n    max-height:90vh;\n    margin:auto !important;\n}\n\n#ga-portfolio .lb-img{\n    min-height:420px;\n    background-size:cover;\n    background-position:center center;\n}\n\n\/* TABLET *\/\n\n@media(max-width:1024px){\n\n    #ga-portfolio .case-slide{\n        max-width:100%;\n        grid-template-columns:1fr;\n    }\n\n    #ga-portfolio .case-slide .img,\n    #ga-portfolio .case-image{\n        min-height:300px;\n    }\n\n    #ga-portfolio .case-slide .body{\n        padding:28px !important;\n    }\n\n    #ga-portfolio .case-slide .body h3{\n        font-size:30px !important;\n    }\n\n}\n\n\/* MOBILE *\/\n\n@media(max-width:768px){\n\n    #ga-portfolio .case-slide{\n        border-radius:16px;\n    }\n\n    #ga-portfolio .case-slide .img,\n    #ga-portfolio .case-image{\n        min-height:240px;\n    }\n\n    #ga-portfolio .case-slide .body{\n        padding:22px !important;\n    }\n\n    #ga-portfolio .case-slide .body h3{\n        font-size:26px !important;\n    }\n\n    #ga-portfolio .case-block .v{\n        font-size:13px !important;\n    }\n\n    #ga-portfolio .ga-nav{\n        margin-top:8px !important;\n    }\n\n}\n\n\/* SMALL MOBILE *\/\n\n@media(max-width:480px){\n\n    #ga-portfolio .case-slide .img,\n    #ga-portfolio .case-image{\n        min-height:200px;\n    }\n\n    #ga-portfolio .case-slide .body h3{\n        font-size:22px !important;\n    }\n\n}\n\n\n\n\n\n<\/style>\n\n<!-- HERO -->\n<div class=\"hero\">\n  <div class=\"hero-bg\">\n    <div class=\"layer\" data-speed=\"0.3\" style=\"background-image:url('https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/bg.webp')\"><\/div>\n  <\/div>\n  <div class=\"hero-inner\">\n    <span class=\"eyebrow reveal\">Green Architects \u00b7 Landscape Architecture Since 2001<\/span>\n    <h1 class=\"reveal\">Designing Landscapes That<br \/>Inspire, <em>Sustain<\/em> and Endure<\/h1>\n    <p class=\"reveal\">A portfolio of landscape architecture, environmental planning, sustainable design, green infrastructure and outdoor transformations across India and the GCC.<\/p>\n    <div class=\"hero-cta reveal\">\n      <a href=\"#ga-work\" class=\"btn btn-gold\">Explore Portfolio\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <a href=\"https:\/\/greenarchitects.in\/stage\/landscape-architectural-design\/\" class=\"btn btn-outline\">Discover Services<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"scroll-ind\"><span>Scroll<\/span><span class=\"line\"><\/span><\/div>\n<\/div>\n\n<!-- STATS -->\n<div class=\"stats\">\n  <div class=\"grain\"><\/div>\n  <div class=\"wrap\"><div class=\"stats-grid\">\n    <div class=\"stat\"><div class=\"num\" data-count=\"25\" data-suffix=\"+\">0<\/div><div class=\"lbl\">Years of Experience<\/div><\/div>\n    <div class=\"stat\"><div class=\"num\" data-count=\"500\" data-suffix=\"+\">0<\/div><div class=\"lbl\">Projects Delivered<\/div><\/div>\n    <div class=\"stat\"><div class=\"num\" data-count=\"70\" data-suffix=\"+\">0<\/div><div class=\"lbl\">In-House Specialists<\/div><\/div>\n    <div class=\"stat\"><div class=\"num\" data-count=\"18\" data-suffix=\"\">0<\/div><div class=\"lbl\">Service Categories<\/div><\/div>\n  <\/div><\/div>\n<\/div>\n\n<!-- PHILOSOPHY -->\n<div class=\"sec\" style=\"padding-bottom:40px\">\n  <div class=\"wrap\">\n    <div class=\"philo reveal\">\n      <div class=\"philo-l\">\n        <span class=\"eyebrow\">Our Practice<\/span>\n        <h2>Landscapes designed to live, perform and endure.<\/h2>\n      <\/div>\n      <div class=\"philo-r\">\n        <p>For over two decades, Green Architects has shaped outdoor environments where design excellence and ecological responsibility are inseparable. Each project begins with the land \u2014 its climate, soil, water and light \u2014 and grows into a landscape that is as resilient as it is beautiful.<\/p>\n        <p>From private gardens to townships, corporate campuses to restored ecosystems, our multidisciplinary team integrates landscape architecture, horticulture and environmental planning into a single, accountable practice. The work shown here is presented as confidential case studies, focused on design intent and outcome rather than client identity.<\/p>\n        \n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- PORTFOLIO MASONRY -->\n<div class=\"sec\" id=\"ga-work\" style=\"padding-top:60px\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">Selected Work<\/span>\n      <h2>A Portfolio Rooted in Place<\/h2>\n      <p>Explore our landscape architecture work by discipline. Every project is presented as a case study \u2014 design intent, strategy and environmental outcome \u2014 with client details kept confidential.<\/p>\n    <\/div>\n    <div class=\"filters reveal\">\n      <button class=\"filter active\" data-f=\"all\">All Work<\/button>\n      <button class=\"filter\" data-f=\"residential\">Residential<\/button>\n      <button class=\"filter\" data-f=\"terrace\">Terrace &amp; Roof<\/button>\n      <button class=\"filter\" data-f=\"vertical\">Vertical &amp; Green Walls<\/button>\n      <button class=\"filter\" data-f=\"commercial\">Commercial &amp; Institutional<\/button>\n      <button class=\"filter\" data-f=\"public\">Public &amp; Recreational<\/button>\n      <button class=\"filter\" data-f=\"water\">Water &amp; Irrigation<\/button>\n      <button class=\"filter\" data-f=\"eco\">Ecological<\/button>\n      <button class=\"filter\" data-f=\"industrial\">Industrial<\/button>\n    <\/div>\n    <div class=\"masonry\" id=\"ga-masonry\"><!-- CARDS INJECTED BY SCRIPT --><\/div>\n  <\/div>\n<\/div>\n\n<!-- SUSTAINABILITY -->\n<div class=\"sec sustain\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">Environmental Stewardship<\/span>\n      <h2>Sustainability, By Design<\/h2>\n      <p>Ecological responsibility is engineered into every landscape we create \u2014 not added afterward.<\/p>\n    <\/div>\n    <div class=\"sustain-grid\">\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 2s6 6 6 11a6 6 0 01-12 0c0-5 6-11 6-11z\"><\/path><\/svg><\/div><h4>Water Conservation<\/h4><p>Smart irrigation, rainwater integration and drought-tolerant design reduce consumption.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 22V8M12 8C12 4 9 2 5 2c0 4 3 6 7 6zM12 8c0-3 3-5 7-5 0 4-3 5-7 5z\"><\/path><\/svg><\/div><h4>Native Planting<\/h4><p>Region-appropriate species thrive with minimal inputs and support local ecology.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle><path d=\"M12 2v4M12 18v4M2 12h4M18 12h4M5 5l3 3M16 16l3 3M19 5l-3 3M8 16l-3 3\"><\/path><\/svg><\/div><h4>Biodiversity Uplift<\/h4><p>Layered planting and habitat corridors invite pollinators, birds and beneficial insects.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 21s4-2 9-2 9 2 9 2M5 21V10l7-5 7 5v11\"><\/path><\/svg><\/div><h4>Ecological Restoration<\/h4><p>Degraded sites are rebuilt into living, self-sustaining green systems.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 2v6M12 8l4 4M12 8L8 12M5 16h14M5 20h14\"><\/path><\/svg><\/div><h4>Smart Irrigation<\/h4><p>Sensor-driven, zoned watering delivers precision and eliminates waste.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M12 3v18M5 8c0 4 3 6 7 6M19 8c0 4-3 6-7 6\"><\/path><\/svg><\/div><h4>Carbon Reduction<\/h4><p>Dense, mature planting sequesters carbon and cools the microclimate.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M2 12h20M12 2c3 3 4 6 4 10s-1 7-4 10c-3-3-4-6-4-10s1-7 4-10z\"><\/path><\/svg><\/div><h4>Rainwater Integration<\/h4><p>Swales, basins and permeable surfaces return water to the ground.<\/p><\/div>\n      <div class=\"scard reveal\"><div class=\"si\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.7\"><path d=\"M3 21h18M5 21V7l7-4 7 4v14M9 21v-5h6v5\"><\/path><\/svg><\/div><h4>Environmental Planning<\/h4><p>Site-wide strategy aligns development with the land&#8217;s natural systems.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- CASE STUDY SWIPER -->\n<div class=\"sec case\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">Case Studies<\/span>\n      <h2>Inside the Work<\/h2>\n      <p>A closer look at how design intent becomes a living, performing landscape.<\/p>\n    <\/div>\n    <div class=\"swiper ga-swiper\">\n      <div class=\"swiper-wrapper\"><!-- SLIDES INJECTED BY SCRIPT --><\/div>\n    <\/div>\n    <div class=\"ga-nav\">\n      <button class=\"ga-prev\" aria-label=\"Previous\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"><\/path><\/svg><\/button>\n      <button class=\"ga-next\" aria-label=\"Next\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 6l6 6-6 6\"><\/path><\/svg><\/button>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- EXPERTISE -->\n<div class=\"sec\">\n  <div class=\"wrap\">\n    <div class=\"sec-head center reveal\">\n      <span class=\"eyebrow\">Capabilities<\/span>\n      <h2>Expertise That Spans the Whole Landscape<\/h2>\n      <p>From first concept to long-term care \u2014 an integrated, multi-disciplinary practice.<\/p>\n    <\/div>\n    <div class=\"exp-grid\">\n      <div class=\"exp-cell reveal\"><div class=\"n\">01<\/div><h4>Design Expertise<\/h4><p>Master planning, concept design and detailing across residential, commercial and public scales.<\/p><\/div>\n      <div class=\"exp-cell reveal\"><div class=\"n\">02<\/div><h4>Technical Capability<\/h4><p>Grading, drainage, irrigation engineering and hardscape detailing executed to specification.<\/p><\/div>\n      <div class=\"exp-cell reveal\"><div class=\"n\">03<\/div><h4>Sustainable Practice<\/h4><p>Water-efficient, native-led and biodiversity-positive methods as our default approach.<\/p><\/div>\n      <div class=\"exp-cell reveal\"><div class=\"n\">04<\/div><h4>Multi-Sector Experience<\/h4><p>Residential estates, corporate campuses, townships, institutions and public realms.<\/p><\/div>\n      <div class=\"exp-cell reveal\"><div class=\"n\">05<\/div><h4>Landscape Engineering<\/h4><p>Structural planting, terrace systems, vertical gardens and water features built to last.<\/p><\/div>\n      <div class=\"exp-cell reveal\"><div class=\"n\">06<\/div><h4>Environmental Planning<\/h4><p>Site-wide ecological strategy that integrates development with natural systems.<\/p><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- FINAL CTA -->\n<div class=\"final\">\n  <div class=\"bg\" style=\"background-image:url('https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/bg1.webp')\"><\/div>\n  <div class=\"wrap reveal\">\n    <span class=\"eyebrow\" style=\"color:var(--gold)\">Begin Your Project<\/span>\n    <h2>Let&#8217;s Shape Your <em>Landscape<\/em><\/h2>\n    <p>Partner with a registered, multi-disciplinary studio trusted across residential, commercial, institutional and public projects.<\/p>\n    <div class=\"hero-cta\">\n      <!-- FIX 8: Added target=\"_blank\" rel=\"noopener noreferrer\" to external WhatsApp link -->\n      <a href=\"https:\/\/api.whatsapp.com\/send?phone=+919843167999&#038;text=I%20am%20interested%20in%20your%20Service,%20I%20am%20contacting%20through%20your%20website.\" class=\"btn btn-gold\" target=\"_blank\" rel=\"noopener noreferrer\">Request Consultation\n        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a>\n      <a href=\"https:\/\/greenarchitects.in\/stage\/contact-us-2\/\" class=\"btn btn-outline\">Contact Us<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- LIGHTBOX -->\n<div class=\"lb\" id=\"ga-lb\"><div class=\"lb-inner\" style=\"position:relative\">\n  <button class=\"lb-close\" id=\"ga-lb-close\" aria-label=\"Close\">&times;<\/button>\n  <div class=\"lb-img\">\n    <img decoding=\"async\" id=\"ga-lb-image\" src=\"\" alt=\"\" title=\"\">\n<\/div>\n  <div class=\"lb-body\" id=\"ga-lb-body\"><\/div>\n<\/div><\/div>\n\n<!-- WHATSAPP FAB -->\n<a href=\"https:\/\/api.whatsapp.com\/send?phone=+919843167999&#038;text=I%20am%20interested%20in%20your%20Service,%20I%20am%20contacting%20through%20your%20website.\" class=\"fab\" aria-label=\"WhatsApp\" target=\"_blank\" rel=\"noopener noreferrer\">\n  <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M.057 24l1.687-6.163a11.867 11.867 0 01-1.587-5.945C.16 5.335 5.495 0 12.05 0a11.82 11.82 0 018.413 3.488 11.82 11.82 0 013.48 8.414c-.003 6.557-5.338 11.892-11.893 11.892a11.9 11.9 0 01-5.688-1.448L.057 24zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884a9.86 9.86 0 001.51 5.26l-.999 3.648 3.737-.979.099.092zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.71.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"><\/path><\/svg>\n<\/a>\n\n<!-- SEO SCHEMA -->\n<script type=\"application\/ld+json\">\n{\"@context\":\"https:\/\/schema.org\",\"@type\":\"ProfessionalService\",\"name\":\"Green Architects\",\"description\":\"Landscape architecture, environmental planning and sustainable landscape design consultancy established in 2001.\",\"areaServed\":[\"India\",\"GCC\"],\"foundingDate\":\"2001\",\"url\":\"https:\/\/greenarchitects.in\/stage\",\"knowsAbout\":[\"Landscape Architecture\",\"Landscape Design\",\"Terrace Garden Design\",\"Vertical Garden Solutions\",\"Green Wall Systems\",\"Environmental Planning\",\"Landscape Irrigation\",\"Sustainable Landscapes\",\"Ecological Restoration\"],\"makesOffer\":[{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Landscape Architecture\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Terrace & Roof Garden Design\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Vertical Gardens & Green Walls\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Water Features & Irrigation\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Corporate & Institutional Landscaping\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Public Park & Recreational Design\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Township Landscape Planning\"}},{\"@type\":\"Offer\",\"itemOffered\":{\"@type\":\"Service\",\"name\":\"Ecological Restoration\"}}]}\n<\/script>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PROJECT DATA \u2014 FIX 1 + FIX 7\n     \u25b8 Replace every \"img\" URL with your actual WordPress Media Library URL\n     \u25b8 URL pattern: https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/YYYY\/MM\/filename.webp\n     \u25b8 \"featured:true\" projects also appear in the Case Study swiper\n     \u25b8 Add\/remove projects by copying or deleting a block in the array\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<script>window.GA_PROJECTS=[\n  {\n    \"filter\": \"residential\",\n    \"category\": \"Luxury Residential Landscape\",\n    \"title\": \"Luxury Residential Garden Development\",\n    \"featured\": true,\n    \"overview\": \"A private estate garden balancing formal stone geometry with relaxed, climate-adapted planting.\",\n    \"blocks\": [\n      {\n        \"k\": \"Project Vision\",\n        \"v\": \"An elegant, low-maintenance garden that reads as lush year-round while respecting the regional climate and the architecture it surrounds.\"\n      },\n      {\n        \"k\": \"Design Approach\",\n        \"v\": \"A formal laterite entrance court resolves into an open lawn, with planting loosening from clipped edges to naturalistic massing toward the boundary.\"\n      },\n      {\n        \"k\": \"Planting Concept\",\n        \"v\": \"Frangipani, ixora and heliconia layered against native shrubs for structure, seasonal colour and pollinator value.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Drip irrigation, organic mulch and graded rainwater channelling cut water demand substantially.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A resilient, photogenic garden that needs minimal inputs while elevating the residence.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture1.png\"\n  },\n  {\n    \"filter\": \"terrace\",\n    \"category\": \"Terrace & Roof Landscapes\",\n    \"title\": \"Rooftop Terrace Garden Transformation\",\n    \"featured\": true,\n    \"overview\": \"An unused rooftop reimagined as a green, usable outdoor living room above the city.\",\n    \"blocks\": [\n      {\n        \"k\": \"Site Conditions\",\n        \"v\": \"A bare concrete terrace with high sun exposure, wind and strict structural load limits.\"\n      },\n      {\n        \"k\": \"Landscape Strategy\",\n        \"v\": \"Lightweight raised planters, timber decking and a slatted pergola define lounge and planting zones.\"\n      },\n      {\n        \"k\": \"Technical Solution\",\n        \"v\": \"Waterproof membranes, root barriers and lightweight growing media protect the slab below.\"\n      },\n      {\n        \"k\": \"Water Management\",\n        \"v\": \"Self-watering planters and zoned drip lines keep irrigation efficient and low-maintenance.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A cooler building envelope and a private green retreat that extends the home outdoors.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture2.png\"\n  },\n  {\n    \"filter\": \"vertical\",\n    \"category\": \"Vertical Gardens & Green Walls\",\n    \"title\": \"Vertical Garden & Green Wall Installation\",\n    \"featured\": true,\n    \"overview\": \"A living wall that brings dense greenery into a tight urban footprint.\",\n    \"blocks\": [\n      {\n        \"k\": \"Design Intent\",\n        \"v\": \"Turn a blank facade into a breathing, layered vertical ecosystem that animates the elevation.\"\n      },\n      {\n        \"k\": \"Technical Features\",\n        \"v\": \"Modular panels with integrated drip irrigation, drainage and a maintenance access strategy.\"\n      },\n      {\n        \"k\": \"Planting Concept\",\n        \"v\": \"Shade-tolerant foliage chosen for contrasting texture, density and long-term resilience.\"\n      },\n      {\n        \"k\": \"Environmental Benefit\",\n        \"v\": \"Improved air quality, acoustic buffering and measurable facade cooling.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A striking green landmark achieved within a minimal ground footprint.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture3.png\"\n  },\n  {\n    \"filter\": \"water\",\n    \"category\": \"Water Features & Irrigation\",\n    \"title\": \"Water Feature & Smart Irrigation Design\",\n    \"featured\": true,\n    \"overview\": \"A sculptural reflecting feature paired with a precision, sensor-driven irrigation network.\",\n    \"blocks\": [\n      {\n        \"k\": \"Design Approach\",\n        \"v\": \"A calm reflecting basin with a quiet sheet-flow weir anchors the garden as a sensory focal point.\"\n      },\n      {\n        \"k\": \"Technical Innovation\",\n        \"v\": \"Recirculating pumps and weather-aware controllers minimise water and energy use.\"\n      },\n      {\n        \"k\": \"Water Management\",\n        \"v\": \"Soil-moisture and rain sensors adjust zoned watering automatically across seasons.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Closed-loop recirculation with rainwater top-up reduces reliance on mains supply.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A tranquil signature feature that performs efficiently all year.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture4.jpg\"\n  },\n  {\n    \"filter\": \"commercial\",\n    \"category\": \"Corporate Campus Landscapes\",\n    \"title\": \"Corporate Campus Landscaping\",\n    \"featured\": true,\n    \"overview\": \"A workplace landscape designed for wellbeing, movement, shade and identity.\",\n    \"blocks\": [\n      {\n        \"k\": \"Project Vision\",\n        \"v\": \"A campus where staff can walk, gather and recharge outdoors throughout the day.\"\n      },\n      {\n        \"k\": \"Design Strategy\",\n        \"v\": \"Tree-lined avenues, breakout lawns and shaded seating structure the grounds and circulation.\"\n      },\n      {\n        \"k\": \"User Experience\",\n        \"v\": \"Connected paths link entrances, dining and amenity zones in an intuitive sequence.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Dense canopy planting cools the microclimate and reduces built-up heat gain.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A welcoming, productive environment that reinforces the corporate brand.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture5.jpg\"\n  },\n  {\n    \"filter\": \"industrial\",\n    \"category\": \"Industrial Greenbelt\",\n    \"title\": \"Cement Plant Greenbelt Masterplan, Ariyalur\",\n    \"featured\": false,\n    \"overview\": \"A 15,183 sqm avenue-planting masterplan for a cement plant campus \u2014 1,889 trees across 24 native and flowering species.\",\n    \"blocks\": [\n      {\n        \"k\": \"Project Vision\",\n        \"v\": \"A working greenbelt that captures dust, cools the campus and turns a compliance requirement into a living asset.\"\n      },\n      {\n        \"k\": \"Design Approach\",\n        \"v\": \"Seven planting zones \u2014 mass plantation grove, screening belts, flowering avenues and a fragrant grove \u2014 in alternating species bands at 10 ft centres.\"\n      },\n      {\n        \"k\": \"Planting Strategy\",\n        \"v\": \"24 dust-tolerant native and flowering species, specified as 15\u201320 ft advanced nursery stock for immediate impact.\"\n      },\n      {\n        \"k\": \"Environmental Performance\",\n        \"v\": \"Layered canopies deliver particulate capture, shade and biodiversity, aligned with CPCB greenbelt norms.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A masterplan and presentation set now guiding phased plantation across the campus.\"\n      },\n      {\n        \"k\": \"Concept Visualisations\",\n        \"v\": \"<img src='https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/07\/greenbelt-concept-aerial-visualisation-ariyalur.webp' alt='Aerial concept visualisation of the greenbelt masterplan' style='width:100%;border-radius:10px;margin:10px 0 6px' loading='lazy'\/><img src='https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/07\/greenbelt-concept-golden-hour-visualisation-ariyalur.webp' alt='Golden hour concept visualisation of the flowering greenbelt' style='width:100%;border-radius:10px;margin:10px 0 6px' loading='lazy'\/><em style='font-size:.85em;opacity:.75'>Concept visualisations of the masterplan.<\/em>\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/07\/industrial-greenbelt-masterplan-ariyalur.webp\"\n  },\n  {\n    \"filter\": \"public\",\n    \"category\": \"Public Park Development\",\n    \"title\": \"Public Park Development\",\n    \"featured\": true,\n    \"overview\": \"A community park balancing recreation, shade, stormwater and biodiversity.\",\n    \"blocks\": [\n      {\n        \"k\": \"Project Vision\",\n        \"v\": \"An inclusive green space serving all ages from morning to evening.\"\n      },\n      {\n        \"k\": \"Design Approach\",\n        \"v\": \"Zoned for active play, walking, gathering and quiet reflection.\"\n      },\n      {\n        \"k\": \"Planting Concept\",\n        \"v\": \"Flowering avenues, shade canopy and a habitat-rich understorey.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Permeable paths and rain gardens manage stormwater on site.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A well-used civic landscape that strengthens community life.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture7.png\"\n  },\n  {\n    \"filter\": \"commercial\",\n    \"category\": \"Institutional Landscapes\",\n    \"title\": \"Institutional Landscape Design\",\n    \"featured\": false,\n    \"overview\": \"A campus landscape supporting learning, calm and clear circulation.\",\n    \"blocks\": [\n      {\n        \"k\": \"Design Intent\",\n        \"v\": \"Green courts and shaded walkways that aid focus, orientation and wellbeing.\"\n      },\n      {\n        \"k\": \"Landscape Strategy\",\n        \"v\": \"Clear circulation spines connect buildings to gathering greens.\"\n      },\n      {\n        \"k\": \"User Experience\",\n        \"v\": \"Seating nodes and shade encourage outdoor study and rest between sessions.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Native planting and efficient irrigation lower upkeep and water use.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A dignified, low-maintenance setting that supports daily campus life.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture8.jpg\"\n  },\n  {\n    \"filter\": \"industrial\",\n    \"category\": \"Industrial Township\",\n    \"title\": \"Cement Manufacturer\u2019s Township, Ariyalur\",\n    \"featured\": false,\n    \"overview\": \"Complete landscape renovation and ongoing maintenance of an industrial township \u2014 recently completed.\",\n    \"blocks\": [\n      {\n        \"k\": \"Scope\",\n        \"v\": \"Full renovation of avenues, lawns and junction features, followed by year-round maintenance.\"\n      },\n      {\n        \"k\": \"Entrance Renovation\",\n        \"v\": \"A sculpted lawn mound with clipped topiary lettering, flowering bands and polished cobble edging at the works gate.\"\n      },\n      {\n        \"k\": \"Township Landscape\",\n        \"v\": \"Avenue lawns re-laid with instant turf, flowering shrub borders and layered hedge features at junctions.\"\n      },\n      {\n        \"k\": \"Recreation Club\",\n        \"v\": \"A new mosaic-tiled fountain with lit jets, designed and installed as the social heart of the township.\"\n      },\n      {\n        \"k\": \"Maintenance\",\n        \"v\": \"Mowing, hedge and topiary trimming, seasonal flower rotation, irrigation and tree care keep it presentable every day.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/07\/township-landscape-renovation-ariyalur.webp\"\n  },\n  {\n    \"filter\": \"eco\",\n    \"category\": \"Ecological Restoration\",\n    \"title\": \"Ecological Restoration Project\",\n    \"featured\": true,\n    \"overview\": \"A degraded site rebuilt into a self-sustaining native ecosystem.\",\n    \"blocks\": [\n      {\n        \"k\": \"Site Conditions\",\n        \"v\": \"Compacted, depleted ground with little surviving vegetation.\"\n      },\n      {\n        \"k\": \"Landscape Strategy\",\n        \"v\": \"Soil regeneration followed by dense, layered native planting.\"\n      },\n      {\n        \"k\": \"Biodiversity\",\n        \"v\": \"Restored habitat structure invites pollinators, birds and soil life back.\"\n      },\n      {\n        \"k\": \"Sustainability\",\n        \"v\": \"Once established, the system needs minimal ongoing intervention.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"A living landscape that heals, cools and maintains itself.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/Picture10.png\"\n  },\n  {\n    \"filter\": \"commercial\",\n    \"category\": \"Institutional Campus\",\n    \"title\": \"CBSE School Campus, Ariyalur\",\n    \"featured\": false,\n    \"overview\": \"Campus landscape development and year-round maintenance for a CBSE school \u2014 recently completed.\",\n    \"blocks\": [\n      {\n        \"k\": \"Scope\",\n        \"v\": \"Landscape development and continuing maintenance across the school campus.\"\n      },\n      {\n        \"k\": \"Design Approach\",\n        \"v\": \"Sculpted lawn mounds and layered clipped hedges in alternating greens and golds line the entrance drive.\"\n      },\n      {\n        \"k\": \"Planting\",\n        \"v\": \"Golden duranta borders, cycad and palm accents, and shade trees over pedestrian walks.\"\n      },\n      {\n        \"k\": \"Learning Environment\",\n        \"v\": \"A safe, green, low-maintenance setting that stays presentable through the school calendar.\"\n      },\n      {\n        \"k\": \"Outcome\",\n        \"v\": \"An entrance sequence that gives the school a tended, welcoming identity.\"\n      }\n    ],\n    \"img\": \"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/07\/school-campus-landscaping-ariyalur.webp\"\n  }\n];<\/script>\n\n<!-- CDN SCRIPTS \u2014 Swiper CSS already loaded above -->\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.5\/ScrollTrigger.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n\n<script>\n(function(){\n  var root=document.getElementById('ga-portfolio');\n  if(!root||root.dataset.gaInit)return;\n  root.dataset.gaInit='1';\n  var P=window.GA_PROJECTS||[];\n\n  \/* \u2500\u2500 BUILD MASONRY CARDS \u2500\u2500 *\/\n  var m=document.getElementById('ga-masonry');\n  P.forEach(function(p,i){\n    var c=document.createElement('div');\n    c.className='pcard reveal';\n    c.setAttribute('data-cat',p.filter);\n    c.setAttribute('data-i',i);\n    \/* FIX 1 + FIX 9: Guard empty img; add decoding=async for non-blocking decode *\/\n    var imgHtml=p.img\n      ?'<img loading=\"lazy\" decoding=\"async\" src=\"'+p.img+'\" alt=\"'+p.title+' \u2014 Green Architects Portfolio\"\/>'\n      :'<div class=\"pcard-ph\"><\/div>';\n    c.innerHTML=imgHtml+\n      '<div class=\"overlay\">'+\n        '<span class=\"cat\">'+p.category+'<\/span>'+\n        '<h3>'+p.title+'<\/h3>'+\n        '<div class=\"ov\">'+p.overview+'<\/div>'+\n        '<span class=\"view\">View Case Study <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\"><path d=\"M7 17L17 7M17 7H8M17 7v9\"><\/path><\/svg><\/span>'+\n      '<\/div>';\n    m.appendChild(c);\n  });\n\n  \/* \u2500\u2500 FILTERS \u2500\u2500 *\/\n  root.querySelectorAll('.filter').forEach(function(b){\n    b.addEventListener('click',function(){\n      root.querySelectorAll('.filter').forEach(function(x){x.classList.remove('active');});\n      b.classList.add('active');\n      var f=b.dataset.f;\n      root.querySelectorAll('.pcard').forEach(function(card){\n        card.style.display=(f==='all'||card.dataset.cat===f)?'':'none';\n      });\n      if(window.ScrollTrigger)ScrollTrigger.refresh();\n    });\n  });\n\n  \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n  var lb=document.getElementById('ga-lb'),\n      lbImg=document.getElementById('ga-lb-img'),\n      lbBody=document.getElementById('ga-lb-body');\n function openLB(p){\n\n    var popupImage = document.getElementById('ga-lb-image');\n\n    if(p.img){\n        popupImage.src = p.img;\n        popupImage.style.display = 'block';\n    }else{\n        popupImage.style.display = 'none';\n    }\n\n    var html =\n        '<div class=\"cat\">'+p.category+'<\/div>'+\n        '<h3>'+p.title+'<\/h3>';\n\n    p.blocks.forEach(function(b){\n        html +=\n        '<div class=\"lb-block\">'+\n            '<div class=\"k\">'+b.k+'<\/div>'+\n            '<div class=\"v\">'+b.v+'<\/div>'+\n        '<\/div>';\n    });\n\n    lbBody.innerHTML = html;\n\n    lb.classList.add('show');\n\n    document.body.style.overflow='hidden';\n}\n  function closeLB(){\n    lb.classList.remove('show');\n    document.body.style.overflow='';\n  }\n  m.addEventListener('click',function(e){\n    var card=e.target.closest('.pcard');\n    if(card)openLB(P[+card.dataset.i]);\n  });\n  document.getElementById('ga-lb-close').addEventListener('click',closeLB);\n  lb.addEventListener('click',function(e){if(e.target===lb)closeLB();});\n  document.addEventListener('keydown',function(e){if(e.key==='Escape')closeLB();});\n\n  \/* \u2500\u2500 CASE STUDY SWIPER \u2500\u2500 *\/\n  \/* \u2500\u2500 CASE STUDY SWIPER \u2500\u2500 *\/\n\nvar sw = root.querySelector('.swiper-wrapper');\n\nP.filter(function(p){\n    return p.featured;\n}).forEach(function(p){\n\n    var s = document.createElement('div');\n\n    s.className = 'swiper-slide';\n\n    var blocks = p.blocks.slice(0,4).map(function(b){\n        return '<div class=\"case-block\">' +\n               '<div class=\"k\">'+b.k+'<\/div>' +\n               '<div class=\"v\">'+b.v+'<\/div>' +\n               '<\/div>';\n    }).join('');\n\n    s.innerHTML =\n    '<div class=\"case-slide\">' +\n\n        '<div class=\"case-image\">' +\n            '<img decoding=\"async\" src=\"'+p.img+'\" alt=\"'+p.title+'\"\/>' +\n            '<span class=\"tag\">'+p.category+'<\/span>' +\n        '<\/div>' +\n\n        '<div class=\"body\">' +\n            '<span class=\"eyebrow\">Case Study<\/span>' +\n            '<h3>'+p.title+'<\/h3>' +\n            blocks +\n        '<\/div>' +\n\n    '<\/div>';\n\n    sw.appendChild(s);\n\n});\n\nif(window.Swiper){\n\n    new Swiper(root.querySelector('.ga-swiper'),{\n        slidesPerView:1,\n        spaceBetween:30,\n        loop:true,\n        autoHeight:true,\n\n        navigation:{\n            nextEl:root.querySelector('.ga-next'),\n            prevEl:root.querySelector('.ga-prev')\n        }\n    });\n\n}\n\n  \/* \u2500\u2500 GSAP ANIMATIONS \u2500\u2500 *\/\n  if(window.gsap&&window.ScrollTrigger){\n    gsap.registerPlugin(ScrollTrigger);\n    root.classList.add('js-anim');\n    gsap.to(root.querySelector('.hero-bg .layer'),{yPercent:18,ease:'none',\n      scrollTrigger:{trigger:root.querySelector('.hero'),start:'top top',end:'bottom top',scrub:true}});\n    gsap.timeline().to(root.querySelectorAll('.hero .reveal'),{opacity:1,y:0,duration:1,stagger:.14,ease:'power3.out',delay:.2});\n    gsap.utils.toArray(root.querySelectorAll('.reveal:not(.hero .reveal)')).forEach(function(el){\n      gsap.to(el,{opacity:1,y:0,duration:.9,ease:'power3.out',\n        scrollTrigger:{trigger:el,start:'top 86%'}});\n    });\n    root.querySelectorAll('.num[data-count]').forEach(function(el){\n\n    var target = parseInt(el.dataset.count);\n    var suffix = el.dataset.suffix || '';\n\n    gsap.fromTo(\n      el,\n      {innerHTML:0},\n      {\n        innerHTML:target,\n        duration:2,\n        ease:\"power2.out\",\n        snap:{innerHTML:1},\n        scrollTrigger:{\n          trigger:\".stats\",\n          start:\"top 80%\",\n          once:true\n        },\n        onUpdate:function(){\n          el.innerHTML =\n          Math.floor(el.innerHTML).toLocaleString() + suffix;\n        }\n      }\n    );\n\n});\n  }else{\n    \/* Fallback if CDNs are blocked *\/\n    root.querySelectorAll('.reveal').forEach(function(el){el.style.opacity=1;el.style.transform='none';});\n    root.querySelectorAll('.num[data-count]').forEach(function(el){el.textContent=(+el.dataset.count).toLocaleString()+(el.dataset.suffix||'');});\n  }\n\n  \/* \u2500\u2500 SMOOTH SCROLL ANCHORS \u2500\u2500 *\/\n  root.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      var t=document.querySelector(a.getAttribute('href'));\n      if(t){e.preventDefault();t.scrollIntoView({behavior:'smooth'});}\n    });\n  });\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n\n\n\n<\/div>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home Portfolio Green Architects \u00b7 Landscape Architecture Since 2001 Designing Landscapes ThatInspire, Sustain and Endure A portfolio of landscape architecture, environmental planning, sustainable design, green infrastructure and outdoor transformations across India and the GCC. Explore Portfolio Discover Services Scroll 0 Years of Experience 0 Projects Delivered 0 In-House Specialists 0 Service Categories Our Practice Landscapes [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2364","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/2364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/comments?post=2364"}],"version-history":[{"count":6,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/2364\/revisions"}],"predecessor-version":[{"id":7075,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/2364\/revisions\/7075"}],"wp:attachment":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/media?parent=2364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}