{"id":3322,"date":"2021-07-15T04:16:19","date_gmt":"2021-07-15T04:16:19","guid":{"rendered":"https:\/\/greenarchitects.in\/stage\/?page_id=3322"},"modified":"2026-10-06T23:21:43","modified_gmt":"2026-10-06T17:51:43","slug":"topiary","status":"publish","type":"page","link":"https:\/\/greenarchitects.in\/stage\/topiary\/","title":{"rendered":"Topiary"},"content":{"rendered":"\n<div class=\"ct-container-full\" data-content=\"normal\">\n<article id=\"post-3322\" class=\"post-3322 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-3322-css\">.ga-orig-3322{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-3322) canvas,:where(.ga-orig-3322) progress{display:inline-block;vertical-align:baseline}:where(.ga-orig-3322) a:active,:where(.ga-orig-3322) a:hover{outline:0}:where(.ga-orig-3322) mark{background:#ff0}:where(.ga-orig-3322) img{border:0}:where(.ga-orig-3322) hr{-moz-box-sizing:content-box}\/*! Source: https:\/\/github.com\/h5bp\/html5-boilerplate\/blob\/master\/src\/css\/main.css *\/@media print{:where(.ga-orig-3322) *,:where(.ga-orig-3322) :after,:where(.ga-orig-3322) :before{background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}:where(.ga-orig-3322) a,:where(.ga-orig-3322) a:visited{text-decoration:underline}:where(.ga-orig-3322) a[href]:after{content:\" (\" attr(href) \")\"}:where(.ga-orig-3322) blockquote{border:1px solid #999;page-break-inside:avoid}:where(.ga-orig-3322) img{page-break-inside:avoid}:where(.ga-orig-3322) img{max-width:100%!important}:where(.ga-orig-3322) h2,:where(.ga-orig-3322) h3,:where(.ga-orig-3322) p{orphans:3;widows:3}:where(.ga-orig-3322) h2,:where(.ga-orig-3322) h3{page-break-after:avoid}}@font-face{font-family:Glyphicons Halflings;src:url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.eot);src:url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.eot?#iefix) format(\"embedded-opentype\"),url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.woff2) format(\"woff2\"),url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.woff) format(\"woff\"),url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.ttf) format(\"truetype\"),url(https:\/\/greenarchitects.in\/stage\/wp-content\/themes\/kallyas\/template_helpers\/icons\/glyphicons_halflingsregular\/glyphicons_halflingsregular.svg#glyphicons_halflingsregular) format(\"svg\")}:where(.ga-orig-3322) .glyphicon-arrow-left:before{content:\"\\e091\"}:where(.ga-orig-3322) .glyphicon-arrow-right:before{content:\"\\e092\"}:where(.ga-orig-3322) .glyphicon-arrow-up:before{content:\"\\e093\"}:where(.ga-orig-3322) .glyphicon-arrow-down:before{content:\"\\e094\"}:where(.ga-orig-3322) .glyphicon-circle-arrow-right:before{content:\"\\e131\"}:where(.ga-orig-3322) .glyphicon-circle-arrow-left:before{content:\"\\e132\"}:where(.ga-orig-3322) .glyphicon-circle-arrow-up:before{content:\"\\e133\"}:where(.ga-orig-3322) .glyphicon-circle-arrow-down:before{content:\"\\e134\"}:where(.ga-orig-3322) *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-3322) :after,:where(.ga-orig-3322) :before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:where(.ga-orig-3322) a{color:#337ab7;text-decoration:none}:where(.ga-orig-3322) a:focus,:where(.ga-orig-3322) a:hover{color:#23527c;text-decoration:underline}:where(.ga-orig-3322) a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}:where(.ga-orig-3322) img{vertical-align:middle}:where(.ga-orig-3322) hr{border:0;border-top:1px solid #eee;margin-bottom:20px;margin-top:20px}:where(.ga-orig-3322) .h1,:where(.ga-orig-3322) .h2,:where(.ga-orig-3322) .h3,:where(.ga-orig-3322) h1,:where(.ga-orig-3322) h2,:where(.ga-orig-3322) h3{color:inherit;font-family:inherit;font-weight:500;line-height:1.1}:where(.ga-orig-3322) .h1,:where(.ga-orig-3322) .h2,:where(.ga-orig-3322) .h3,:where(.ga-orig-3322) h1,:where(.ga-orig-3322) h2,:where(.ga-orig-3322) h3{margin-bottom:10px;margin-top:20px}:where(.ga-orig-3322) .h1,:where(.ga-orig-3322) h1{font-size:36px}:where(.ga-orig-3322) .h2,:where(.ga-orig-3322) h2{font-size:30px}:where(.ga-orig-3322) .h3,:where(.ga-orig-3322) h3{font-size:24px}:where(.ga-orig-3322) p{margin:0 0 10px}:where(.ga-orig-3322) .mark,:where(.ga-orig-3322) mark{background-color:#fcf8e3;padding:.2em}:where(.ga-orig-3322) ul{margin-bottom:10px;margin-top:0}:where(.ga-orig-3322) ul ul{margin-bottom:0}:where(.ga-orig-3322) blockquote{border-left:5px solid #eee;font-size:17.5px;margin:0 0 20px;padding:10px 20px}:where(.ga-orig-3322) blockquote p:last-child,:where(.ga-orig-3322) blockquote ul:last-child{margin-bottom:0}:where(.ga-orig-3322) caption{color:#777;padding-bottom:8px;padding-top:8px;text-align:left}:where(.ga-orig-3322) .nav{list-style:none;margin-bottom:0;padding-left:0}:where(.ga-orig-3322) .nav>li{display:block;position:relative}:where(.ga-orig-3322) .nav>li>a{display:block;padding:10px 15px;position:relative}:where(.ga-orig-3322) .nav>li>a:focus,:where(.ga-orig-3322) .nav>li>a:hover{background-color:#eee;text-decoration:none}:where(.ga-orig-3322) .nav>li>a>img{max-width:none}:where(.ga-orig-3322) .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}:where(.ga-orig-3322) .hidden{display:none!important}@-ms-viewport{width:device-width}:where(.ga-orig-3322) h1,:where(.ga-orig-3322) h2,:where(.ga-orig-3322) h3{font-family:Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:700}:where(.ga-orig-3322) p{margin:0 0 20px}:where(.ga-orig-3322) a{color:#000}:where(.ga-orig-3322) a:hover{color:#cd2122;text-decoration:none}:where(.ga-orig-3322) a:focus{color:initial;outline:none;text-decoration:none;text-shadow:none}:where(.ga-orig-3322) blockquote{margin:25px 40px}:where(.ga-orig-3322) img{height:auto;max-width:100%}:where(.ga-orig-3322) .fixclear:after,:where(.ga-orig-3322) .fixclear:before{content:\" \";display:table}:where(.ga-orig-3322) .fixclear:after{clear:both}:where(.ga-orig-3322) ul[class*=list-style]{list-style:none;margin-left:0;padding-left:0}:where(.ga-orig-3322) ul[class*=list-style] li:before{display:inline-block;font-family:Glyphicons Halflings;font-style:normal;font-weight:400;line-height:1;margin-right:10px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(.ga-orig-3322) .uppercase{text-transform:uppercase}:where(.ga-orig-3322) .mfp-container{height:100%;left:0;padding:0 8px;position:absolute;text-align:center;top:0;width:100%}:where(.ga-orig-3322) .mfp-container:before{content:\"\";display:inline-block;height:100%;vertical-align:middle}:where(.ga-orig-3322) .mfp-arrow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:where(.ga-orig-3322) .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-3322) .mfp-arrow:active{margin-top:-54px}:where(.ga-orig-3322) .mfp-arrow:focus,:where(.ga-orig-3322) .mfp-arrow:hover{opacity:1}:where(.ga-orig-3322) .mfp-arrow:after,:where(.ga-orig-3322) .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-3322) .mfp-arrow:after{border-bottom-width:13px;border-top-width:13px;top:8px}:where(.ga-orig-3322) .mfp-arrow:before{border-bottom-width:21px;border-top-width:21px;opacity:.7}:where(.ga-orig-3322) .mfp-arrow-left{left:0}:where(.ga-orig-3322) .mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}:where(.ga-orig-3322) .mfp-arrow-left:before{border-right:27px solid #3f3f3f;margin-left:25px}:where(.ga-orig-3322) .mfp-arrow-right{right:0}:where(.ga-orig-3322) .mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}:where(.ga-orig-3322) .mfp-arrow-right:before{border-left:27px solid #3f3f3f}@media (max-width:900px){:where(.ga-orig-3322) .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}:where(.ga-orig-3322) .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}:where(.ga-orig-3322) .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}:where(.ga-orig-3322) .mfp-container{padding-left:6px;padding-right:6px}}:where(.ga-orig-3322) .fxb-row{display:-webkit-box;display:-ms-flexbox;display:flex}:where(.ga-orig-3322) .fxb-row-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}:where(.ga-orig-3322) .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-3322) .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-3322) .fxb-row-col-sm{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}:where(.ga-orig-3322) .maskcontainer--shadow_simple{border-bottom:0!important}:where(.ga-orig-3322) .maskcontainer--shadow_simple_down{border-bottom:0!important}:where(.ga-orig-3322) .maskcontainer--shadow{border-bottom:0!important}:where(.ga-orig-3322) .maskcontainer--shadow_ud{border-bottom:0!important}:where(.ga-orig-3322) .maskcontainer--mask1{border-bottom:0!important;padding-bottom:30px}:where(.ga-orig-3322) .maskcontainer--mask2{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-3322) .maskcontainer--mask3{border-bottom:0!important;padding-bottom:35px}:where(.ga-orig-3322) .maskcontainer--mask4{border-bottom:0!important;padding-bottom:40px}:where(.ga-orig-3322) .maskcontainer--mask5{border-bottom:0!important;padding-bottom:75px}:where(.ga-orig-3322) .maskcontainer--mask6{border-bottom:0!important;padding-bottom:70px}:where(.ga-orig-3322) .support-panel-container{padding:15px 0}:where(.ga-orig-3322) .siteheader-container{margin-left:auto;margin-right:auto;position:relative}:where(.ga-orig-3322) .page-subheader{background-color:#066fd9;min-height:300px}:where(.ga-orig-3322) .page-subheader .container{padding:0 15px;position:relative;z-index:1}:where(.ga-orig-3322) .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-3322) .ph-content-wrap{padding-bottom:50px;padding-top:170px}:where(.ga-orig-3322) .page-subheader{position:relative;top:0;width:100%;z-index:0}:where(.ga-orig-3322) .breadcrumbs{float:left;list-style:none;margin:0 0 10px;padding:0}:where(.ga-orig-3322) .breadcrumbs li{float:left;position:relative;text-transform:uppercase}:where(.ga-orig-3322) .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-3322) .breadcrumbs.bread-style--black li:first-child{padding-left:15px}:where(.ga-orig-3322) .breadcrumbs.bread-style--black li:last-child{padding-right:15px}:where(.ga-orig-3322) .breadcrumbs.bread-style--black li a{color:#fff}:where(.ga-orig-3322) .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-3322) .breadcrumbs.bread-style--black li:first-child:before{display:none}@media (max-width:767px){:where(.ga-orig-3322) .breadcrumbs.bread-style--black{margin-bottom:20px;padding:3px 6px 2px}:where(.ga-orig-3322) .breadcrumbs.bread-style--black li{font-size:12px;font-weight:400}}:where(.ga-orig-3322) .th-sparkles{display:none}:where(.ga-orig-3322) .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-3322) .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-3322) .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-3322) .zn_post_media_container{margin-bottom:30px}:where(.ga-orig-3322) canvas{max-width:100%}:where(.ga-orig-3322) .mejs-container{background:transparent!important}:where(.ga-orig-3322) blockquote.left{float:left;margin-left:0;margin-right:20px;text-align:right;width:33%}:where(.ga-orig-3322) blockquote.right{float:right;margin-left:20px;margin-right:0;text-align:left;width:33%}\n\n\/*! normalize.css v7.0.0 | MIT License | github.com\/necolas\/normalize.css *\/:where(.ga-orig-3322) article,:where(.ga-orig-3322) nav,:where(.ga-orig-3322) section{display:block}:where(.ga-orig-3322) h1{font-size:2em;margin:.67em 0}:where(.ga-orig-3322) hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}:where(.ga-orig-3322) a{background-color:transparent;-webkit-text-decoration-skip:objects}:where(.ga-orig-3322) mark{background-color:#ff0;color:#000}:where(.ga-orig-3322) img{border-style:none}:where(.ga-orig-3322) svg:not(:root){overflow:hidden}:where(.ga-orig-3322) progress{display:inline-block;vertical-align:baseline}:where(.ga-orig-3322) ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(.ga-orig-3322) canvas{display:inline-block}:where(.ga-orig-3322) [hidden]{display:none}:where(.ga-orig-3322) .container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){:where(.ga-orig-3322) .container{width:750px}}@media (min-width:992px){:where(.ga-orig-3322) .container{width:970px}}@media (min-width:1200px){:where(.ga-orig-3322) .container{width:1170px}}:where(.ga-orig-3322) .container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}:where(.ga-orig-3322) .row{margin-left:-15px;margin-right:-15px}:where(.ga-orig-3322) .col-lg-1,:where(.ga-orig-3322) .col-lg-10,:where(.ga-orig-3322) .col-lg-11,:where(.ga-orig-3322) .col-lg-12,:where(.ga-orig-3322) .col-lg-2,:where(.ga-orig-3322) .col-lg-3,:where(.ga-orig-3322) .col-lg-4,:where(.ga-orig-3322) .col-lg-5,:where(.ga-orig-3322) .col-lg-6,:where(.ga-orig-3322) .col-lg-7,:where(.ga-orig-3322) .col-lg-8,:where(.ga-orig-3322) .col-lg-9,:where(.ga-orig-3322) .col-md-1,:where(.ga-orig-3322) .col-md-10,:where(.ga-orig-3322) .col-md-11,:where(.ga-orig-3322) .col-md-12,:where(.ga-orig-3322) .col-md-2,:where(.ga-orig-3322) .col-md-3,:where(.ga-orig-3322) .col-md-4,:where(.ga-orig-3322) .col-md-5,:where(.ga-orig-3322) .col-md-6,:where(.ga-orig-3322) .col-md-7,:where(.ga-orig-3322) .col-md-8,:where(.ga-orig-3322) .col-md-9,:where(.ga-orig-3322) .col-sm-1,:where(.ga-orig-3322) .col-sm-10,:where(.ga-orig-3322) .col-sm-11,:where(.ga-orig-3322) .col-sm-12,:where(.ga-orig-3322) .col-sm-2,:where(.ga-orig-3322) .col-sm-3,:where(.ga-orig-3322) .col-sm-4,:where(.ga-orig-3322) .col-sm-5,:where(.ga-orig-3322) .col-sm-6,:where(.ga-orig-3322) .col-sm-7,:where(.ga-orig-3322) .col-sm-8,:where(.ga-orig-3322) .col-sm-9,:where(.ga-orig-3322) .col-xs-1,:where(.ga-orig-3322) .col-xs-10,:where(.ga-orig-3322) .col-xs-11,:where(.ga-orig-3322) .col-xs-12,:where(.ga-orig-3322) .col-xs-2,:where(.ga-orig-3322) .col-xs-3,:where(.ga-orig-3322) .col-xs-4,:where(.ga-orig-3322) .col-xs-5,:where(.ga-orig-3322) .col-xs-6,:where(.ga-orig-3322) .col-xs-7,:where(.ga-orig-3322) .col-xs-8,:where(.ga-orig-3322) .col-xs-9{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-3322) .col-xs-1,:where(.ga-orig-3322) .col-xs-10,:where(.ga-orig-3322) .col-xs-11,:where(.ga-orig-3322) .col-xs-12,:where(.ga-orig-3322) .col-xs-2,:where(.ga-orig-3322) .col-xs-3,:where(.ga-orig-3322) .col-xs-4,:where(.ga-orig-3322) .col-xs-5,:where(.ga-orig-3322) .col-xs-6,:where(.ga-orig-3322) .col-xs-7,:where(.ga-orig-3322) .col-xs-8,:where(.ga-orig-3322) .col-xs-9{float:left}:where(.ga-orig-3322) .col-xs-12{width:100%}:where(.ga-orig-3322) .col-xs-11{width:91.66666667%}:where(.ga-orig-3322) .col-xs-10{width:83.33333333%}:where(.ga-orig-3322) .col-xs-9{width:75%}:where(.ga-orig-3322) .col-xs-8{width:66.66666667%}:where(.ga-orig-3322) .col-xs-7{width:58.33333333%}:where(.ga-orig-3322) .col-xs-6{width:50%}:where(.ga-orig-3322) .col-xs-5{width:41.66666667%}:where(.ga-orig-3322) .col-xs-4{width:33.33333333%}:where(.ga-orig-3322) .col-xs-3{width:25%}:where(.ga-orig-3322) .col-xs-2{width:16.66666667%}:where(.ga-orig-3322) .col-xs-1{width:8.33333333%}:where(.ga-orig-3322) .col-xs-pull-12{right:100%}:where(.ga-orig-3322) .col-xs-pull-11{right:91.66666667%}:where(.ga-orig-3322) .col-xs-pull-10{right:83.33333333%}:where(.ga-orig-3322) .col-xs-pull-9{right:75%}:where(.ga-orig-3322) .col-xs-pull-8{right:66.66666667%}:where(.ga-orig-3322) .col-xs-pull-7{right:58.33333333%}:where(.ga-orig-3322) .col-xs-pull-6{right:50%}:where(.ga-orig-3322) .col-xs-pull-5{right:41.66666667%}:where(.ga-orig-3322) .col-xs-pull-4{right:33.33333333%}:where(.ga-orig-3322) .col-xs-pull-3{right:25%}:where(.ga-orig-3322) .col-xs-pull-2{right:16.66666667%}:where(.ga-orig-3322) .col-xs-pull-1{right:8.33333333%}:where(.ga-orig-3322) .col-xs-pull-0{right:auto}:where(.ga-orig-3322) .col-xs-push-12{left:100%}:where(.ga-orig-3322) .col-xs-push-11{left:91.66666667%}:where(.ga-orig-3322) .col-xs-push-10{left:83.33333333%}:where(.ga-orig-3322) .col-xs-push-9{left:75%}:where(.ga-orig-3322) .col-xs-push-8{left:66.66666667%}:where(.ga-orig-3322) .col-xs-push-7{left:58.33333333%}:where(.ga-orig-3322) .col-xs-push-6{left:50%}:where(.ga-orig-3322) .col-xs-push-5{left:41.66666667%}:where(.ga-orig-3322) .col-xs-push-4{left:33.33333333%}:where(.ga-orig-3322) .col-xs-push-3{left:25%}:where(.ga-orig-3322) .col-xs-push-2{left:16.66666667%}:where(.ga-orig-3322) .col-xs-push-1{left:8.33333333%}:where(.ga-orig-3322) .col-xs-push-0{left:auto}:where(.ga-orig-3322) .col-xs-offset-12{margin-left:100%}:where(.ga-orig-3322) .col-xs-offset-11{margin-left:91.66666667%}:where(.ga-orig-3322) .col-xs-offset-10{margin-left:83.33333333%}:where(.ga-orig-3322) .col-xs-offset-9{margin-left:75%}:where(.ga-orig-3322) .col-xs-offset-8{margin-left:66.66666667%}:where(.ga-orig-3322) .col-xs-offset-7{margin-left:58.33333333%}:where(.ga-orig-3322) .col-xs-offset-6{margin-left:50%}:where(.ga-orig-3322) .col-xs-offset-5{margin-left:41.66666667%}:where(.ga-orig-3322) .col-xs-offset-4{margin-left:33.33333333%}:where(.ga-orig-3322) .col-xs-offset-3{margin-left:25%}:where(.ga-orig-3322) .col-xs-offset-2{margin-left:16.66666667%}:where(.ga-orig-3322) .col-xs-offset-1{margin-left:8.33333333%}:where(.ga-orig-3322) .col-xs-offset-0{margin-left:0}@media (min-width:768px){:where(.ga-orig-3322) .col-sm-1,:where(.ga-orig-3322) .col-sm-10,:where(.ga-orig-3322) .col-sm-11,:where(.ga-orig-3322) .col-sm-12,:where(.ga-orig-3322) .col-sm-2,:where(.ga-orig-3322) .col-sm-3,:where(.ga-orig-3322) .col-sm-4,:where(.ga-orig-3322) .col-sm-5,:where(.ga-orig-3322) .col-sm-6,:where(.ga-orig-3322) .col-sm-7,:where(.ga-orig-3322) .col-sm-8,:where(.ga-orig-3322) .col-sm-9{float:left}:where(.ga-orig-3322) .col-sm-12{width:100%}:where(.ga-orig-3322) .col-sm-11{width:91.66666667%}:where(.ga-orig-3322) .col-sm-10{width:83.33333333%}:where(.ga-orig-3322) .col-sm-9{width:75%}:where(.ga-orig-3322) .col-sm-8{width:66.66666667%}:where(.ga-orig-3322) .col-sm-7{width:58.33333333%}:where(.ga-orig-3322) .col-sm-6{width:50%}:where(.ga-orig-3322) .col-sm-5{width:41.66666667%}:where(.ga-orig-3322) .col-sm-4{width:33.33333333%}:where(.ga-orig-3322) .col-sm-3{width:25%}:where(.ga-orig-3322) .col-sm-2{width:16.66666667%}:where(.ga-orig-3322) .col-sm-1{width:8.33333333%}:where(.ga-orig-3322) .col-sm-pull-12{right:100%}:where(.ga-orig-3322) .col-sm-pull-11{right:91.66666667%}:where(.ga-orig-3322) .col-sm-pull-10{right:83.33333333%}:where(.ga-orig-3322) .col-sm-pull-9{right:75%}:where(.ga-orig-3322) .col-sm-pull-8{right:66.66666667%}:where(.ga-orig-3322) .col-sm-pull-7{right:58.33333333%}:where(.ga-orig-3322) .col-sm-pull-6{right:50%}:where(.ga-orig-3322) .col-sm-pull-5{right:41.66666667%}:where(.ga-orig-3322) .col-sm-pull-4{right:33.33333333%}:where(.ga-orig-3322) .col-sm-pull-3{right:25%}:where(.ga-orig-3322) .col-sm-pull-2{right:16.66666667%}:where(.ga-orig-3322) .col-sm-pull-1{right:8.33333333%}:where(.ga-orig-3322) .col-sm-pull-0{right:auto}:where(.ga-orig-3322) .col-sm-push-12{left:100%}:where(.ga-orig-3322) .col-sm-push-11{left:91.66666667%}:where(.ga-orig-3322) .col-sm-push-10{left:83.33333333%}:where(.ga-orig-3322) .col-sm-push-9{left:75%}:where(.ga-orig-3322) .col-sm-push-8{left:66.66666667%}:where(.ga-orig-3322) .col-sm-push-7{left:58.33333333%}:where(.ga-orig-3322) .col-sm-push-6{left:50%}:where(.ga-orig-3322) .col-sm-push-5{left:41.66666667%}:where(.ga-orig-3322) .col-sm-push-4{left:33.33333333%}:where(.ga-orig-3322) .col-sm-push-3{left:25%}:where(.ga-orig-3322) .col-sm-push-2{left:16.66666667%}:where(.ga-orig-3322) .col-sm-push-1{left:8.33333333%}:where(.ga-orig-3322) .col-sm-push-0{left:auto}:where(.ga-orig-3322) .col-sm-offset-12{margin-left:100%}:where(.ga-orig-3322) .col-sm-offset-11{margin-left:91.66666667%}:where(.ga-orig-3322) .col-sm-offset-10{margin-left:83.33333333%}:where(.ga-orig-3322) .col-sm-offset-9{margin-left:75%}:where(.ga-orig-3322) .col-sm-offset-8{margin-left:66.66666667%}:where(.ga-orig-3322) .col-sm-offset-7{margin-left:58.33333333%}:where(.ga-orig-3322) .col-sm-offset-6{margin-left:50%}:where(.ga-orig-3322) .col-sm-offset-5{margin-left:41.66666667%}:where(.ga-orig-3322) .col-sm-offset-4{margin-left:33.33333333%}:where(.ga-orig-3322) .col-sm-offset-3{margin-left:25%}:where(.ga-orig-3322) .col-sm-offset-2{margin-left:16.66666667%}:where(.ga-orig-3322) .col-sm-offset-1{margin-left:8.33333333%}:where(.ga-orig-3322) .col-sm-offset-0{margin-left:0}}@media (min-width:992px){:where(.ga-orig-3322) .col-md-1,:where(.ga-orig-3322) .col-md-10,:where(.ga-orig-3322) .col-md-11,:where(.ga-orig-3322) .col-md-12,:where(.ga-orig-3322) .col-md-2,:where(.ga-orig-3322) .col-md-3,:where(.ga-orig-3322) .col-md-4,:where(.ga-orig-3322) .col-md-5,:where(.ga-orig-3322) .col-md-6,:where(.ga-orig-3322) .col-md-7,:where(.ga-orig-3322) .col-md-8,:where(.ga-orig-3322) .col-md-9{float:left}:where(.ga-orig-3322) .col-md-12{width:100%}:where(.ga-orig-3322) .col-md-11{width:91.66666667%}:where(.ga-orig-3322) .col-md-10{width:83.33333333%}:where(.ga-orig-3322) .col-md-9{width:75%}:where(.ga-orig-3322) .col-md-8{width:66.66666667%}:where(.ga-orig-3322) .col-md-7{width:58.33333333%}:where(.ga-orig-3322) .col-md-6{width:50%}:where(.ga-orig-3322) .col-md-5{width:41.66666667%}:where(.ga-orig-3322) .col-md-4{width:33.33333333%}:where(.ga-orig-3322) .col-md-3{width:25%}:where(.ga-orig-3322) .col-md-2{width:16.66666667%}:where(.ga-orig-3322) .col-md-1{width:8.33333333%}:where(.ga-orig-3322) .col-md-pull-12{right:100%}:where(.ga-orig-3322) .col-md-pull-11{right:91.66666667%}:where(.ga-orig-3322) .col-md-pull-10{right:83.33333333%}:where(.ga-orig-3322) .col-md-pull-9{right:75%}:where(.ga-orig-3322) .col-md-pull-8{right:66.66666667%}:where(.ga-orig-3322) .col-md-pull-7{right:58.33333333%}:where(.ga-orig-3322) .col-md-pull-6{right:50%}:where(.ga-orig-3322) .col-md-pull-5{right:41.66666667%}:where(.ga-orig-3322) .col-md-pull-4{right:33.33333333%}:where(.ga-orig-3322) .col-md-pull-3{right:25%}:where(.ga-orig-3322) .col-md-pull-2{right:16.66666667%}:where(.ga-orig-3322) .col-md-pull-1{right:8.33333333%}:where(.ga-orig-3322) .col-md-pull-0{right:auto}:where(.ga-orig-3322) .col-md-push-12{left:100%}:where(.ga-orig-3322) .col-md-push-11{left:91.66666667%}:where(.ga-orig-3322) .col-md-push-10{left:83.33333333%}:where(.ga-orig-3322) .col-md-push-9{left:75%}:where(.ga-orig-3322) .col-md-push-8{left:66.66666667%}:where(.ga-orig-3322) .col-md-push-7{left:58.33333333%}:where(.ga-orig-3322) .col-md-push-6{left:50%}:where(.ga-orig-3322) .col-md-push-5{left:41.66666667%}:where(.ga-orig-3322) .col-md-push-4{left:33.33333333%}:where(.ga-orig-3322) .col-md-push-3{left:25%}:where(.ga-orig-3322) .col-md-push-2{left:16.66666667%}:where(.ga-orig-3322) .col-md-push-1{left:8.33333333%}:where(.ga-orig-3322) .col-md-push-0{left:auto}:where(.ga-orig-3322) .col-md-offset-12{margin-left:100%}:where(.ga-orig-3322) .col-md-offset-11{margin-left:91.66666667%}:where(.ga-orig-3322) .col-md-offset-10{margin-left:83.33333333%}:where(.ga-orig-3322) .col-md-offset-9{margin-left:75%}:where(.ga-orig-3322) .col-md-offset-8{margin-left:66.66666667%}:where(.ga-orig-3322) .col-md-offset-7{margin-left:58.33333333%}:where(.ga-orig-3322) .col-md-offset-6{margin-left:50%}:where(.ga-orig-3322) .col-md-offset-5{margin-left:41.66666667%}:where(.ga-orig-3322) .col-md-offset-4{margin-left:33.33333333%}:where(.ga-orig-3322) .col-md-offset-3{margin-left:25%}:where(.ga-orig-3322) .col-md-offset-2{margin-left:16.66666667%}:where(.ga-orig-3322) .col-md-offset-1{margin-left:8.33333333%}:where(.ga-orig-3322) .col-md-offset-0{margin-left:0}}@media (min-width:1200px){:where(.ga-orig-3322) .col-lg-1,:where(.ga-orig-3322) .col-lg-10,:where(.ga-orig-3322) .col-lg-11,:where(.ga-orig-3322) .col-lg-12,:where(.ga-orig-3322) .col-lg-2,:where(.ga-orig-3322) .col-lg-3,:where(.ga-orig-3322) .col-lg-4,:where(.ga-orig-3322) .col-lg-5,:where(.ga-orig-3322) .col-lg-6,:where(.ga-orig-3322) .col-lg-7,:where(.ga-orig-3322) .col-lg-8,:where(.ga-orig-3322) .col-lg-9{float:left}:where(.ga-orig-3322) .col-lg-12{width:100%}:where(.ga-orig-3322) .col-lg-11{width:91.66666667%}:where(.ga-orig-3322) .col-lg-10{width:83.33333333%}:where(.ga-orig-3322) .col-lg-9{width:75%}:where(.ga-orig-3322) .col-lg-8{width:66.66666667%}:where(.ga-orig-3322) .col-lg-7{width:58.33333333%}:where(.ga-orig-3322) .col-lg-6{width:50%}:where(.ga-orig-3322) .col-lg-5{width:41.66666667%}:where(.ga-orig-3322) .col-lg-4{width:33.33333333%}:where(.ga-orig-3322) .col-lg-3{width:25%}:where(.ga-orig-3322) .col-lg-2{width:16.66666667%}:where(.ga-orig-3322) .col-lg-1{width:8.33333333%}:where(.ga-orig-3322) .col-lg-pull-12{right:100%}:where(.ga-orig-3322) .col-lg-pull-11{right:91.66666667%}:where(.ga-orig-3322) .col-lg-pull-10{right:83.33333333%}:where(.ga-orig-3322) .col-lg-pull-9{right:75%}:where(.ga-orig-3322) .col-lg-pull-8{right:66.66666667%}:where(.ga-orig-3322) .col-lg-pull-7{right:58.33333333%}:where(.ga-orig-3322) .col-lg-pull-6{right:50%}:where(.ga-orig-3322) .col-lg-pull-5{right:41.66666667%}:where(.ga-orig-3322) .col-lg-pull-4{right:33.33333333%}:where(.ga-orig-3322) .col-lg-pull-3{right:25%}:where(.ga-orig-3322) .col-lg-pull-2{right:16.66666667%}:where(.ga-orig-3322) .col-lg-pull-1{right:8.33333333%}:where(.ga-orig-3322) .col-lg-pull-0{right:auto}:where(.ga-orig-3322) .col-lg-push-12{left:100%}:where(.ga-orig-3322) .col-lg-push-11{left:91.66666667%}:where(.ga-orig-3322) .col-lg-push-10{left:83.33333333%}:where(.ga-orig-3322) .col-lg-push-9{left:75%}:where(.ga-orig-3322) .col-lg-push-8{left:66.66666667%}:where(.ga-orig-3322) .col-lg-push-7{left:58.33333333%}:where(.ga-orig-3322) .col-lg-push-6{left:50%}:where(.ga-orig-3322) .col-lg-push-5{left:41.66666667%}:where(.ga-orig-3322) .col-lg-push-4{left:33.33333333%}:where(.ga-orig-3322) .col-lg-push-3{left:25%}:where(.ga-orig-3322) .col-lg-push-2{left:16.66666667%}:where(.ga-orig-3322) .col-lg-push-1{left:8.33333333%}:where(.ga-orig-3322) .col-lg-push-0{left:auto}:where(.ga-orig-3322) .col-lg-offset-12{margin-left:100%}:where(.ga-orig-3322) .col-lg-offset-11{margin-left:91.66666667%}:where(.ga-orig-3322) .col-lg-offset-10{margin-left:83.33333333%}:where(.ga-orig-3322) .col-lg-offset-9{margin-left:75%}:where(.ga-orig-3322) .col-lg-offset-8{margin-left:66.66666667%}:where(.ga-orig-3322) .col-lg-offset-7{margin-left:58.33333333%}:where(.ga-orig-3322) .col-lg-offset-6{margin-left:50%}:where(.ga-orig-3322) .col-lg-offset-5{margin-left:41.66666667%}:where(.ga-orig-3322) .col-lg-offset-4{margin-left:33.33333333%}:where(.ga-orig-3322) .col-lg-offset-3{margin-left:25%}:where(.ga-orig-3322) .col-lg-offset-2{margin-left:16.66666667%}:where(.ga-orig-3322) .col-lg-offset-1{margin-left:8.33333333%}:where(.ga-orig-3322) .col-lg-offset-0{margin-left:0}}:where(.ga-orig-3322) .col-lg-1-5,:where(.ga-orig-3322) .col-lg-24,:where(.ga-orig-3322) .col-md-1-5,:where(.ga-orig-3322) .col-md-24,:where(.ga-orig-3322) .col-sm-1-5,:where(.ga-orig-3322) .col-sm-24,:where(.ga-orig-3322) .col-xs-1-5,:where(.ga-orig-3322) .col-xs-24{min-height:1px;padding-left:15px;padding-right:15px;position:relative}:where(.ga-orig-3322) .col-xs-1-5{float:left;width:20%}@media (min-width:768px){:where(.ga-orig-3322) .col-sm-1-5,:where(.ga-orig-3322) .col-sm-24{float:left;width:20%}}@media (min-width:992px){:where(.ga-orig-3322) .col-md-1-5,:where(.ga-orig-3322) .col-md-24{float:left;width:20%}}@media (min-width:1200px){:where(.ga-orig-3322) .col-lg-1-5,:where(.ga-orig-3322) .col-lg-24{float:left;width:20%}}:where(.ga-orig-3322) .clearfix:after,:where(.ga-orig-3322) .clearfix:before,:where(.ga-orig-3322) .container-fluid:after,:where(.ga-orig-3322) .container-fluid:before,:where(.ga-orig-3322) .container:after,:where(.ga-orig-3322) .container:before,:where(.ga-orig-3322) .nav:after,:where(.ga-orig-3322) .nav:before,:where(.ga-orig-3322) .row:after,:where(.ga-orig-3322) .row:before{content:\" \";display:table}:where(.ga-orig-3322) .clearfix:after,:where(.ga-orig-3322) .container-fluid:after,:where(.ga-orig-3322) .container:after,:where(.ga-orig-3322) .nav:after,:where(.ga-orig-3322) .row:after{clear:both}:where(.ga-orig-3322) .zn-bgSource,:where(.ga-orig-3322) .zn-bgSource-image{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;right:0;top:0;width:100%}:where(.ga-orig-3322) .zn-bgSource-image{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{height:300px}@media (min-width:992px) and (max-width:1199px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{height:300px}}@media (min-width:768px) and (max-width:991px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{height:300px}}@media (max-width:767px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{height:300px}}:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{min-height:300px}@media (min-width:992px) and (max-width:1199px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{min-height:300px}}@media (min-width:768px) and (max-width:991px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{min-height:300px}}@media (max-width:767px){:where(.ga-orig-3322) .zn_pb_wrapper .eluidf66a53eb.page-subheader{min-height:300px}}:where(.ga-orig-3322) .eluidf66a53eb.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}@media screen and (min-width:992px) and (max-width:1199px){:where(.ga-orig-3322) .eluidf66a53eb.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (min-width:768px) and (max-width:991px){:where(.ga-orig-3322) .eluidf66a53eb.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}@media screen and (max-width:767px){:where(.ga-orig-3322) .eluidf66a53eb.page-subheader .ph-content-wrap{padding-bottom:0;padding-top:170px}}:where(.ga-orig-3322) h1{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3322) h2{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:30px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3322) h3{font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:24px;font-style:normal;font-weight:400;line-height:40px}:where(.ga-orig-3322) a:focus,:where(.ga-orig-3322) a:hover{color:#006035}:where(.ga-orig-3322) .page-subheader.uh_zn_def_header_style,:where(.ga-orig-3322) .uh_zn_def_header_style{background-color:#066fd9}:where(.ga-orig-3322) .page-subheader.uh_zn_def_header_style{min-height:300px}:where(.ga-orig-3322) .page-subheader.uh_zn_def_header_style{height:300px}:where(.ga-orig-3322) .page-subheader.uh_zn_def_header_style .ph-content-wrap{padding-top:170px}:where(.ga-orig-3322) .offline-page-container:after{border-top-color:#006035}:where(.ga-orig-3322) .offline-page-container{border-bottom-color:#006035}:where(.ga-orig-3322) .breadcrumbs.bread-style--black li:before{border-left-color:#006035}:where(.ga-orig-3322) .zb-el-container{display:flex;flex-direction:column;max-width:100%}:where(.ga-orig-3322) .hg-video-bg__container{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}:where(.ga-orig-3322) .zb-flex--row{flex-direction:row}:where(.ga-orig-3322) .zb-flex--row-reverse{flex-direction:row-reverse}\/* neutralise child-theme .ga-card\/.ga-stat\/.ga-cta rules that live does not have *\/.ga-orig-3322 .ga-card{border:0;height:auto;padding:0}.ga-orig-3322 .ga-stat{border-left:0;padding-left:0}.ga-orig-3322 .ga-cta{color:inherit;padding:0}\/* live has no overflow-wrap:break-word (Blocksy adds it) *\/.ga-orig-3322{overflow-wrap:normal}<\/style>\n\n\n\n<div class=\"ga-orig-3322 ga-orig-banner\"><div class=\"zn_pb_wrapper clearfix\"><div id=\"page_header\" class=\"page-subheader page-subheader--custom site-subheader-cst uh_zn_def_header_style eluidf66a53eb  psubhead-stheader--absolute sh-tcolor--light\">\n\n    <div class=\"bgback\"><\/div>\n\n    <div class=\"zn-bgSource \"  ><div class=\"zn-bgSource-image\" style=\"background-image:url(https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2021\/07\/4685.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:scroll\"><\/div><\/div>\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>Topiary<\/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-3322 ga-orig-custom\"><div class=\"zn_pb_wrapper clearfix\"><div class=\"zn_custom_html eluid9d79b7e9 \" ><!-- \n  GREEN ARCHITECTS \u2014 TOPIARY ART\n  Premium WordPress HTML Block\n  SEO-optimised \u00b7 Performance-first \u00b7 Fully responsive\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');\n\n:root{\n  --ga-forest:   #0a3d22;\n  --ga-green:    #006035;\n  --ga-sage:     #4a7c59;\n  --ga-mist:     #c8dbc0;\n  --ga-cream:    #f5f2ea;\n  --ga-paper:    #faf9f6;\n  --ga-gold:     #b8942a;\n  --ga-ink:      #1e1e1e;\n  --ga-muted:    #5a5a5a;\n  --ga-line:     rgba(0,96,53,.12);\n  --ga-r-card:   18px;\n  --ga-r-hero:   28px;\n  --ga-shadow:   0 24px 64px rgba(10,61,34,.10);\n  --ga-shadow-s: 0 8px 24px rgba(10,61,34,.08);\n  --ga-trans:    .45s cubic-bezier(.22,1,.36,1);\n}\n\n.ga-topiary *,\n.ga-topiary *::before,\n.ga-topiary *::after{\n  box-sizing:border-box;\n  margin:0;\n  padding:0;\n}\n\n.ga-topiary{\n  font-family:'Inter',system-ui,sans-serif;\n  background:var(--ga-paper);\n  color:var(--ga-ink);\n  overflow:hidden;\n  position:relative;\n  -webkit-font-smoothing:antialiased;\n}\n\n.ga-wrap{\n  max-width:1320px;\n  margin:0 auto;\n  padding:0 clamp(18px,4vw,60px);\n}\n\n.ga-topiary::before{\n  content:'';\n  position:fixed;\n  inset:0;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.025'\/%3E%3C\/svg%3E\");\n  pointer-events:none;\n  z-index:0;\n  opacity:.4;\n}\n\n.ga-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  font-family:'Inter',sans-serif;\n  font-size:11px;\n  font-weight:600;\n  letter-spacing:.22em;\n  text-transform:uppercase;\n  color:var(--ga-green);\n  margin-bottom:18px;\n}\n.ga-eyebrow-line{\n  display:block;\n  width:28px;\n  height:1.5px;\n  background:var(--ga-gold);\n  flex-shrink:0;\n}\n\n.ga-hero-section{\n  padding:clamp(70px,10vw,130px) 0 clamp(60px,8vw,110px);\n  position:relative;\n  z-index:1;\n}\n\n.ga-hero-grid{\n  display:grid;\n  grid-template-columns:1.05fr 1fr;\n  gap:clamp(32px,5vw,72px);\n  align-items:center;\n}\n\n.ga-hero-frame{\n  position:relative;\n}\n.ga-hero-frame::after{\n  content:'';\n  position:absolute;\n  bottom:-18px;\n  right:-18px;\n  width:60%;\n  height:60%;\n  border:1.5px solid var(--ga-mist);\n  border-radius:var(--ga-r-hero);\n  pointer-events:none;\n  z-index:-1;\n}\n\n.ga-hero-image{\n  overflow:hidden;\n  border-radius:var(--ga-r-hero);\n  box-shadow:var(--ga-shadow);\n  aspect-ratio:4\/5;\n}\n.ga-hero-image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform 8s ease;\n}\n.ga-hero-frame:hover .ga-hero-image img{\n  transform:scale(1.04);\n}\n\n.ga-stats-strip{\n  position:absolute;\n  bottom:24px;\n  left:24px;\n  right:24px;\n  background:rgba(10,61,34,.82);\n  backdrop-filter:blur(18px);\n  -webkit-backdrop-filter:blur(18px);\n  border-radius:14px;\n  padding:20px 26px;\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:8px;\n  border:1px solid rgba(200,219,192,.18);\n}\n.ga-stat{ text-align:center; }\n.ga-stat-n{\n  display:block;\n  font-family:'Cormorant Garamond',serif;\n  font-size:32px;\n  font-weight:300;\n  color:#fff;\n  line-height:1;\n}\n.ga-stat-l{\n  display:block;\n  font-size:10px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:var(--ga-mist);\n  margin-top:4px;\n}\n\n.ga-hero-copy h1{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(52px,7vw,88px);\n  font-weight:300;\n  line-height:1.02;\n  color:var(--ga-ink);\n  margin-bottom:28px;\n  letter-spacing:-.01em;\n}\n.ga-hero-copy h1 em{\n  font-style:italic;\n  color:var(--ga-green);\n}\n\n.ga-divider{\n  width:48px;\n  height:1.5px;\n  background:linear-gradient(90deg,var(--ga-gold),transparent);\n  margin-bottom:28px;\n}\n\n.ga-hero-copy p{\n  font-size:clamp(15px,1.3vw,17px);\n  line-height:1.9;\n  color:var(--ga-muted);\n  margin-bottom:18px;\n}\n\n.ga-cta-row{\n  display:flex;\n  gap:14px;\n  align-items:center;\n  flex-wrap:wrap;\n  margin-top:38px;\n}\n\n.ga-btn-primary{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:14px 32px;\n  background:var(--ga-forest);\n  color:#fff;\n  text-decoration:none;\n  font-size:12px;\n  font-weight:600;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  border-radius:50px;\n  transition:var(--ga-trans);\n  border:1.5px solid var(--ga-forest);\n}\n.ga-btn-primary:hover{\n  background:var(--ga-green);\n  border-color:var(--ga-green);\n  transform:translateY(-2px);\n  box-shadow:0 12px 32px rgba(0,96,53,.28);\n}\n.ga-btn-ghost{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:14px 28px;\n  background:transparent;\n  color:var(--ga-green);\n  text-decoration:none;\n  font-size:12px;\n  font-weight:600;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  border-radius:50px;\n  border:1.5px solid var(--ga-mist);\n  transition:var(--ga-trans);\n}\n.ga-btn-ghost:hover{\n  border-color:var(--ga-green);\n  background:rgba(0,96,53,.05);\n  transform:translateY(-2px);\n}\n\n.ga-marquee-wrap{\n  background:var(--ga-forest);\n  overflow:hidden;\n  padding:15px 0;\n  position:relative;\n  z-index:1;\n}\n.ga-marquee-track{\n  display:flex;\n  gap:0;\n  white-space:nowrap;\n  animation:ga-marquee 28s linear infinite;\n  width:max-content;\n}\n.ga-marquee-track span{\n  display:inline-flex;\n  align-items:center;\n  gap:18px;\n  font-size:11px;\n  font-weight:600;\n  letter-spacing:.2em;\n  text-transform:uppercase;\n  color:var(--ga-mist);\n  padding:0 36px;\n}\n.ga-marquee-track span::after{\n  content:'\u00b7';\n  color:var(--ga-gold);\n  font-size:18px;\n}\n@keyframes ga-marquee{\n  from{transform:translateX(0)}\n  to{transform:translateX(-50%)}\n}\n\n.ga-band{\n  position:relative;\n  z-index:1;\n  margin:clamp(60px,8vw,110px) 0;\n}\n.ga-band-inner{\n  background:var(--ga-cream);\n  border-radius:var(--ga-r-hero);\n  padding:clamp(50px,7vw,100px) clamp(28px,6vw,100px);\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:40px;\n  align-items:center;\n  border:1px solid var(--ga-line);\n  position:relative;\n  overflow:hidden;\n}\n.ga-band-inner::before{\n  content:'\"';\n  font-family:'Cormorant Garamond',serif;\n  font-size:280px;\n  line-height:.8;\n  color:var(--ga-mist);\n  position:absolute;\n  top:-20px;\n  left:30px;\n  pointer-events:none;\n  opacity:.5;\n}\n.ga-band-quote{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(26px,3.5vw,44px);\n  font-weight:300;\n  font-style:italic;\n  line-height:1.45;\n  color:var(--ga-forest);\n  position:relative;\n  z-index:1;\n}\n.ga-band-quote em{\n  font-style:normal;\n  color:var(--ga-gold);\n}\n.ga-band-badge{\n  flex-shrink:0;\n  width:110px;\n  height:110px;\n  border-radius:50%;\n  border:1.5px dashed var(--ga-sage);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-direction:column;\n  gap:4px;\n  text-align:center;\n  animation:ga-spin-slow 20s linear infinite;\n}\n@keyframes ga-spin-slow{\n  from{transform:rotate(0)}\n  to{transform:rotate(360deg)}\n}\n.ga-band-badge span{\n  font-size:10px;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  color:var(--ga-sage);\n  line-height:1.4;\n}\n\n.ga-section{\n  position:relative;\n  z-index:1;\n  padding:clamp(60px,8vw,110px) 0;\n}\n\n.ga-section-head{\n  display:grid;\n  grid-template-columns:1fr auto;\n  align-items:flex-end;\n  gap:24px;\n  margin-bottom:clamp(36px,5vw,60px);\n}\n.ga-section-head h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(36px,5vw,64px);\n  font-weight:300;\n  line-height:1.1;\n  color:var(--ga-ink);\n}\n.ga-section-head p{\n  font-size:15px;\n  line-height:1.8;\n  color:var(--ga-muted);\n  max-width:520px;\n  text-align:right;\n}\n\n.ga-card-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n\n.ga-card{\n  position:relative;\n  border-radius:var(--ga-r-card);\n  overflow:hidden;\n  cursor:pointer;\n  box-shadow:var(--ga-shadow-s);\n  aspect-ratio:3\/4;\n  background:#0a3d22;\n  transition:var(--ga-trans);\n}\n.ga-card:hover{\n  transform:translateY(-8px) scale(1.01);\n  box-shadow:var(--ga-shadow);\n}\n.ga-card img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n  display:block;\n  transition:transform .9s cubic-bezier(.22,1,.36,1), filter .5s;\n  filter:saturate(.85);\n}\n.ga-card:hover img{\n  transform:scale(1.08);\n  filter:saturate(1.1);\n}\n.ga-card-overlay{\n  position:absolute;\n  inset:0;\n  background:linear-gradient(to top, rgba(10,61,34,.92) 0%, rgba(10,61,34,.1) 60%, transparent 100%);\n  display:flex;\n  flex-direction:column;\n  justify-content:flex-end;\n  padding:26px;\n  transition:var(--ga-trans);\n}\n.ga-card:hover .ga-card-overlay{\n  background:linear-gradient(to top, rgba(10,61,34,.96) 0%, rgba(10,61,34,.2) 60%, transparent 100%);\n}\n.ga-card-num{\n  font-family:'Cormorant Garamond',serif;\n  font-size:13px;\n  color:var(--ga-gold);\n  letter-spacing:.1em;\n  margin-bottom:6px;\n  opacity:0;\n  transform:translateY(6px);\n  transition:var(--ga-trans);\n}\n.ga-card:hover .ga-card-num{ opacity:1; transform:translateY(0); }\n.ga-card-title{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(22px,2.2vw,28px);\n  font-weight:400;\n  color:#fff;\n  margin-bottom:0;\n  line-height:1.2;\n}\n.ga-card-desc{\n  font-size:13px;\n  line-height:1.7;\n  color:var(--ga-mist);\n  margin-top:8px;\n  max-height:0;\n  overflow:hidden;\n  opacity:0;\n  transition:max-height .5s cubic-bezier(.22,1,.36,1), opacity .4s .05s, margin .4s;\n}\n.ga-card:hover .ga-card-desc{ max-height:80px; opacity:1; margin-top:10px; }\n.ga-card-tag{\n  position:absolute;\n  top:18px;\n  right:18px;\n  background:rgba(255,255,255,.15);\n  backdrop-filter:blur(8px);\n  border:1px solid rgba(255,255,255,.22);\n  border-radius:50px;\n  padding:5px 12px;\n  font-size:10px;\n  letter-spacing:.14em;\n  text-transform:uppercase;\n  color:#fff;\n  opacity:0;\n  transform:translateY(-4px);\n  transition:var(--ga-trans);\n}\n.ga-card:hover .ga-card-tag{ opacity:1; transform:translateY(0); }\n\n.ga-pillars{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n.ga-pillar{\n  background:#fff;\n  border:1px solid var(--ga-line);\n  border-radius:var(--ga-r-card);\n  padding:clamp(24px,2.5vw,38px);\n  transition:var(--ga-trans);\n  position:relative;\n  overflow:hidden;\n}\n.ga-pillar::after{\n  content:'';\n  position:absolute;\n  bottom:0; left:0; right:0;\n  height:3px;\n  background:linear-gradient(90deg,var(--ga-green),var(--ga-gold));\n  transform:scaleX(0);\n  transform-origin:left;\n  transition:var(--ga-trans);\n}\n.ga-pillar:hover{ transform:translateY(-6px); box-shadow:var(--ga-shadow); border-color:transparent; }\n.ga-pillar:hover::after{ transform:scaleX(1); }\n.ga-pillar-icon{\n  width:50px; height:50px;\n  border-radius:14px;\n  background:var(--ga-cream);\n  display:flex; align-items:center; justify-content:center;\n  font-size:24px;\n  margin-bottom:20px;\n  transition:var(--ga-trans);\n}\n.ga-pillar:hover .ga-pillar-icon{ background:var(--ga-green); transform:scale(1.08); }\n.ga-pillar h3{\n  font-family:'Cormorant Garamond',serif;\n  font-size:22px; font-weight:400;\n  color:var(--ga-forest); margin-bottom:10px;\n}\n.ga-pillar p{ font-size:14px; line-height:1.8; color:var(--ga-muted); }\n\n\/* =============================================\n   BEFORE \/ AFTER \u2014 DRAG-TO-REVEAL SLIDER\n============================================= *\/\n.ga-ba-section{\n  position:relative;\n  z-index:1;\n  margin:clamp(60px,8vw,110px) 0;\n}\n\n.ga-ba-head{\n  display:grid;\n  grid-template-columns:1fr auto;\n  align-items:flex-end;\n  gap:24px;\n  margin-bottom:clamp(28px,4vw,48px);\n}\n.ga-ba-head h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(36px,5vw,64px);\n  font-weight:300;\n  line-height:1.1;\n  color:var(--ga-ink);\n}\n.ga-ba-head p{\n  font-size:15px;\n  line-height:1.8;\n  color:var(--ga-muted);\n  max-width:420px;\n  text-align:right;\n}\n\n\/* The slider itself *\/\n.ga-ba-slider{\n  position:relative;\n  border-radius:clamp(18px,2.5vw,28px);\n  overflow:hidden;\n  cursor:col-resize;\n  touch-action:pan-y;\n  user-select:none;\n  -webkit-user-select:none;\n  box-shadow:var(--ga-shadow);\n  aspect-ratio:16\/9;\n  background:var(--ga-forest);\n}\n@media(max-width:600px){\n  .ga-ba-slider{ aspect-ratio:4\/3; }\n}\n\n.ga-ba-img-base{\n  position:absolute;\n  inset:0;\n  width:100%; height:100%;\n  object-fit:cover;\n  display:block;\n  pointer-events:none;\n}\n.ga-ba-after-wrap{\n  position:absolute;\n  inset:0;\n  clip-path:inset(0 50% 0 0);\n}\n.ga-ba-after-wrap img{\n  width:100%; height:100%;\n  object-fit:cover;\n  display:block;\n}\n\n\/* Divider line *\/\n.ga-ba-line{\n  position:absolute;\n  top:0; bottom:0;\n  left:50%;\n  width:2px;\n  background:#fff;\n  transform:translateX(-50%);\n  pointer-events:none;\n  box-shadow:0 0 12px rgba(0,0,0,.3);\n}\n\n\/* Drag handle knob *\/\n.ga-ba-knob{\n  position:absolute;\n  top:50%; left:50%;\n  transform:translate(-50%,-50%);\n  width:52px; height:52px;\n  border-radius:50%;\n  background:#fff;\n  box-shadow:0 4px 20px rgba(0,0,0,.25);\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  pointer-events:none;\n}\n.ga-ba-knob svg{ width:22px; height:22px; }\n\n\/* Before \/ After badge labels *\/\n.ga-ba-badge{\n  position:absolute;\n  top:20px;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  padding:7px 16px;\n  border-radius:50px;\n  pointer-events:none;\n  backdrop-filter:blur(10px);\n  -webkit-backdrop-filter:blur(10px);\n}\n.ga-ba-badge-b{\n  left:20px;\n  background:rgba(0,0,0,.52);\n  color:#fff;\n}\n.ga-ba-badge-a{\n  right:20px;\n  background:rgba(0,96,53,.84);\n  color:#fff;\n}\n\n\/* Drag hint caption *\/\n.ga-ba-hint{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:7px;\n  font-size:12px;\n  color:var(--ga-muted);\n  letter-spacing:.04em;\n  margin-top:12px;\n}\n.ga-ba-hint svg{ width:16px; height:16px; opacity:.5; flex-shrink:0; }\n\n\/* Bottom two-column row *\/\n.ga-ba-row{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n  margin-top:22px;\n}\n@media(max-width:520px){\n  .ga-ba-row{ grid-template-columns:1fr; gap:12px; }\n}\n\n\/* Comparison detail cards *\/\n.ga-ba-card{\n  background:#fff;\n  border:1px solid var(--ga-line);\n  border-radius:var(--ga-r-card);\n  padding:22px 22px 20px;\n  transition:var(--ga-trans);\n}\n.ga-ba-card:hover{\n  transform:translateY(-4px);\n  box-shadow:var(--ga-shadow-s);\n}\n.ga-ba-card-tag{\n  display:inline-flex;\n  align-items:center;\n  gap:7px;\n  font-size:10px;\n  font-weight:700;\n  letter-spacing:.18em;\n  text-transform:uppercase;\n  margin-bottom:14px;\n}\n.ga-ba-dot{\n  width:9px; height:9px;\n  border-radius:50%;\n  flex-shrink:0;\n}\n.ga-ba-dot-b{ background:#aaa; }\n.ga-ba-dot-a{ background:var(--ga-green); }\n.ga-ba-card ul{ list-style:none; display:flex; flex-direction:column; gap:9px; }\n.ga-ba-card li{\n  font-size:13.5px;\n  color:var(--ga-muted);\n  line-height:1.45;\n  display:flex;\n  align-items:flex-start;\n  gap:9px;\n}\n.ga-ba-li-icon{\n  width:18px; height:18px;\n  border-radius:50%;\n  flex-shrink:0;\n  margin-top:1px;\n  display:flex; align-items:center; justify-content:center;\n}\n.ga-ba-li-icon svg{ width:10px; height:10px; }\n.ga-ba-li-icon-b{ background:#f0f0f0; }\n.ga-ba-li-icon-a{ background:rgba(0,96,53,.12); }\n\n\/* Progress meters *\/\n.ga-ba-meters{\n  margin-top:22px;\n  display:flex;\n  flex-direction:column;\n  gap:12px;\n}\n.ga-ba-meter-row{\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n.ga-ba-meter-label{\n  font-size:12px;\n  color:var(--ga-muted);\n  width:84px;\n  flex-shrink:0;\n}\n.ga-ba-meter-track{\n  flex:1;\n  height:5px;\n  background:rgba(0,96,53,.1);\n  border-radius:50px;\n  overflow:hidden;\n}\n.ga-ba-meter-fill{\n  height:100%;\n  border-radius:50px;\n  width:0;\n  transition:width 1.2s cubic-bezier(.22,1,.36,1);\n}\n.ga-ba-meter-fill-g{ background:linear-gradient(90deg,var(--ga-forest),var(--ga-green)); }\n.ga-ba-meter-fill-y{ background:linear-gradient(90deg,var(--ga-gold),#e8be56); }\n.ga-ba-meter-val{\n  font-size:12px;\n  font-weight:600;\n  color:var(--ga-ink);\n  min-width:34px;\n  text-align:right;\n}\n\n\/* CTA strip inside the B\/A section *\/\n.ga-ba-cta{\n  margin-top:clamp(22px,3vw,36px);\n  padding:clamp(24px,3.5vw,38px) clamp(24px,4vw,52px);\n  background:var(--ga-forest);\n  border-radius:22px;\n  display:flex;\n  align-items:center;\n  justify-content:space-between;\n  gap:20px;\n  flex-wrap:wrap;\n}\n.ga-ba-cta p{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(20px,2.5vw,28px);\n  font-weight:300;\n  font-style:italic;\n  color:var(--ga-mist);\n  line-height:1.3;\n  flex:1;\n  min-width:200px;\n  margin:0;\n}\n.ga-ba-cta a{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:13px 28px;\n  background:var(--ga-gold);\n  color:var(--ga-forest);\n  text-decoration:none;\n  font-size:11px;\n  font-weight:700;\n  letter-spacing:.16em;\n  text-transform:uppercase;\n  border-radius:50px;\n  transition:var(--ga-trans);\n  white-space:nowrap;\n  flex-shrink:0;\n}\n.ga-ba-cta a:hover{\n  background:#d4ab3a;\n  transform:translateY(-2px);\n  box-shadow:0 10px 28px rgba(184,148,42,.35);\n}\n\n\/* =============================================\n   APPLICATIONS GRID\n============================================= *\/\n.ga-apps-grid{\n  display:grid;\n  grid-template-columns:repeat(4,1fr);\n  gap:18px;\n}\n.ga-app{\n  text-align:center;\n  padding:clamp(22px,2.5vw,36px) 20px;\n  background:#fff;\n  border:1px solid var(--ga-line);\n  border-radius:var(--ga-r-card);\n  transition:var(--ga-trans);\n  text-decoration:none;\n  display:block;\n  color:inherit;\n}\n.ga-app:hover{\n  background:var(--ga-forest);\n  border-color:var(--ga-forest);\n  transform:translateY(-6px);\n  box-shadow:var(--ga-shadow);\n}\n.ga-app:hover .ga-app-icon,\n.ga-app:hover h3,\n.ga-app:hover p{ color:#fff; }\n.ga-app-icon{ font-size:36px; display:block; margin-bottom:14px; transition:transform .4s; }\n.ga-app:hover .ga-app-icon{ transform:scale(1.15) rotate(-5deg); }\n.ga-app h3{\n  font-family:'Cormorant Garamond',serif;\n  font-size:18px; font-weight:400;\n  color:var(--ga-forest); margin-bottom:6px; transition:color .4s;\n}\n.ga-app p{ font-size:12px; color:var(--ga-muted); line-height:1.6; transition:color .4s; }\n\n\/* =============================================\n   CTA BANNER\n============================================= *\/\n.ga-cta{\n  margin-top:clamp(60px,8vw,110px);\n  border-radius:var(--ga-r-hero);\n  background:var(--ga-forest);\n  overflow:hidden;\n  position:relative;\n}\n.ga-cta::before{\n  content:'';\n  position:absolute; inset:0;\n  background:\n    radial-gradient(ellipse 70% 100% at 0% 50%, rgba(0,136,76,.35) 0%, transparent 70%),\n    radial-gradient(ellipse 60% 80% at 100% 50%, rgba(184,148,42,.18) 0%, transparent 70%);\n  pointer-events:none;\n}\n.ga-cta-inner{\n  position:relative; z-index:1;\n  padding:clamp(56px,7vw,100px) clamp(28px,6vw,100px);\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:40px;\n  align-items:center;\n}\n.ga-cta h2{\n  font-family:'Cormorant Garamond',serif;\n  font-size:clamp(32px,4.5vw,58px);\n  font-weight:300; line-height:1.15;\n  color:#fff; margin-bottom:14px;\n}\n.ga-cta h2 em{ font-style:italic; color:var(--ga-mist); }\n.ga-cta p{\n  font-size:clamp(14px,1.2vw,16px);\n  color:rgba(200,219,192,.75);\n  line-height:1.8; max-width:580px;\n}\n.ga-cta-btns{ display:flex; flex-direction:column; gap:12px; flex-shrink:0; }\n.ga-cta-btns .ga-btn-primary{\n  background:var(--ga-gold); border-color:var(--ga-gold);\n  color:var(--ga-forest); font-size:12px; white-space:nowrap;\n}\n.ga-cta-btns .ga-btn-primary:hover{\n  background:#d4ab3a; border-color:#d4ab3a;\n  box-shadow:0 12px 32px rgba(184,148,42,.35);\n}\n.ga-cta-btns .ga-btn-ghost{\n  border-color:rgba(200,219,192,.3); color:var(--ga-mist); font-size:12px; white-space:nowrap;\n}\n.ga-cta-btns .ga-btn-ghost:hover{\n  border-color:var(--ga-mist); background:rgba(200,219,192,.08);\n}\n\n\/* =============================================\n   SCROLL REVEAL\n============================================= *\/\n.ga-reveal{\n  opacity:0;\n  transform:translateY(28px);\n  transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1);\n}\n.ga-reveal.ga-visible{ opacity:1; transform:none; }\n.ga-reveal-delay-1{ transition-delay:.08s; }\n.ga-reveal-delay-2{ transition-delay:.16s; }\n.ga-reveal-delay-3{ transition-delay:.24s; }\n.ga-reveal-delay-4{ transition-delay:.32s; }\n\n.ga-sep{\n  border:none; height:1px;\n  background:linear-gradient(90deg,transparent,var(--ga-mist),transparent);\n  margin:0;\n}\n\n\/* =============================================\n   RESPONSIVE\n============================================= *\/\n@media(max-width:1100px){\n  .ga-card-grid{ grid-template-columns:repeat(2,1fr); }\n  .ga-pillars{ grid-template-columns:repeat(2,1fr); }\n  .ga-apps-grid{ grid-template-columns:repeat(2,1fr); }\n  .ga-cta-inner{ grid-template-columns:1fr; text-align:center; }\n  .ga-cta-btns{ flex-direction:row; justify-content:center; }\n  .ga-cta p{ margin:0 auto; }\n  .ga-stats-strip{ padding:10px 14px; }\n  .ga-stat-n{ font-size:19px;  justify-content:center}\n\n}\n\n@media(max-width:800px){\n  .ga-hero-grid{ grid-template-columns:1fr; gap:36px; }\n  .ga-hero-frame::after{ display:none; }\n  .ga-hero-image{ aspect-ratio:16\/10; }\n  .ga-band-inner{ grid-template-columns:1fr; }\n  .ga-band-badge{ display:none; }\n  .ga-section-head{ grid-template-columns:1fr; }\n  .ga-section-head p{ text-align:left; }\n  .ga-ba-head{ grid-template-columns:1fr; }\n  .ga-ba-head p{ text-align:left; }\n  .ga-stats-strip{ padding:10px 14px; }\n  .ga-stat-n{ font-size:19px;  justify-content:center}\n\n}\n\n@media(max-width:600px){\n  .ga-card-grid{ grid-template-columns:1fr; gap:14px; }\n  .ga-card{ aspect-ratio:16\/10; }\n  .ga-pillars{ grid-template-columns:1fr; gap:12px; }\n  .ga-apps-grid{ grid-template-columns:repeat(2,1fr); gap:12px; }\n  .ga-cta-btns{ flex-direction:column; width:100%; }\n  .ga-stats-strip{ padding:10px 14px; }\n  .ga-stat-n{ font-size:19px; }\n  .ga-hero-copy h1{ font-size:clamp(44px,11vw,64px); }\n  .ga-ba-cta{ flex-direction:column; text-align:center; }\n  .ga-ba-cta a{ width:100%; justify-content:center; }\n}\n\n@media(prefers-reduced-motion:reduce){\n  .ga-topiary *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }\n}\n<\/style>\n\n<article class=\"ga-topiary\" itemscope itemtype=\"https:\/\/schema.org\/Service\" aria-label=\"Green Architects Topiary Art Service\">\n\n  <!-- Hero -->\n  <section class=\"ga-hero-section\" aria-labelledby=\"ga-hero-heading\">\n    <div class=\"ga-wrap\">\n      <div class=\"ga-hero-grid\">\n\n        <div class=\"ga-hero-frame ga-reveal\">\n          <div class=\"ga-hero-image\">\n            <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/topiary-tamilnadu.jpg\" alt=\"Premium topiary garden sculpted by Green Architects showing geometric spiral forms\" width=\"660\" height=\"825\" loading=\"eager\" fetchpriority=\"high\" itemprop=\"image\" title=\"\">\n          <\/div>\n          <div class=\"ga-stats-strip\" role=\"list\" aria-label=\"Key stats\">\n            <div class=\"ga-stat\" role=\"listitem\">\n              <span class=\"ga-stat-n\" aria-label=\"200 plus projects\">500+<\/span>\n              <span class=\"ga-stat-l\">Projects<\/span>\n            <\/div>\n            <div class=\"ga-stat\" role=\"listitem\">\n              <span class=\"ga-stat-n\">25+<\/span>\n              <span class=\"ga-stat-l\">Years<\/span>\n            <\/div>\n            <div class=\"ga-stat\" role=\"listitem\">\n              <span class=\"ga-stat-n\">70+<\/span>\n              <span class=\"ga-stat-l\">Professionals<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"ga-hero-copy\">\n          <p class=\"ga-eyebrow ga-reveal\" aria-label=\"Service category\">\n            <span class=\"ga-eyebrow-line\" aria-hidden=\"true\"><\/span>\n            Topiary Art\n          <\/p>\n          <h1 id=\"ga-hero-heading\" class=\"ga-reveal ga-reveal-delay-1\" itemprop=\"name\">\n            Living<br \/><em>Sculptures<\/em>\n          <\/h1>\n          <div class=\"ga-divider ga-reveal ga-reveal-delay-2\" aria-hidden=\"true\"><\/div>\n          <p class=\"ga-reveal ga-reveal-delay-2\" itemprop=\"description\">\n            Topiary is the horticultural art of training living plants into elegant geometric forms, architectural volumes, and artistic figures. At Green Architects, every shrub is a canvas and every cut a deliberate mark.\n          <\/p>\n          <p class=\"ga-reveal ga-reveal-delay-3\">\n            From cloud-pruned specimens and classic spirals to bespoke animal sculptures, our topiary solutions shape the character of residential gardens, luxury resorts, and landmark public spaces.\n          <\/p>\n          <div class=\"ga-cta-row ga-reveal ga-reveal-delay-4\">\n            <a href=\"https:\/\/greenarchitects.in\/stage\/contact-us-2\/\" class=\"ga-btn-primary\" aria-label=\"Request a topiary consultation\">\n              <span>\u2702<\/span> Request Consultation\n            <\/a>\n            <a href=\"#ga-styles\" class=\"ga-btn-ghost\" aria-label=\"Browse topiary styles\">\n              Explore Styles \u2193\n            <\/a>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- Marquee -->\n  <div class=\"ga-marquee-wrap\" aria-hidden=\"true\" role=\"presentation\">\n    <div class=\"ga-marquee-track\">\n      <span>Geometric Forms<\/span><span>Spiral Topiary<\/span><span>Cloud Pruning<\/span>\n      <span>Animal Sculptures<\/span><span>Hedge Architecture<\/span><span>Bonsai Specimens<\/span>\n      <span>Espalier Training<\/span><span>Knot Gardens<\/span>\n      <span>Geometric Forms<\/span><span>Spiral Topiary<\/span><span>Cloud Pruning<\/span>\n      <span>Animal Sculptures<\/span><span>Hedge Architecture<\/span><span>Bonsai Specimens<\/span>\n      <span>Espalier Training<\/span><span>Knot Gardens<\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Quote band -->\n  <div class=\"ga-wrap\">\n    <div class=\"ga-band ga-reveal\">\n      <div class=\"ga-band-inner\">\n        <blockquote class=\"ga-band-quote\">\n          &#8220;Every cut is a brushstroke \u2014<br \/>\n          every plant, <em>a sculpture in time.<\/em>&#8221;\n        <\/blockquote>\n        <div class=\"ga-band-badge\" aria-hidden=\"true\">\n          <span>Since<br \/>2001<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Topiary Styles -->\n  <div class=\"ga-wrap\">\n    <section id=\"ga-styles\" class=\"ga-section\" aria-labelledby=\"ga-styles-heading\">\n      <div class=\"ga-section-head ga-reveal\">\n        <div>\n          <p class=\"ga-eyebrow\"><span class=\"ga-eyebrow-line\"><\/span> Our Craft<\/p>\n          <h2 id=\"ga-styles-heading\">Topiary Styles<\/h2>\n        <\/div>\n        <p>Four distinct traditions, one shared philosophy: patience, precision, and the pursuit of living beauty.<\/p>\n      <\/div>\n      <div class=\"ga-card-grid\" role=\"list\">\n        <article class=\"ga-card ga-reveal\" role=\"listitem\" aria-label=\"Geometric Forms topiary style\">\n          <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/gemonetry-topiary-1-scaled.jpg\" alt=\"Precisely sheared geometric topiary spheres and cubes in a formal garden\" width=\"400\" height=\"533\" loading=\"lazy\" title=\"\">\n          <div class=\"ga-card-overlay\">\n            <span class=\"ga-card-tag\">Classic<\/span>\n            <span class=\"ga-card-num\">01<\/span>\n            <h3 class=\"ga-card-title\">Geometric Forms<\/h3>\n            <p class=\"ga-card-desc\">Spheres, cones, cubes and cylinders \u2014 the grammar of formal landscape design.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"ga-card ga-reveal ga-reveal-delay-1\" role=\"listitem\" aria-label=\"Spiral Topiary style\">\n          <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/gemonetry-topiary.jpg\" alt=\"Tall spiral topiary column in a luxury residential garden\" width=\"400\" height=\"533\" loading=\"lazy\" title=\"\">\n          <div class=\"ga-card-overlay\">\n            <span class=\"ga-card-tag\">Signature<\/span>\n            <span class=\"ga-card-num\">02<\/span>\n            <h3 class=\"ga-card-title\">Spiral Topiary<\/h3>\n            <p class=\"ga-card-desc\">Elegant helical columns that draw the eye upward and anchor the planting.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"ga-card ga-reveal ga-reveal-delay-2\" role=\"listitem\" aria-label=\"Cloud Pruning style\">\n          <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/cloud-topiary.webp\" alt=\"Japanese-style cloud-pruned pine trees in a serene garden setting\" width=\"400\" height=\"533\" loading=\"lazy\" title=\"\">\n          <div class=\"ga-card-overlay\">\n            <span class=\"ga-card-tag\">Japanese<\/span>\n            <span class=\"ga-card-num\">03<\/span>\n            <h3 class=\"ga-card-title\">Cloud Pruning<\/h3>\n            <p class=\"ga-card-desc\">The meditative niwaki tradition \u2014 billowing canopies shaped over years.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"ga-card ga-reveal ga-reveal-delay-3\" role=\"listitem\" aria-label=\"Artistic Sculptures topiary style\">\n          <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/animal-topiary.jpg\" alt=\"Peacock animal topiary sculpture created from clipped hedging plants\" width=\"400\" height=\"533\" loading=\"lazy\" title=\"\">\n          <div class=\"ga-card-overlay\">\n            <span class=\"ga-card-tag\">Bespoke<\/span>\n            <span class=\"ga-card-num\">04<\/span>\n            <h3 class=\"ga-card-title\">Artistic Sculptures<\/h3>\n            <p class=\"ga-card-desc\">Custom figures, animals, and emblems \u2014 the most ambitious branch of the craft.<\/p>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <hr class=\"ga-sep\"\/>\n\n  <!-- Philosophy -->\n  <div class=\"ga-wrap\">\n    <section class=\"ga-section\" aria-labelledby=\"ga-philo-heading\">\n      <div class=\"ga-section-head ga-reveal\">\n        <div>\n          <p class=\"ga-eyebrow\"><span class=\"ga-eyebrow-line\"><\/span> Principles<\/p>\n          <h2 id=\"ga-philo-heading\">Design Philosophy<\/h2>\n        <\/div>\n        <p>Four commitments that guide every project from the first consultation to long-term maintenance.<\/p>\n      <\/div>\n      <div class=\"ga-pillars\" role=\"list\">\n        <div class=\"ga-pillar ga-reveal\" role=\"listitem\">\n          <div class=\"ga-pillar-icon\" aria-hidden=\"true\">\u2726<\/div>\n          <h3>Structure<\/h3>\n          <p>Visual order and hierarchy crafted through considered placement and scale.<\/p>\n        <\/div>\n        <div class=\"ga-pillar ga-reveal ga-reveal-delay-1\" role=\"listitem\">\n          <div class=\"ga-pillar-icon\" aria-hidden=\"true\">\ud83c\udf3f<\/div>\n          <h3>Form<\/h3>\n          <p>Celebrating the inherent character of each plant species and its unique growth habit.<\/p>\n        <\/div>\n        <div class=\"ga-pillar ga-reveal ga-reveal-delay-2\" role=\"listitem\">\n          <div class=\"ga-pillar-icon\" aria-hidden=\"true\">\ud83c\udfad<\/div>\n          <h3>Artistry<\/h3>\n          <p>Transforming a garden into a living gallery \u2014 beauty that deepens season by season.<\/p>\n        <\/div>\n        <div class=\"ga-pillar ga-reveal ga-reveal-delay-3\" role=\"listitem\">\n          <div class=\"ga-pillar-icon\" aria-hidden=\"true\">\u2702<\/div>\n          <h3>Maintenance<\/h3>\n          <p>Topiary is never finished. Expert ongoing care preserves and refines the vision.<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/div>\n\n  <!-- ============================================================\n       BEFORE \/ AFTER \u2014 DRAG-TO-REVEAL SLIDER\n  ============================================================ -->\n  <div class=\"ga-wrap\">\n    <section class=\"ga-ba-section ga-reveal\" aria-labelledby=\"ga-ba-heading\">\n\n      <!-- Heading -->\n      <div class=\"ga-ba-head\">\n        <div>\n          <p class=\"ga-eyebrow\"><span class=\"ga-eyebrow-line\" aria-hidden=\"true\"><\/span> Transformations<\/p>\n          <h2 id=\"ga-ba-heading\">Before &amp; After<\/h2>\n        <\/div>\n        <p>Drag to reveal how ordinary shrubs become extraordinary landscape features through the art of topiary.<\/p>\n      <\/div>\n\n      <!-- Slider -->\n      <div\n        class=\"ga-ba-slider\"\n        id=\"gaBaSlider\"\n        role=\"img\"\n        aria-label=\"Drag-to-reveal before and after comparison of a topiary transformation by Green Architects\">\n        <img decoding=\"async\" class=\"ga-ba-img-base\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/topiary-after.jpeg\" alt=\"Before: overgrown, unclipped garden shrubs with no defined form\" width=\"1200\" height=\"675\" loading=\"lazy\" title=\"\">\n        <div class=\"ga-ba-after-wrap\" id=\"gaBaAfterWrap\">\n          <img decoding=\"async\" src=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/topiary-before.jpeg\" alt=\"After: the same shrubs precisely sculpted into elegant topiary forms by Green Architects\" width=\"1200\" height=\"675\" loading=\"lazy\" title=\"\">\n        <\/div>\n        <div class=\"ga-ba-line\" id=\"gaBaLine\"><\/div>\n        <div class=\"ga-ba-knob\" id=\"gaBaKnob\" aria-hidden=\"true\">\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M8 5L3 12L8 19\" stroke=\"#006035\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n            <path d=\"M16 5L21 12L16 19\" stroke=\"#006035\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n          <\/svg>\n        <\/div>\n        <span class=\"ga-ba-badge ga-ba-badge-b\" aria-hidden=\"true\">Before<\/span>\n        <span class=\"ga-ba-badge ga-ba-badge-a\" aria-hidden=\"true\">After<\/span>\n      <\/div>\n\n      <!-- Drag hint -->\n      <p class=\"ga-ba-hint\" aria-hidden=\"true\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n          <path d=\"M4 12H20M4 12L8 8M4 12L8 16M20 12L16 8M20 12L16 16\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n        <\/svg>\n        Drag or tap to compare\n      <\/p>\n\n      <!-- Detail cards + meters -->\n      <div class=\"ga-ba-row\">\n\n        <div class=\"ga-ba-card\">\n          <div class=\"ga-ba-card-tag\" style=\"color:#888;\">\n            <span class=\"ga-ba-dot ga-ba-dot-b\"><\/span> Before\n          <\/div>\n          <ul>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-b\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 2l6 6M8 2L2 8\" stroke=\"#999\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n              <\/span>\n              Untidy, unclipped growth\n            <\/li>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-b\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 2l6 6M8 2L2 8\" stroke=\"#999\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n              <\/span>\n              No visual structure or form\n            <\/li>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-b\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M2 2l6 6M8 2L2 8\" stroke=\"#999\" stroke-width=\"1.6\" stroke-linecap=\"round\"><\/path><\/svg>\n              <\/span>\n              Wasted kerb appeal\n            <\/li>\n          <\/ul>\n        <\/div>\n\n        <div class=\"ga-ba-card\">\n          <div class=\"ga-ba-card-tag\" style=\"color:#006035;\">\n            <span class=\"ga-ba-dot ga-ba-dot-a\"><\/span> After\n          <\/div>\n          <ul>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-a\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5.5l2.5 2.5 4.5-5\" stroke=\"#006035\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n              <\/span>\n              Defined geometric sculptural form\n            <\/li>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-a\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5.5l2.5 2.5 4.5-5\" stroke=\"#006035\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n              <\/span>\n              Year-round structural interest\n            <\/li>\n            <li>\n              <span class=\"ga-ba-li-icon ga-ba-li-icon-a\" aria-hidden=\"true\">\n                <svg viewBox=\"0 0 10 10\" fill=\"none\"><path d=\"M1.5 5.5l2.5 2.5 4.5-5\" stroke=\"#006035\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n              <\/span>\n              Lasting visual and property value\n            <\/li>\n          <\/ul>\n        <\/div>\n\n      <\/div>\n\n      <!-- Progress meters -->\n      <div class=\"ga-ba-meters\" id=\"gaBaMeters\">\n        <div class=\"ga-ba-meter-row\">\n          <span class=\"ga-ba-meter-label\">Structure<\/span>\n          <div class=\"ga-ba-meter-track\"><div class=\"ga-ba-meter-fill ga-ba-meter-fill-g\" data-target=\"95\"><\/div><\/div>\n          <span class=\"ga-ba-meter-val\">+95%<\/span>\n        <\/div>\n        <div class=\"ga-ba-meter-row\">\n          <span class=\"ga-ba-meter-label\">Elegance<\/span>\n          <div class=\"ga-ba-meter-track\"><div class=\"ga-ba-meter-fill ga-ba-meter-fill-y\" data-target=\"90\"><\/div><\/div>\n          <span class=\"ga-ba-meter-val\">+90%<\/span>\n        <\/div>\n        <div class=\"ga-ba-meter-row\">\n          <span class=\"ga-ba-meter-label\">Kerb appeal<\/span>\n          <div class=\"ga-ba-meter-track\"><div class=\"ga-ba-meter-fill ga-ba-meter-fill-g\" data-target=\"88\"><\/div><\/div>\n          <span class=\"ga-ba-meter-val\">+88%<\/span>\n        <\/div>\n        <div class=\"ga-ba-meter-row\">\n          <span class=\"ga-ba-meter-label\">Plant health<\/span>\n          <div class=\"ga-ba-meter-track\"><div class=\"ga-ba-meter-fill ga-ba-meter-fill-g\" data-target=\"82\"><\/div><\/div>\n          <span class=\"ga-ba-meter-val\">+82%<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- CTA strip -->\n      <div class=\"ga-ba-cta\">\n        <p>&#8220;Ready to transform your landscape?&#8221;<\/p>\n        <a href=\"https:\/\/greenarchitects.in\/stage\/contact-us-2\/\" aria-label=\"Book a topiary consultation with Green Architects\">\n          \u2702 Book Consultation\n        <\/a>\n      <\/div>\n\n    <\/section>\n  <\/div>\n\n  <hr class=\"ga-sep\"\/>\n\n  <!-- Applications -->\n  <div class=\"ga-wrap\">\n    <section class=\"ga-section\" aria-labelledby=\"ga-apps-heading\">\n      <div class=\"ga-section-head ga-reveal\">\n        <div>\n          <p class=\"ga-eyebrow\"><span class=\"ga-eyebrow-line\"><\/span> Where We Work<\/p>\n          <h2 id=\"ga-apps-heading\">Applications<\/h2>\n        <\/div>\n        <p>Topiary enhances every scale of landscape \u2014 from a private courtyard to a landmark public space.<\/p>\n      <\/div>\n      <nav class=\"ga-apps-grid\" aria-label=\"Topiary application types\">\n        <a href=\"\/stage\/residential\/\" class=\"ga-app ga-reveal\">\n          <span class=\"ga-app-icon\" aria-hidden=\"true\">\ud83c\udfe1<\/span>\n          <h3>Residential<\/h3>\n          <p>Private gardens and courtyards<\/p>\n        <\/a>\n        <a href=\"\/stage\/hospitality\/\" class=\"ga-app ga-reveal ga-reveal-delay-1\">\n          <span class=\"ga-app-icon\" aria-hidden=\"true\">\ud83c\udfe8<\/span>\n          <h3>Resorts &amp; Hotels<\/h3>\n          <p>Landmark arrival and pool gardens<\/p>\n        <\/a>\n        <a href=\"\/stage\/corporate\/\" class=\"ga-app ga-reveal ga-reveal-delay-2\">\n          <span class=\"ga-app-icon\" aria-hidden=\"true\">\ud83c\udfe2<\/span>\n          <h3>Corporate Campuses<\/h3>\n          <p>Branding through landscape identity<\/p>\n        <\/a>\n        <a href=\"\/stage\/public-parks\/\" class=\"ga-app ga-reveal ga-reveal-delay-3\">\n          <span class=\"ga-app-icon\" aria-hidden=\"true\">\ud83c\udfdb<\/span>\n          <h3>Public Parks<\/h3>\n          <p>Civic spaces with lasting character<\/p>\n        <\/a>\n      <\/nav>\n    <\/section>\n  <\/div>\n\n  <!-- CTA Banner -->\n  <div class=\"ga-wrap\">\n    <div class=\"ga-cta ga-reveal\" role=\"complementary\" aria-label=\"Call to action\">\n      <div class=\"ga-cta-inner\">\n        <div>\n          <h2>Transform Plants Into<br \/><em>Living Art<\/em><\/h2>\n          <p>Green Architects designs, installs, and maintains premium topiary that adds timeless elegance and creative character to any landscape.<\/p>\n        <\/div>\n        <div class=\"ga-cta-btns\">\n          <a href=\"https:\/\/api.whatsapp.com\/send?phone=+919843167999&#038;text=Hi,I%20am%20interested%20in%20your%20Topiary%20Service\" class=\"ga-btn-primary\" aria-label=\"Request a topiary design consultation\" target=\"_blank\" rel=\"noopener\">\n            \u2702 Request Consultation\n          <\/a>\n          <a href=\"https:\/\/greenarchitects.in\/stage\/wp-content\/uploads\/2026\/06\/GREEN-ARCHITECTS-Company-Profile.pdf\" class=\"ga-btn-ghost\" aria-label=\"View our topiary portfolio\">\n            View Profile\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div style=\"height:clamp(60px,8vw,110px)\"><\/div>\n  <\/div>\n\n<\/article>\n\n<!-- =============================================\n   SCROLL REVEAL + SLIDER \u2014 vanilla JS, zero deps\n============================================= -->\n<script>\n(function(){\n\n  \/* --- Scroll reveal --- *\/\n  if('IntersectionObserver' in window){\n    var revEls = document.querySelectorAll('.ga-reveal');\n    var revIO = new IntersectionObserver(function(entries){\n      entries.forEach(function(e){\n        if(e.isIntersecting){ e.target.classList.add('ga-visible'); revIO.unobserve(e.target); }\n      });\n    },{threshold:.12});\n    revEls.forEach(function(el){ revIO.observe(el); });\n  }\n\n  \/* --- Before \/ After drag slider --- *\/\n  var slider  = document.getElementById('gaBaSlider');\n  var afterW  = document.getElementById('gaBaAfterWrap');\n  var line    = document.getElementById('gaBaLine');\n  var knob    = document.getElementById('gaBaKnob');\n  if(!slider) return;\n\n  function setPos(p){\n    p = Math.max(3, Math.min(97, p));\n    var ps = p + '%';\n    afterW.style.clipPath = 'inset(0 ' + (100 - p) + '% 0 0)';\n    line.style.left = ps;\n    knob.style.left = ps;\n  }\n\n  function posFromEvent(e){\n    var rect = slider.getBoundingClientRect();\n    var cx = e.touches ? e.touches[0].clientX : e.clientX;\n    return ((cx - rect.left) \/ rect.width) * 100;\n  }\n\n  var dragging = false;\n  slider.addEventListener('mousedown',  function(e){ dragging = true; setPos(posFromEvent(e)); e.preventDefault(); });\n  window.addEventListener('mouseup',    function(){ dragging = false; });\n  window.addEventListener('mousemove',  function(e){ if(dragging) setPos(posFromEvent(e)); });\n  slider.addEventListener('touchstart', function(e){ dragging = true; setPos(posFromEvent(e)); },{passive:true});\n  window.addEventListener('touchend',   function(){ dragging = false; });\n  window.addEventListener('touchmove',  function(e){ if(dragging) setPos(posFromEvent(e)); },{passive:true});\n  slider.addEventListener('click',      function(e){ setPos(posFromEvent(e)); });\n\n  \/* --- Animate progress meters on scroll-in --- *\/\n  var meters  = document.querySelectorAll('#gaBaMeters .ga-ba-meter-fill');\n  var metersEl = document.getElementById('gaBaMeters');\n  if(metersEl && 'IntersectionObserver' in window){\n    var mIO = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(entry.isIntersecting){\n          meters.forEach(function(m){\n            m.style.width = (m.getAttribute('data-target') || 80) + '%';\n          });\n          mIO.disconnect();\n        }\n      });\n    },{threshold:0.3});\n    mIO.observe(metersEl);\n  } else {\n    meters.forEach(function(m){ m.style.width = (m.getAttribute('data-target') || 80) + '%'; });\n  }\n\n})();\n<\/script><\/div><\/div><\/div>\n\n\n\n<\/div>\n<\/article>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Home Topiary 500+ Projects 25+ Years 70+ Professionals Topiary Art LivingSculptures Topiary is the horticultural art of training living plants into elegant geometric forms, architectural volumes, and artistic figures. At Green Architects, every shrub is a canvas and every cut a deliberate mark. From cloud-pruned specimens and classic spirals to bespoke animal sculptures, our topiary [&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-3322","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\/3322","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=3322"}],"version-history":[{"count":6,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/3322\/revisions"}],"predecessor-version":[{"id":7088,"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/pages\/3322\/revisions\/7088"}],"wp:attachment":[{"href":"https:\/\/greenarchitects.in\/stage\/wp-json\/wp\/v2\/media?parent=3322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}