/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
*{box-sizing:border-box;}
html{line-height:1.4;font-size:.9em;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{margin:0;font-family:'aktiv-grotesk', sans-serif;font-weight:400;background:#fff;color:#222}
main{display:block;font-weight:100}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace, monospace;font-size:1em;}
a{background-color:transparent;color:#CA55F5;text-decoration:none}
.has-white-color a{color:#f0f0f0;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:700;}
code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
.hidden, [hidden],.no-js .no-js-hidden,.js .js-hidden{display:none !important}
audio, canvas, iframe, img, svg, video{vertical-align:middle}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}

body {
    --hs--color-grey: #323E48; /* grey */
    --hs--color-intro: #610066; /* dark purple */
    --hs--color-thisis: #FFA244; /* orange */
    --hs--color-streetscape: #05AFAB; /* teal */
    --hs--color-streetscape-alt: #B1EF89; /* green */
    --hs--color-streetscape-alt2: #045F70; /* dark teal */
    --hs--color-energetic: #FFF200; /* yellow */
    --hs--color-energetic-alt: #B4018C; /* purple */
    --hs--color-supporting: #839EFF; /* lavender */
    --hs--color-supporting-alt: #004D97; /* dark blue */
    --hs--color-future: #FF5FE1; /* pink */
    --hs--color-future-alt: #610066; /* dark purple */
    --hs--color-financials: #B1EF89; /* green */
    
    overflow-x:hidden;
}

.sr-only,
.img-replace span{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
.sr-only.focusable:active, .sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}
.invisible{visibility:hidden}
.clearfix::before, .clearfix::after{content:" ";display:table}
.clearfix::after{clear:both}
.nowrap{white-space: nowrap;}
#skiptocontent a{position:absolute;top:-50px;padding:6px;left:0;color:#fff;border-right:1px solid #fff;border-bottom:1px solid #fff;border-bottom-right-radius:8px;background:transparent;-webkit-transition:top 1s ease-out,background 1s linear;transition:top 1s ease-out,background 1s linear;z-index:100}#skiptocontent a:focus{position:absolute;left:0;top:0;background:var(--hs--color-intro);outline:0;-webkit-transition:top .1s ease-in,background .5s linear;transition:top .1s ease-in,background .5s linear}

#menu-trigger{position:absolute;top:.1rem;right:1.2rem;z-index:999}

#menu-trigger,#menu-trigger .icon{margin:0;padding:0;height:40px;cursor:pointer;pointer-events:auto}
#menu-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;border-radius:0;border:none;background:0 0;transform:translateZ(0);width:40px;margin-left:5vw}
#menu-trigger .icon span{display:block;position:absolute;top:26px;left:0px;right:0px;height:4px;border-radius:500px;background-color:var(--hs--color-future);transition:background 0s .3s}
#menu-trigger .icon span::after,#menu-trigger .icon span::before{position:absolute;display:block;left:0;height:4px;border-radius:500px;background-color:var(--hs--color-future);content:"";transition-duration:.3s,.3s;transition-delay:.3s,0s;width:40px}
#menu-trigger .icon span::before{top:-10px;transition-property:top,transform}
#menu-trigger .icon span::after{bottom:-10px;transition-property:bottom,transform}

.is-active #menu-trigger .icon span{background:0 0!important;}
.is-active #menu-trigger .icon span::before{top:0;transform:rotate(45deg);transition-delay:0s,.3s;}
.is-active #menu-trigger .icon span::after{bottom:0;transform:rotate(-45deg);transition-delay:0s,.3s;}

#header{position:fixed;width:100%;z-index:800}
nav{width:60%}
nav a{background:#fff;color:var(--hs--color-grey);text-decoration:none;display:block;border-top:1px solid var(--hs--color-grey);position:relative;padding:1rem 2rem 0 1.4rem;font-size:.9em;min-height: 3rem;}
nav a.logo{background:var(--hs--color-grey);border:none;padding:.7rem 2.5rem .7rem 1.5rem;min-height:auto;}
nav a.logo svg{width:100%;height:auto;max-width: 12rem;}
nav a.logo path{fill:#fff}

progress[value]{-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;width:4rem;height: .5rem;}
progress[value]::-webkit-progress-bar{background:none;}
nav a progress{position:absolute;top:0;left:.5rem;content:'';transform: rotate(90deg);transform-origin: top left;}
nav a:nth-child(2) progress[value]::-webkit-progress-value{background:var(--hs--color-thisis);}
nav a:nth-child(3) progress[value]::-webkit-progress-value{background:var(--hs--color-streetscape);}
nav a:nth-child(4) progress[value]::-webkit-progress-value{background:var(--hs--color-energetic);}
nav a:nth-child(5) progress[value]::-webkit-progress-value{background:var(--hs--color-supporting);}
nav a:nth-child(6) progress[value]::-webkit-progress-value{background:var(--hs--color-future);}
nav a:nth-child(7) progress[value]::-webkit-progress-value{background:var(--hs--color-financials);}

nav a:not(.logo){transform: translateX(-100%);transition:transform 500ms ease-in;}

nav a:nth-child(2){transition-delay:0ms;}
nav a:nth-child(3){transition-delay:100ms;}
nav a:nth-child(4){transition-delay:200ms;}
nav a:nth-child(5){transition-delay:300ms;}
nav a:nth-child(6){transition-delay:400ms;}
nav a:nth-child(7){transition-delay:500ms;}

nav a span{white-space:nowrap;}

.is-active nav a:not(.logo){transform: translateX(0);}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}
p{margin-top:0;}

.move-img {
    position: relative;
    top: 40px;
    transition: top 1.5s
}
.move-img.state--moved{
    top: 0 !important;
}

.slide{position:relative;min-height:100vh;width:100%}
.screen{position:relative;min-height:100vh;width:100%}

.popover{background:#fff;color:var(--hs--color-future);border:2px solid var(--hs--color-future);box-shadow: 8px 8px 0px 0px var(--hs--color-future);padding:2rem 2rem 1rem;font-size:1.2em}
.popover-small{font-size:.8em}

.medium-text{font-size:1.7em;font-weight:400}
.small-text{font-size:.8em}
.smaller-text{font-size:.6em}

#intro .highlight{color:var(--hs--color-future);}

#intro-1 .bkg-panel{position:relative;width:100vw;height:100vh;}
#intro-1 .bkg-panel .img{position:absolute;width:100vw;height:100vh;}
#intro-1 .bkg-panel .img img{width:100%;height:100%;object-fit:cover}
#intro-1 svg{width: 100%;height: 100%;object-fit: contain;}
#intro-1 svg path{fill:var(--hs--color-future)}
#intro-1 .panel{position:relative;width:100vw;height:100vh;}
#intro-1 .panel-1 .title{width:auto;height:75vh;margin:0 auto}
#intro-1 .panel-2 .sub-title{font-size:1.5em;width:72%;margin:0 auto}
#intro-1 .panel-3{height:50vh;}

#intro-2{background:var(--hs--color-intro);color:#fff;position:relative;}
#jeff-samara{margin-top:-5rem;border-left:1.4rem solid var(--hs--color-intro);width:75%}
#intro-2 .text-wrap{padding:1.4rem 2.4rem 1.4rem 1.4rem}



#intro-3{background:var(--hs--color-intro);color:#fff;}
#intro-3 .bkg{position:sticky;top:0;width:100%;height:100vh;}

#park-video{width:100%;height:100%;object-fit:cover;z-index:1;}
.dark-gradient{position:absolute;top:0;left:0;width:100%;height:50vh;background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);mix-blend-mode: overlay;}

#intro-3 .screen{position:relative;}
#intro-3 .screen .headline{position:relative;height:100vh}
#intro-3 .screen .headline .piece{padding:10vh 0 0 1.4rem;font-size:2em;text-shadow: 0 0 10px #000}
#intro-3 .screen .overlay{position:relative;height:80vh;padding:0 1.4rem}

#intro-3 .piece{position:relative;width:90%;}
#intro-3 .screen-1 .headline .piece{width:90%;}

#intro-3 .screen-1 .overlay-1 .popover{margin-left:10%}
#intro-3 .screen-1 .overlay-3 .popover{margin-left:10%}
#intro-3 .screen-2 .overlay-2 .popover{margin-left:10%}
#intro-3 .screen-3 .overlay-2 .popover{margin-left:10%}
#intro-3 .screen-4 .overlay-2 .popover{margin-left:10%}
/*
#intro-3 .screen-1 .piece-1{width:100%;}
#intro-3 .screen-1 .piece-2{width:60%;margin:2.5rem 0 0 40%;z-index:2}
#intro-3 .screen-1 .piece-3{margin:-2rem 0 0 0}
#intro-3 .screen-1 .piece-4{margin:5rem 0 0 0}

#intro-3 .screen-2 .piece-2{margin:3.5rem 0 0 0}
#intro-3 .screen-2 .piece-3{margin:-2rem 0 0 30%;z-index:2}

#intro-3 .screen-3 .piece-2{width:66%;margin:3.5rem 0 0 0;z-index:2}
#intro-3 .screen-3 .piece-3{margin:-2rem 0 0 30%}
#intro-3 .screen-3 .piece-4{margin:7rem 0 0 0}

#intro-3 .screen-4 {margin-bottom:6rem}
#intro-3 .screen-4 .piece-1{width:50%;}
#intro-3 .screen-4 .piece-2{width:66%;margin:3.5rem 0 0 0;z-index:2}
#intro-3 .screen-4 .piece-3{margin:-2rem 0 0 30%}
#intro-3 .screen-4 .piece-4{margin:7rem 0 0 0}
*/
.headshot{position:absolute;width:4rem;top: -2rem;}
.headshot-left{left: 1rem;}
.headshot-right{right: 1rem;}

#intro-4{background:var(--hs--color-intro);color:#fff;min-height:auto}
#intro-4 .block{background:var(--hs--color-intro);width:50%;height:6rem;position:relative;top:-6rem;margin-left:50%}
#intro-4 .screen-1{padding:0 1.4rem 24rem;width:80%;margin:0 auto}
#intro-4 .executives{display:flex;justify-content:space-between;margin-bottom:4rem}

#this-1{background:var(--hs--color-thisis);color:var(--hs--color-grey);}
#this-is-hudson-square .section-color{background:#fff;color:#000;border:2px solid var(--hs--color-thisis);box-shadow: 8px 8px 0px 0px var(--hs--color-thisis);}
#this-1 .block{background:var(--hs--color-thisis);width:50%;height:4rem;position:relative;top:-4rem;right:0}

#this-1 .piece{position:relative;width:90%;}
#this-1 .screen-1{padding:6rem 1.4rem 2rem}
#this-1 .screen-1 .piece-2{width:66%;margin:0 0 0 17%;z-index:2}
#this-1 .screen-1 .piece-3{width:40%;margin:-3rem 0 0 -1.4rem;background:var(--hs--color-future);float:left}
#this-1 .screen-1 .piece-3::before {
    content: "";
    display: block;
    padding-top: 100%;
    float: left;
}
#this-1 .screen-1 .piece-4{width:66%;margin:-6rem 0 0 0}
#this-1 .screen-1 .piece-5{width:calc(100% + 2.8rem);margin:0 -1.4rem}
#this-1 .screen-1 .piece-6{width:90%;margin: 4vh 0 2vh;}

#this-2{width:100vw;height:100vh;background:var(--hs--color-thisis);}
#this-2 .container{position:relative;height:100vh;overflow:hidden}
#this-2 .photos{position:absolute;height:100vh;display:flex;flex-wrap:nowrap;flex-direction:row-reverse;padding-right:40vw}

#this-2 svg path{fill:var(--hs--color-future)}

#this-2 .photos .img{position:relative;height:100vh;width:300vw}
#this-2 .bkg-photo{height:100%;width:100%;object-fit:cover}
#this-2 .piece{position:absolute;width:25rem;z-index:2;max-width:100vw}
#this-2 .piece-1{left:60vw;top:35vh}
#this-2 .piece-2{right:-10%;top:8rem;width:80vw}
#this-2 .piece-3{left:50vw;top:35vh}
#this-2 .piece-4{right:-10%;top:12rem;width:85vw}
#this-2 .piece-5{left:11%;bottom:4rem;width:15rem}
#this-2 .piece-6{right:0;top:15vh;}
#this-2 .piece-7{left:0;top:40vh;}
#this-2 .piece-8{left:50%;top:60vh;}
#this-2 .news{width:75vw}
#this-2 .news img{width:100%;height:100%;object-fit:contain}

#this-3 .dogs{position:relative;width:50%;overflow:hidden;margin:0 0 0 25%;z-index:2}
#this-3 .dogs::before {
    content: "";
    display: block;
    padding-top: 100%;
    float: left;
}
#this-3 .dogs img{position:absolute;width:auto;height:100%;top:0;left:0}
#this-3 .cyclist{position:relative;width:66%;overflow:hidden;padding-bottom:34%}
#this-3 .cyclist img{position:absolute;width:auto;height:100%;top:0;right:0}
#this-3 .text-1{position:relative;width:70%;margin:4rem 1.4rem 3rem;}
#this-3 .text-2{position:absolute;width:70%;right:1.4rem;bottom:-16vh;}
#this-3 .highlight{color:var(--hs--color-future);}
#this-3 .block {
    position:absolute;width:15vw;height:15vw;
}
#this-3 .block-1 {background:var(--hs--color-future);right:0;top:40vw;width:60vw;height:20vw;}
#this-3 .block-2 {background:var(--hs--color-thisis);}


#reimagining-our-streetscape .section-color{background:#fff;color:#000;border:2px solid var(--hs--color-streetscape);box-shadow: 8px 8px 0px 0px var(--hs--color-streetscape);}

  .deactive{opacity:0}

.title-overlay{position:relative;width:100vw;height:100vh;z-index:100;transition:opacity 1s;pointer-events:none}
.title-overlay .section-title{position: absolute;
top: 10rem;
left: 2.5rem;
z-index: 3;
transform: rotate(90deg);
transform-origin: bottom left;
font-size: 2.5em;
line-height: 1.1;
text-indent: -1em;
font-weight: bold;color:var(--hs--color-streetscape);transition:color 1s}
#reimagining-title{height:50vh;}

#street-1 .bkg-panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-streetscape-alt);}
#street-1 .bkg-panel .block{background:#fff;position:absolute}
#street-1 .bkg-panel .block-1{width:100vw;height:5rem;top:0;left:0}
#street-1 .bkg-panel .block-3{width:50vw;height:15rem;top:5rem;right:0}
#street-1 .bkg-panel .block-2{width:5rem;height:5rem;top:5rem;left:0}

#street-1 .panel-1{position:relative;/*padding-bottom:10rem*/}
#street-1 .panel-1 .workmen{position:relative;width:70vw;margin:0 0 -5rem 30vw}
#street-1 .piece{position:relative}
#street-1 .panel-1 .piece-1{margin-left:17vw;width:70vw;z-index:2}
#street-1 .panel-1 .officials{position:relative;width:50vw;margin:-4rem 0 0 1.4rem}
#street-1 .panel-1 .piece-2{margin:-5rem 0 0 20vw;width:65vw}
#street-1 .panel-1 .piece-3{margin:5rem 0 0 40vw;width:50vw;display:flex;text-align:center;}
#street-1 .panel-1 .piece-3 .col+.col{margin-left:2rem}
#street-1 .panel-1 .piece-3 .number{color:var(--hs--color-streetscape);font-size:4em}
#street-1 .panel-1 .piece-3 .label{font-size:.9em}

/*#street-1 .panel-2{padding-bottom:25rem}*/
#street-1 .panel-2 .piece-1{margin-left:15vw;width:75vw;}
#street-1 .panel-2 .piece-1 .highlight{color:var(--hs--color-streetscape-alt2);}
.beforeafter{margin-left:15vw;width:70vw;position:relative}
#street-1 .panel-2 .piece-1 .text{margin-right:2rem}
#street-1 .panel-3 .before{width:75%}

#street-1 .panel-3 .after {
  position:absolute;width:100%;left:0;opacity:0
}
.beforeafter .popover{position:absolute;width:40%;left:-10vw;top:50%;padding-top:.8rem;font-size:1.4em;}
.beforeafter .afterlabel{display:none}
.beforeafter.active .afterlabel{display:block}
#street-1 .panel-1-2,
#street-1 .panel-4{position:relative;height:25vh;width:100vw;}
#street-1 .panel-4{height:50vh;}

#street-2{background:var(--hs--color-streetscape-alt);}
.tree{position:absolute;opacity:0;height:auto}
.tree-1{width:66vw;top:0;left:0;z-index:2}
.tree-2{width:25vw;bottom:25vh;left:33vw}
.tree-3{width:50vw;bottom:0;right:0;z-index:2}
.tree-4{width:33vw;top:50vh;left:0}
.tree-5{width:40vw;top:45vw;right:7vw}
.tree-6{width:20vw;top:25vw;right:0}
#street-2 .piece{position:absolute;left:50%;transform:translateX(-50%)}
#street-2 .piece svg path{fill:var(--hs--color-future)}
#street-2 .piece-1{width:40vw;top:10vh;z-index:3}
#street-2 .piece-2{width:40vw;bottom:10vh;z-index:3}
#street-2 .piece-3{width:70vw;top:50%;transform:translate(-50%, -50%);z-index:4;opacity:0;}
#street-2 .piece-4{top:0;height:150vh;width:10px;transform:none}

#street-3 .bkg-panel{width:100vw;height:100vh}
#street-3 .bkg-panel .img{width:100vw;height:100vh}
#street-3 .bkg-panel img{width:100vw;height:100vh;object-fit:cover}
#street-3 .bkg-panel .section-title{color:var(--hs--color-streetscape-alt);}
#street-3 .panel-1{height:50vh}
#street-3 .panel-2{position:relative;height:100vh;}
#street-3 .piece{position:absolute;}
#street-3 .piece-1{width:75vw;top:10vh;left:1.4rem;z-index:2;font-size:.9em}
#street-3 .piece-2{width:100%;top:50%;left:50%;transform:translate(-50%,-50%);overflow: hidden;}
#street-3 .piece-2 img{width:100%;height:auto}
#street-3 .piece-2 img.labels{z-index:2;position:absolute;top:0;left:0}
#street-3 .piece-3{width:70vw;bottom:5vh;right:1.4rem;font-size:.9em}
#street-3 .popover{color:#222}

#street-4{color:#fff}
#street-4 .bkg-panel{width:100vw;height:100vh}
#street-4 .bkg-panel .img{width:100vw;height:100vh}
#street-4 .bkg-panel img{width:100vw;height:100vh;object-fit:cover}
#street-4 .panel-1{padding:3.5rem 1.4em 3.5em 3.5em}
#street-4 .piece{position:relative;}
#street-4 .highlight{color:var(--hs--color-streetscape-alt)}
#street-4 .tree-img{color:var(--hs--color-streetscape);border:2px solid var(--hs--color-streetscape);box-shadow: 8px 8px 0px 0px var(--hs--color-streetscape);position:relative}
.trees-infographics{display:flex;flex-wrap:wrap;}
.trees-infographics .col{width:30vw;margin-top:1rem;opacity:0}
.trees-infographics .col:nth-child(even){margin-left:10vw}
.trees-infographics .img1{width:100%}
.trees-infographics .img2 {position:absolute;width:100%;top:0;left:0;opacity:0}
.trees-infographics .col p{font-size:.8em;position:relative;padding-top:1rem}

#street-5{padding-top:8rem;background:#fff;min-height:auto;}
#street-5 .bkg-panel{display:none}
#street-5 .top-panel{width:70vw;margin-left:20vw;}
#street-5 .top-panel .title{color:var(--hs--color-streetscape-alt2);font-weight:bold}
#street-5 .top-panel .text-wrap{position:relative;min-height:33vh}
#street-5 .top-panel .text{position:absolute;top:0;opacity:0;transition:opacity 500ms;}
#street-5 .top-panel .active-1 .text-1{opacity:1}
#street-5 .top-panel .active-2 .text-2{opacity:1}
#street-5 .top-panel .active-3 .text-3{opacity:1}
#street-5 .top-panel .active-4 .text-4{opacity:1}
#street-5 .img-scroll-wrap {position:relative;height:40vh;overflow: hidden;}
#street-5 .img-scroll {position:absolute;
  display: flex;
  flex-direction:row-reverse;
  align-items: center;
  justify-content: flex-start;
  height: 40vh}
#street-5 .img-slide {position:relative;height:40vh;width:100vw}
#street-5 .img-slide img {height:100%;width:100%;object-fit:cover}
#street-5 .img-slide .popover{position:absolute;color:#222;border:2px solid var(--hs--color-streetscape);box-shadow: 8px 8px 0px 0px var(--hs--color-streetscape);z-index:2;bottom:2rem;left:2rem;padding: 1rem 1rem 0.5rem;max-width: 90vw;}
#street-5 .img-slide-1 .popover{left:1rem}
#street-5 .img-slide-2 .popover{left:auto;right:2rem}
#street-5 .img-slide-3 .popover{left: auto;
    right: 2rem;
    bottom: auto;
    top: 2rem;
    max-width: 41vw;}
#street-5 .img-slide-4 .popover{left:auto;right:2rem;
    bottom: auto;
    top: 2rem;
    max-width: 60vw;}
#street-5 .img-slide-5 .popover{max-width: 42vw;}
#street-5 .img-slide-6 .popover{left:auto;right:2rem;
    bottom: auto;
    top: 2rem;
    max-width: 35vw;}
#street-5 .end-text p{width:50vw;margin:10vh 10vh}
#street-5 .end-text .highlight{color:var(--hs--color-streetscape);}

#street-6 .bkg-panel{width:100vw;height:100vh;position:relative}
#street-6 .bkg-panel .block{width:20vw;height:8vh;position:absolute;right:0;top:11vh;background:var(--hs--color-streetscape-alt)}
#street-6 .bkg-panel .block-2{width:95vw;height:12vh;top:18vh}
#street-6 .bkg-panel .img{width:100vw;height:40vh;position:absolute;top:30vh}
#street-6 .bkg-panel img{width:100vw;height:40vh;object-fit:cover}
#street-6 .bkg-panel .img-2{opacity:0}
#street-6 .bkg-panel .img-3{opacity:0}
#street-6 .bkg-panel .img-4{opacity:0}
#street-6 .panel{width:100vw;height:100vh;position:relative;}
#street-6 .panel-1{height:50vh;}
#street-6 .panel-1-2{height:50vh;}
#street-6 .boxed{background:#fff;padding:1.4rem;margin:0 12vw}
#street-6 .title{color:var(--hs--color-streetscape-alt2);font-weight:bold}
#street-6 .boxed .text{margin-top:1.5rem}

#street-7{color:#fff}
#street-7 .bkg-panel{width:100vw;height:100vh}
#street-7 .bkg-panel .img{width:100vw;height:100vh}
#street-7 .bkg-panel .img img{width:100vw;height:100vh;object-fit:cover}
#street-7 .park-img{color:var(--hs--color-streetscape-alt);border:2px solid var(--hs--color-streetscape-alt);box-shadow: 8px 8px 0px 0px var(--hs--color-streetscape-alt);position:relative;}
.park-infographics{display:flex;flex-wrap:wrap;position:absolute;top:0;left:0;width:70vw;margin:10vh 0 0 15vw}
.park-infographics .col{width:30vw;margin-top:1rem;opacity:0}
.park-infographics .col:nth-child(even){margin-left:10vw}
.park-infographics .img1{width:100%}
.park-infographics .img2 {position:absolute;width:100%;top:0;left:0;opacity:0}
.park-infographics .col p{font-size:.8em;position:relative;padding-top:1rem}
#street-7 .panel-space{
    position: relative;
    width: 5vw;
    height:50vh;
}
#street-7 .panel{
    position: relative;
    width: 75vw;
    margin-left: 20vw;
}
#street-7 .panel .popover{color:#222}
#street-8 .panel .popover{color:#222}

#street-8 .bkg-panel{width:100vw;height:100vh;background:var(--hs--color-streetscape-alt);}
#street-8 .bkg-panel .img{position:absolute;}
#street-8 .bkg-panel .img-1{width:100vw;height:50vw;left:0;bottom:15vh;opacity:0}
#street-8 .bkg-panel .img-2{width:100vw;height:50vw;left:0;bottom:15vh;opacity:0}
#street-8 .bkg-panel .img-3{width:50vw;height:50vw;right:0;top:13vh;}
#street-8 .bkg-panel .popover{position:absolute;max-width:38vw;right:7vw;top:calc(50vw + 10vh);opacity:0;font-size:.8em;padding:1rem 1rem .5rem}
#street-8 .bkg-panel .img img{width:100%;height:100%;object-fit:cover}
#street-8 .panel{position: relative;}
#street-8 .panel-1{height:100vh}
#street-8 .panel-2{padding:0 1.4rem}
#street-8 .panel-3{height:50vh}
#street-8 .panel-4{padding:0 1.4rem}
#street-8 .panel-5{height:100vh}

#street-9 .bkg-panel{width:100vw;height:100vh;background:var(--hs--color-streetscape-alt);}
#street-9 .bkg-panel .block-1{position:absolute;width:100vw;height:66vh;left:0;top:0;background:#fff}
#street-9 .bkg-panel .block-2{position:absolute;width:100vw;height:5vh;left:0;bottom:0;background: #fff;}
#street-9 .bkg-panel .videowrap{position:absolute;width:80vw;right:0;top:30vh;}
#street-9 .bkg-panel .videowrap video{width:100%;height:100%;object-fit:cover}
#street-9 .bkg-panel .img{position:absolute;width:70vw;height:50vw;left:1.4rem;bottom:5vh;opacity:0}
#street-9 .bkg-panel .img img{width:100%;height:100%;object-fit:cover}
#street-9 .bkg-panel .popover{position:absolute;max-width:38vw;right:7vw;bottom:2vh;opacity:0;font-size:.8em;padding:1rem 1rem .5rem}
#street-9 .panel{position: relative;}
#street-9 .panel-1{height:25vh}
#street-9 .panel-2{margin-left:15vw;width:75vw;background:#fff;padding:1.4rem 1.4rem .5rem;}
#street-9 .panel-3{height:100vh}


#energetic-clean-safe-streets .section-color{background:#fff;color:#000;border:2px solid var(--hs--color-energetic);box-shadow: 8px 8px 0px 0px var(--hs--color-energetic);}
#energetic-clean-safe-streets .highlight{color:var(--hs--color-energetic-alt);}
#energetic-clean-safe-streets .title{line-height:1.1;margin-bottom:1rem;}
#energetic-clean-safe-streets .title-overlay .section-title{color:var(--hs--color-energetic-alt);opacity:0}
#energetic-clean-safe-streets .altcolor .section-title{color:var(--hs--color-energetic);}
#energetic-1 .bkg-panel{position:relative;width:100vw;height:100vh;}
#street-video{position:absolute;width:100%;height:100%;object-fit:cover;}
#energetic-1 .bkg-panel .here{position:absolute;width:50vw;right:0;bottom:0}
#energetic-1 svg path{fill:var(--hs--color-future)}
#energetic-1 .panel-1{height:100vh}
#energetic-1 .panel-2{height:100vh}

#energetic-2 .bkg-panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-energetic);}
#energetic-2 .bkg-panel .img{position:absolute;}
#energetic-2 .bkg-panel .img-1{width:66vw;height:85vw;right:0;bottom:0;}
#energetic-2 .bkg-panel .img-2{width:60vw;height:70vw;right:0;bottom:0;}
#energetic-2 .bkg-panel .img img{width:100%;height:100%;object-fit:cover}
#energetic-2 .bkg-panel .now{position:absolute;width:42vw;left:28vw;bottom:20vw;}
#energetic-2 svg path{fill:var(--hs--color-future)}
#energetic-2 .panel{position: relative;}
#energetic-2 .panel-1{height:100vh}
#energetic-2 .panel-2{margin-left:15vw;width:75vw;}
#energetic-2 .panel-3{height:50vh}
#energetic-2 .panel-4{margin-left:15vw;width:75vw;}
#energetic-2 .panel-5{height:40vh}
#energetic-2 .stats{margin:1rem 0 1rem;display:flex;text-align:center;}
#energetic-2 .stats .col+.col{margin-left:2rem}
#energetic-2 .stats .number{color:var(--hs--color-energetic-alt);font-size:4em}
#energetic-2 .stats .label{font-size:.9em}

#energetic-3{background:var(--hs--color-energetic);}
#energetic-3 .img-scroll-wrap {position:relative;height:50vh;overflow: hidden;}
#energetic-3 .img-scroll {position:absolute;
  display: flex;
  flex-direction:row-reverse;
  align-items: center;
  justify-content: flex-start;
  height: 50vh}
#energetic-3 .img-slide {position:relative;height:50vh;width:100vh}
#energetic-3 .img-slide img {height:100%;width:100%;object-fit:cover}
#energetic-3 .panel{position: relative;}
#energetic-3 .panel-1{padding:1.4rem 1.4rem 0}
#energetic-3 .panel-3{padding:0 1.4rem 1.4rem}
#energetic-3 .panel-4{height:20vh}

#energetic-4{background:var(--hs--color-energetic);}
#energetic-4 .panel{padding:10vh 1.4em 5vh}
#energetic-4 .panel .title{
    margin-left: 10vw;
    width: 50vw;
}
#energetic-4 .clean-img{color:var(--hs--color-energetic-alt);border:2px solid var(--hs--color-energetic-alt);box-shadow: 8px 8px 0px 0px var(--hs--color-energetic-alt);position:relative;}
.clean-infographics{display:flex;flex-wrap:wrap;width:70vw;margin:2rem 0 0 9vw}
.clean-infographics .col{width:30vw;margin-top:1rem;opacity:0}
.clean-infographics .col:nth-child(even){margin-left:10vw}
.clean-infographics .img1{width:100%}
.clean-infographics .img2 {position:absolute;width:100%;top:0;left:0;opacity:0}
.clean-infographics .col p{font-size:.8em;position:relative;padding-top:1rem}

#energetic-5{background:var(--hs--color-energetic);/*padding-top:11vh*/}
#energetic-5 .img-scroll-wrap {position:relative;height:50vh;overflow: hidden;}
#energetic-5 .img-scroll {position:absolute;
  display: flex;
  flex-direction:row-reverse;
  align-items: center;
  justify-content: flex-start;
  height: 50vh}
#energetic-5 .img-slide {position:relative;height:50vh}
#energetic-5 .img-slide img {height:50vh;width:auto}
#energetic-5 .text-slide {width: 80vw;}
#energetic-5 .popover {width:60vw;margin:10vh 0 0 30vw}
#energetic-5 .panel{position: relative;padding:8vh 1.4em 2vh}

#energetic-6{background:var(--hs--color-energetic)}
#energetic-6 .panel{position:relative;padding-top:10vh}
#energetic-6 .panel .block-1{position:absolute;top:0;left:0;width:10vw;height:100vh;background:#fff}
#energetic-6 .panel .block-2{position:absolute;top:40vh;right:0;width:10vw;height:15vh;background:var(--hs--color-energetic)}
#energetic-6 .panel .img{width:70vw;height:30vh;margin-left:10vw}
#energetic-6 .panel .img img{width:100%;height:100%;object-fit:cover}
#energetic-6 .panel .text{padding:5vh 20vw 5vh 10vw;background:#fff}

#energetic-7{background:var(--hs--color-energetic);}
#energetic-7 .bkg-panel{position:absolute;width:100vw;height:100vh;background:var(--hs--color-energetic);}
#energetic-7 .bkg-panel .block{position:absolute;background:#fff}
#energetic-7 .bkg-panel .block-1{width:50vw;height:10vh;right:0;top:0;}
#energetic-7 .bkg-panel .block-2{width:100vw;height:100vh;right:0;top:10vh;}
#energetic-7 .panel{position:relative}
#energetic-7 .panel .img-1{position:absolute;width:30vw;height:30vw;right:0;top:5vh;opacity:0}
#energetic-7 .panel .img img{width:100%;height:100%;object-fit:cover}
#energetic-7 .panel .text{position:relative;width:90vw;padding:20vh 0 0 10vh}
#energetic-7 .panel .img-2{position:relative;width:45vw;margin:0 0 0 5vw}
#energetic-7 .panel .img-3{position:relative;width:45vw;margin:-19vh 0 0 27vw;}

#energetic-8{background:var(--hs--color-energetic);}
#energetic-8 .panel{position:relative;padding-bottom:1vw}
#energetic-8 .panel .img img{width:100%;height:100%;object-fit:cover}
#energetic-8 .panel .img-1{position:absolute;width:60vw;height:60vw;left:0;top:0;opacity:0}
#energetic-8 .panel .img-2{position:absolute;width:40vw;height:40vw;right:0;top:0;opacity:0}
#energetic-8 .panel .text-1{position:relative;width:80vw;padding:35vh 0 0 18vw}
#energetic-8 .panel .videowrap{position:relative;width:82vw;margin:5vh 0 0 18vw}
#energetic-8 .panel .videowrap video{width:100%;height:100%;object-fit:cover}
#energetic-8 .panel .text-2{position:relative;width:80vw;padding:5vh 0 0 18vw}
#energetic-8 .panel .img-3{position:relative;width:90vw;height:50vw;margin:60vw 0 0 0}
#energetic-8 .panel .popover{position:relative;    width: 72vw;
    margin: -110vw 0 75vw 5vw;}

#energetic-9 .bkg-panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-energetic);}
#energetic-9 .bkg-panel .img{position:absolute;opacity:0}
#energetic-9 .bkg-panel .img img{width:100%;height:100%;object-fit:cover;}
#energetic-9 .bkg-panel .img-1{left:0;top:50vw;width:75vw;height:75vw;}
#energetic-9 .bkg-panel .img-2{left:0;top:125vw;width:45vw;height:45vw;}
#energetic-9 .bkg-panel .img-3{right:0;top:10vh;width:40vw;height:40vw;}
#energetic-9 .bkg-panel .img-4{right:0;bottom:15vh;width:55vw;height:55vw;}
#energetic-9 .bkg-panel .title{position:absolute;top:14vh;left:15vw}
#energetic-9 .panel .popover{position:relative;margin-left:10vw;width:45vw;font-size:.9em;color:#222}
#energetic-9 .panel .popover-2{margin-left:50vw;}
#energetic-9 .panel-2{position:relative;height:50vh;}


#energetic-10 .bkg-panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-energetic);}
#energetic-10 .bkg-panel .img{position:absolute;left:0;top:0;width:100vw;height:100vh;}
#energetic-10 .bkg-panel .img img{object-position:right top;}
#energetic-10 .img img{width:100%;height:100%;object-fit:cover;}
#energetic-10 .panel{position:relative;}
#energetic-10 .panel-1 .popover{position:relative;margin-left:10vw;width:65vw;font-size:.9em;color:#222}
#energetic-10 .panel-1{height:100vh}
#energetic-10 .panel-2 .block{position:absolute;width:65vw;height:15vh;background:var(--hs--color-energetic);top:0;left:0}
#energetic-10 .panel-2 .block-2{width:100vw;height:85vh;background:var(--hs--color-energetic);top:15vh;left:0}
#energetic-10 .panel-2 .img-group{position:relative;padding-top:10vh}
#energetic-10 .panel-2 .img-1{width:40vw;height:40vw;opacity:0}
#energetic-10 .panel-2 .img-2{width:60vw;height:50vw;margin:0 0 0 5vw;display:inline-block;opacity:0}
#energetic-10 .panel-2 .img-2 img{object-position:left center;}
#energetic-10 .panel-2 .img-3{width:35vw;height:50vw;display:inline-block;opacity:0}
#energetic-10 .panel-2{height:100vh}
#energetic-10 .panel-3{padding: 0 0 10vh 10vh}
#energetic-10 .panel-3 .popover{width:65vw;font-size:.9em;color:#222;}

#energetic-11 .panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-energetic);}

#energetic-11 .panel .text{position:absolute;width:68vw;top:15vh;left:10vw}
#energetic-11 .panel .img{position:absolute;width:45vw}
#energetic-11 .panel .img-1{top:40vh;left:10vw;}
#energetic-11 .panel .img-2{top:55vh;left:20vw;}
#energetic-11 .panel .img-3{top:45vh;right:10vw;}
#energetic-11 .img img{width:100%;height:100%;object-fit:cover;}


#supporting-our-stakeholders{background:var(--hs--color-supporting);}
#supporting-our-stakeholders .section-color{background:#fff;color:#000;border:2px solid var(--hs--color-supporting-alt);box-shadow: 8px 8px 0px 0px var(--hs--color-supporting-alt);}
#supporting-our-stakeholders .highlight{color:var(--hs--color-supporting-alt);}
#supporting-our-stakeholders .title{line-height:1.1;margin-bottom:1rem;}
#supporting-our-stakeholders .title-overlay .section-title{color:var(--hs--color-supporting-alt);opacity:0}

#supporting-our-stakeholders .title-overlay.white .section-title{color:#fff}
#supporting-our-stakeholders .title-overlay.light .section-title{color:var(--hs--color-supporting)}


#supporting-1 .bkg-panel{position:relative;width:100vw;height:100vh;}
#supporting-1 .bkg-panel .img{position:absolute;left:0;top:0;width:100vw;height:100vh;}
#supporting-1 .bkg-panel .img img{object-position:25% center;}
#supporting-1 .img img{width:100%;height:100%;object-fit:cover;}
#supporting-1 .panel{position:relative;width:100vw;height:100vh;}
#supporting-1 .panel .img{position:absolute;width:100vw;height:100vh;}
#supporting-1 .panel .img img{width:100%;height:100%;object-fit:cover;}
#supporting-our-stakeholders #supporting-1 .title{
    margin: 0;
    padding: 11vh 1.4rem 1rem;
    background: var(--hs--color-supporting);color:#fff;
    position:relative
}
#supporting-1 .text{
    margin: 0 0 0 40vw;
    padding: .5rem 1.4rem;
    background: var(--hs--color-supporting);
    position:relative
}
#supporting-1 .popover{width:55vw;margin:5vh 0 0 30vw}


#supporting-2{background:var(--hs--color-supporting);}
#supporting-2 .bkg-panel{position:relative;width:100vw;height:100vh;}
#supporting-2 .bkg-panel .img{position:absolute;right:0;top:0;width:90vw;height:50vh;}
#supporting-2 .img img{width:100%;height:100%;object-fit:cover;}
#supporting-2 .img-panel{position:relative;width:100vw;height:190vh}
#supporting-2 .img-panel .img{position:absolute;width:40vw;height:40vw;opacity:0}
#supporting-2 .img-panel .img-1{right:0;top:0;}
#supporting-2 .img-panel .img-2{right:20vw;top:15vh;}
#supporting-2 .img-panel .img-3{right:50vw;top:10vh;}
#supporting-2 .img-panel .img-4{right:40vw;top:30vh;}
#supporting-2 .img-panel .img-5{width:90vw;height:90vw;left:0;top:100vh;}
#supporting-2 .panel-1{position:absolute;left:0;top:0;width:100%}
#supporting-2 .panel-1 .popover{position:relative;color:#222}
#supporting-2 .panel-1 .popover-1{width:70vw;margin:50vh 0 10vh 5vw;}
#supporting-2 .panel-1 .popover-2{width:50vw;margin:0 0 55vh 20vw;}
#supporting-2 .panel-1 .popover-3{width:60vw;margin:0 0 5vh 30vw;}
#supporting-2 .panel-1 .popover-4{width:75vw;margin:0 0 20vh 5vw;}
#supporting-2 .panel-1 .popover-5{width:85vw;margin:0 0 0 13vw;}


#supporting-3 .bkg-panel{position:relative;width:100vw;height:100vh;}
#supporting-3 .bkg-panel .img{position:absolute;right:0;top:0;width:100vw;height:100vh;}
#supporting-3 .img img{width:100%;height:100%;object-fit:cover;object-position:right center}
#supporting-3 .panel-1{position:relative;width:100vw;height:100vh;}
#supporting-3 .panel-1 .img{position:absolute;width:60vw}
#supporting-3 .panel-1 .img-1{top:0;left:10vw;}
#supporting-3 .panel-1 .img-2{top:10vh;right:5vw;}
#supporting-3 .panel-1 .img-3{top:30vh;left:5vw;}
#supporting-3 .panel-1 .img-4{top:40vh;right:10vw;}
#supporting-3 .panel-1 .popover{position:absolute;width:80vw;top:60vh;left:15vw;color:#222}


#supporting-4{background:var(--hs--color-supporting);}
#supporting-4 .img-panel{position:relative;width:100vw;height:130vw}
#supporting-4 .img-panel .img{position:absolute;width:45vw}
#supporting-4 .img-panel .img-1{top:5vh;left:10vw;}
#supporting-4 .img-panel .img-2{top:20vh;left:20vw;}
#supporting-4 .img-panel .img-3{top:10vh;right:10vw;}
#supporting-4 .img-panel .img-4{top:5vh;left:5vw;}
#supporting-4 .img-panel .img-5{top:20vh;left:25vw;}
#supporting-4 .img-panel .img-6{top:10vh;right:5vw;}
#supporting-4 .img img{width:100%;height:100%;object-fit:cover;}
/*#supporting-3 .panel-1{position:relative;width:100vw;}
#supporting-3 .panel-2{position:relative;width:100vw;}
#supporting-3 .panel-3{position:relative;width:100vw;}*/
#supporting-4 .title{
    margin: 0 1.4rem;
    padding: 3rem 1.4rem 0.5rem;color:#fff;
}
#supporting-4 .text{
    margin: 0 1.4rem;
    padding: .5rem 1.4rem;
}
#supporting-4 .sos-numbers{
    margin: 0 1.4rem;
    padding: .5rem 1.4rem;
}

#supporting-4 .number{color:var(--hs--color-supporting-alt);font-size:4em}
#supporting-4 .label{font-size:.9em}
#supporting-4 #sos-numbers-2{padding-bottom:10vh}




#planning-for-the-future .section-color{background:#fff;color:var(--hs--color-future-alt) !important;border:2px solid var(--hs--color-future-alt);box-shadow: 8px 8px 0px 0px var(--hs--color-future-alt);font-weight:bold}
#planning-for-the-future .highlight{color:var(--hs--color-future-alt);}
#planning-for-the-future .title{line-height:1.1;margin-bottom:1rem;}
#planning-for-the-future .section-title{color:var(--hs--color-future);
position: absolute;
top: 10rem;
left: 2.5rem;
z-index: 3;
transform: rotate(90deg);
transform-origin: bottom left;
font-size: 2.5em;
line-height: 1.1;
text-indent: -1em;
font-weight: bold;
}


#planning-1 .bkg-panel{position:relative;width:100vw;height:100vh;}
#planning-1 .bkg-panel .img{position:absolute;width:100vw;height:100vh;}
#planning-1 .bkg-panel .img img{width:100%;height:100%;object-fit:cover;}
#planning-1 .bkg-panel .img-2{opacity:0}
#planning-1 .bkg-panel .next {
    position: absolute;
    opacity: 0;
    width: 30vw;
    right: 10vw;
    top: 20vh;
}
#planning-1 .bkg-panel .now {
    position: absolute;
    opacity: 0;
    width: 27vw;
    left: 10vw;
    bottom: 5vh;
}
#planning-1 .bkg-panel path {fill:var(--hs--color-future);}

#planning-1 .panel{position:relative;width:100vw;height:50vh;}
#planning-1 .panel-1 .popover{width:70vw;margin-left:28vw}
#planning-1 .panel-2 .popover{width:80vw;margin-left:8vw}
#planning-1 .panel-2{height:100vh}
#planning-1 .panel-3 .popover{width:65vw;margin-left:17vw}
#planning-1 .panel-4{height:50vh}

#planning-2{width:100vw;height:100vh;background:var(--hs--color-future);}
#planning-2 .container{position:relative;height:100vh;overflow:hidden}
#planning-2 .photos{position:absolute;height:100vh;display:flex;flex-wrap:nowrap;flex-direction:row-reverse;}

#planning-2 .photos .img{position:relative;height:100vh;width:400vw}
#planning-2 .bkg-photo{height:100%;width:100%;object-fit:cover}
#planning-2 .popover{position:absolute;z-index:2;max-width:100vw;color:#222}
#planning-2 .popover-1{right:10vw;bottom:10vh;width:78vw}
#planning-2 .popover-2{left:45vw;top:15vh;width:64vw}
#planning-2 .popover-3{right:20vw;bottom:12vh;width:69vw}
#planning-2 .popover-4{left:50vw;top:14vh;width:85vw}
#planning-2 .popover-5{right:20vw;top:14vh;width:71vw}
#planning-2 .popover-6{left:25vw;bottom:15vh;width:72vw}
#planning-2 .popover-7{left:9vw;bottom:10vh;width:80vw}

#planning-3 .highlight{color:var(--hs--color-future);}
#planning-3 .bkg-panel{position:relative;width:100vw;height:100vh;background:var(--hs--color-future-alt);}
#planning-3 .block{position:absolute;top:0;background:#fff;}
#planning-3 .block-1{left:0;height:20vh;width:40vw}
#planning-3 .block-2{right:0;height:10vh;width:10vh}
#planning-3 .text{position:absolute;left:50%;top:50%;width:70vw;transform:translate(-50%, -50%);color:#fff}
#planning-3 .block-3{left:0;bottom:0;top:auto;height:10vh;width:40vw;background:var(--hs--color-financials);}

#financials-1{padding:10vh 1.4rem 4vh;background:var(--hs--color-financials);}
#financials-1 .text{color:#fff}
#financials-1 ul{list-style:none;margin:2rem 0 0;padding:0;columns: 2;}
#financials-1 li{margin:0 0 1rem 0;-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;}

#financials-2{padding:10vh 1.4rem 4vh;background:var(--hs--color-financials);}
#financials-2 .text{color:#fff}
#financials-2 .title{color:#fff;margin:2rem 0 0;}
#financials-2 ul{list-style:none;margin:0;padding:0;columns: 2;}
#financials-2 li{margin:0 0 1rem 0;-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid-column;}

#financials-3 .financials-outer{padding:10vh 1.4rem 4vh;}
#financials-3 .medium-text{color:var(--hs--color-financials);margin-bottom:1rem}

#financials-3 .financial-download{display:block;border:2px solid var(--hs--color-future);position:relative;padding:1rem 0 0 1rem}
#financials-3 .img{width:100%;}
#financials-3 .img img{width:100%;height:100%;object-fit:cover;}
#financials-3 .arrow-wrap{position:absolute;bottom:-4rem}
#financials-3 .arrow{display:block;width:2rem}
#financials-3 .svg{width:100%;height:100%;object-fit:cover;}
#financials-3 .label{display:block;color:var(--hs--color-future);width: 55%;}
#financials-3 .block-1{height:10vh;width:100vw;background:var(--hs--color-financials);}
#financials-3 .block-2{height:5vh;width:40vw;background:var(--hs--color-financials);margin-left:60vw}
            
            
            
@media (max-width: 781px){
  .hide-on-mobile{display:none}
  .mobile-deactive{opacity:0}
  
#street-6 .bkg-panel .block{width:20vw;height:8vh;position:absolute;right:0;top:11vh;background:var(--hs--color-streetscape-alt)}
#street-6 .bkg-panel .block-2{width:95vw;height:12vh;top:18vh}
}

@media (min-width: 782px){
  .hide-on-desktop{display:none}

  html{font-size:1em;}
  #menu-trigger{display: none;}
  nav{display:flex;width:100%;background:#fff;justify-content:space-between}
  nav a{border-top:none;border-left:1px solid var(--hs--color-grey);padding:2rem 2rem 0 1rem;min-height:auto;font-size:.85em}
  nav a.logo{padding:1rem 4rem 1rem 3.5rem;flex-grow:1}
  nav a:not(.logo){transition:none;transform:none;padding-bottom: 0.75rem;
    padding-top: 0;
    display: flex;
    align-items: flex-end;}
  
  progress[value]{width: 100%}
  nav a progress{left:0;transform:none}

nav a:nth-child(2):hover{background:var(--hs--color-thisis);color:#fff;}
nav a:nth-child(3):hover{background:var(--hs--color-streetscape);color:#fff;}
nav a:nth-child(4):hover{background:var(--hs--color-energetic);}
nav a:nth-child(5):hover{background:var(--hs--color-supporting);color:#fff;}
nav a:nth-child(6):hover{background:var(--hs--color-future);color:#fff;}
nav a:nth-child(7):hover{background:var(--hs--color-financials);}
  
  main{font-size: 1.4em;}
  
  .medium-text{font-size:1.6em;line-height:1.1;}
  
  #intro-1 .panel-1 .title{width:85%;height:auto;}
  #intro-1 .panel-2 .sub-title{width:25%;font-size:1em;}
  
  
  #jeff-samara{float:right;margin-top:-2.5rem;border-left:none;width:40%}
  #intro-2 .text-wrap{float:left;margin-top:-5rem;background:var(--hs--color-intro);width:50%;padding:2.5rem 14vw 2.5rem 3.5rem}
  #intro-2 .text-wrap .medium-text{line-height:1.3;}
  
  .popover{font-size:1.1em}
  .popover.small-text{font-size:.8em}
  .popover-small{font-size:.5em}


#intro-3 .screen{position:relative;}
#intro-3 .screen .headline{position:relative;height:100vh}
#intro-3 .screen .headline .piece{padding:15vh 0 0 3.5rem;font-size:2em}
#intro-3 .screen .overlay{position:relative;height:80vh;padding:0 3.5rem}

#intro-3 .piece{width:40%;}
#intro-3 .headline .piece{width:40%;}
#intro-3 .screen-1 .headline .piece{width:40%;}

#intro-3 .screen-1 .overlay-1 .popover{margin-left:55%}
#intro-3 .screen-1 .overlay-2 .popover{margin-left:50%}
#intro-3 .screen-1 .overlay-3 .popover{margin-left:60%}

/*/#intro-3 .screen-2 .headline .piece{margin-left:50%;}*/
#intro-3 .screen-2 .overlay-1 .popover{/*margin-left:0*/margin-left:45%;}
#intro-3 .screen-2 .overlay-2 .popover{/*margin-left:10%*/margin-left:55%;}

#intro-3 .screen-3 .overlay-1 .popover{margin-left:50%}
#intro-3 .screen-3 .overlay-2 .popover{margin-left:60%}
#intro-3 .screen-3 .overlay-3 .popover{/*margin-left:0*/margin-left:55%;}

#intro-3 .screen-4 .overlay-1 .popover{/*margin-left:50%*/margin-left:50%}
#intro-3 .screen-4 .overlay-2 .popover{/*margin-left:60%*/margin-left:45%;}
#intro-3 .screen-4 .overlay-3 .popover{/*margin-left:0*/margin-left:60%;}

 /* #intro-3 .screen-1,
  #intro-3 .screen-2,
  #intro-3 .screen-3,
  #intro-3 .screen-4{padding:6rem 3.5rem 50vh}

  #intro-3 .piece{width:30%;}

  #intro-3 .screen-1 .piece-1{width:34%;padding-top:8rem}
  #intro-3 .screen-1 .piece-2{width:30%;margin:2.5rem 0 0 70%;z-index:1}
  #intro-3 .screen-1 .piece-3{margin:-2rem 0 0 50%;z-index:2}
  #intro-3 .screen-1 .piece-4{margin:-1rem 0 0 60%;z-index:3}

  #intro-3 .screen-2 .piece-1{margin:0 0 0 70%;padding-top:8rem}
  #intro-3 .screen-2 .piece-2{width:40%;margin:7rem 0 0 0}
  #intro-3 .screen-2 .piece-3{margin:2.5rem 0 0 20%;z-index:2}

  #intro-3 .screen-3 .piece-1{padding-top:8rem}
  #intro-3 .screen-3 .piece-2{width:34%;margin:3.5rem 0 0 50%;z-index:2}
  #intro-3 .screen-3 .piece-3{margin:-2rem 0 0 66%}
  #intro-3 .screen-3 .piece-4{margin:3rem 0 0 0}

  #intro-3 .screen-4 .piece-1{width:30%;padding-top:8rem}
  #intro-3 .screen-4 .piece-2{width:34%;margin:3.5rem 0 0 50%;z-index:2}
  #intro-3 .screen-4 .piece-3{margin:-1rem 0 0 66%}
  #intro-3 .screen-4 .piece-4{margin:3rem 0 0 0}*/
  
  #intro-4 .screen-1{padding:0 3.5rem 24rem;margin:0;width:100%;display:flex;justify-content:space-between;}
  #intro-4 .executives{width:34%;margin:0}
  #intro-4 .medium-text{width:50%}
  
  #this-1 .piece{width:30%;}
  #this-1 .screen-1{padding:6rem 3.5rem 2rem}
  
  #this-1 .screen-1 .piece-1 {
    width: 40%;
  }
  #this-1 .screen-1 .piece-2 {
    width: 34%;
    margin: 0;
    position:absolute;top:0;right:3.5rem;
  }
  #this-1 .screen-1 .piece-3 {
    width: 25%;
    margin: 5rem 0 0 -3.5rem;
    float:none;
    display:inline-block;
  }
  #this-1 .screen-1 .piece-4 {
    width: 35%;
    margin: 15vh 0 0 0;position:absolute;left:3.5rem;z-index:2
  }
  #this-1 .screen-1 .piece-5 {
    width: 55%;
    margin:10rem 0 0 50%;
  }
  #this-1 .screen-1 .piece-6 {
    width: 27%;
    margin:-30rem 0 15rem;
  }
  
#this-2 .photos .img{width:100vw}
#this-2 .piece-1{left:50%;top:35vh}
#this-2 .piece-2{right:-27%;top:48vh;width:45rem}
#this-2 .piece-3{left:10%;top:35vh}
#this-2 .piece-4{left:10%;top:12rem;width:45rem}
#this-2 .piece-5{right:40%;bottom:4rem;}
#this-2 .piece-6{right:37%;top:25vh;}
#this-2 .piece-7{left:2%;top:50vh;}
#this-2 .piece-8{left:40%;}
#this-2 .news{width:28vw}

  #this-3 .dogs{width:25%;margin-left:75%}
  #this-3 .cyclist{width:50%}
  #this-3 .text-1{margin:-15vw 3.4rem 3rem;width:30%}
  #this-3 .block-1{width:15vw;height:15vw;top:20vw}
  #this-3 .text-2{width:30%;right:18%;bottom:20vh}
  #this-3 .highlight{/*display:block*/}

#reimagining-title{height:50vh;}
#reimagining-title .section-title{top: 8rem;
left: 3rem;
font-size: 2.5em;}

#street-1 .bkg-panel .block-1{height:10rem;}
#street-1 .bkg-panel .block-2{top:10rem}

#street-1 .panel-1 .workmen{position:relative;width:40vw;margin:-60vh 0 0 30vw}
#street-1 .panel-1 .piece-1{margin:0 0 0 17vw;width:30vw;z-index:2}
#street-1 .panel-1 .officials{position:relative;width:25vw;margin:-15vh 0 0 70vw}
#street-1 .panel-1 .piece-2{margin:-5rem 0 0 50vw;width:36vw}
#street-1 .panel-1 .piece-3{margin:0;width:25vw;display:flex;text-align:center;position:absolute;right:2vw;top:-15vh}
#street-1 .panel-1 .piece-3 .col+.col{margin-left:2rem}
#street-1 .panel-1 .piece-3 .number{color:var(--hs--color-streetscape);font-size:4em}
#street-1 .panel-1 .piece-3 .label{font-size:.9em}

#street-1 .panel-2{position:relative;height:100vh}
#street-1 .panel-2 .piece-1{margin-left:0;width:35vw;position:absolute;right:5vw;top:0}
.beforeafter{margin-left:25vw;width:30vw;position:relative}
.beforeafter .popover{width:35%;left:-5vw;font-size:1.2em;}
#street-1 .panel-4{;height:80vh}


.tree-1{width:55vh;top:4rem;left:0;z-index:2}
.tree-2{width:25vh;top:4rem;bottom:auto;left:auto;right:75vh}
.tree-3{width:75vh;top:4rem;bottom:auto;right:0;z-index:2}
.tree-4{width:45vh;top:auto;bottom:0;left:0}
.tree-5{width:30vh;top:auto;bottom:0;right:60vh}
.tree-6{width:20vh;top:auto;bottom:0;right:10vh}
#street-2 .piece{transform:none}
#street-2 .piece-1{width:25vw;top:20vh;left:10vw;z-index:3}
#street-2 .piece-2{width:25vw;bottom:5vh;left:auto;right:10vw;z-index:3}
#street-2 .piece-3{width:25vw;top:50%;left:50%;transform:translate(-50%, -50%);z-index:4}

#street-3 .piece-1{width:30vw;top:15vh;left:15vw;font-size:1em}
#street-3 .piece-2{width:50%;}
#street-3 .piece-3{width:25vw;bottom:8vh;right:5vw;font-size:1em}
/*#street-3 .popover{font-size:.8em}*/


#street-4 .panel-1{padding:3.5rem 1.4em 3.5em 20vw}
.trees-infographics{display:flex;flex-wrap:wrap;}
.trees-infographics .col{width:15vw;margin:2rem 2vw 0 0}
.trees-infographics .col:nth-child(even) {margin-left:0}

#street-5{padding:0}
#street-5 .bkg-panel{display:block;position:absolute;z-index:4;top:0;width:22.6vw;height:100vh;background:var(--hs--color-streetscape-alt);}
#street-5 .bkg-panel .block{position:absolute;top:0;left:0;height:10rem;width:100%;background:#fff}
#street-5 .bkg-panel .block-2{position:absolute;top:10rem;left:auto;right:0;height:10rem;width:6rem;background:#fff}
#street-5 .top-panel{margin-left: 23vw;padding-top:10rem;width:auto}
#street-5 .top-panel .title{float:left;width:20vw}
#street-5 .top-panel .text-wrap{float:left;margin-left:2vw;width:50vw;min-height:33vh}
#street-5 .img-scroll-wrap {height:50vh;}
#street-5 .img-scroll {height: 50vh}
#street-5 .img-slide {height:50vh;width:50vw}
#street-5 .img-slide img {height:50vh;}
#street-5 .end-text {padding-left:23vw;width:100vw}
#street-5 .img-slide .popover{max-width:55%}
#street-5 .img-slide-1 .popover {width:73%}

#street-6 .bkg-panel .img{height:100vh;top:0}
#street-6 .bkg-panel img{height:100vh;}

#street-6 .bkg-panel .box{position:absolute;right:0;top:0;height:100vh;width:7vw;background:var(--hs--color-streetscape-alt);}

#street-6 .boxed{position:absolute;width:40vw;margin:0;right:0;top:1vh;padding:6rem 7vw 4rem 5rem}

.park-infographics .col {
    width: 14vw;
    margin-right: 5vw;
}
.park-infographics .col:nth-child(even){margin-left:0}
#street-7 .panel {
    width: 30vw;
    margin-left: 60vw;
}
#street-7 .panel .popover{
font-size:1em;
}

#street-8 .bkg-panel .img-3{width:35vh;height:35vh}
#street-8 .bkg-panel .popover {
    max-width: 18vw;
    right: 26vh;
    top: 26vh;
    padding: 1rem 1rem 0;
}
#street-8 .bkg-panel .img-1 {
    width: 68vw;
    height: 57vh;
    left: auto;
    right: 6vw;
    bottom: 0;
}
#street-8 .bkg-panel .img-2 {
    width: 68vw;
    height: 57vh;
    left: auto;
    right: 6vw;
    bottom: 0;
}
#street-8 .panel .popover {font-size:1em}
#street-8 .panel-2 {
    padding: 0;
    width: 33vw;
    margin-left: 16vw;
}
#street-8 .panel-4 {
    padding: 0;
    width: 33vw;
    margin-left: 16vw;
}

#street-9 .bkg-panel .block-1 {
    width: 15vw;
    height: 100vh;
}
#street-9 .bkg-panel .block-2 {
    height: 7vh;
}
#street-9 .bkg-panel .img {
    width: 33vw;
    height: 17vw;
    left: auto;
    right: 42vw;
    bottom: 0;
}
#street-9 .bkg-panel .videowrap {
    width: 45vw;
    height: 45vw;
    right: 0;
    top: auto;
    bottom: 0;
}
#street-9 .bkg-panel .popover {
    max-width: 30vw;
    right: auto;
    left: 15vw;
    bottom: 20vh;
}
#street-9 .panel-2 {
    margin-left: 20vw;
    width: 30vw;
    background: none;
}


#energetic-1 .bkg-panel .here{width:25vw;bottom:15vh}

#energetic-2 .bkg-panel .img-1{width:40vw;height:100vh;}
#energetic-2 .bkg-panel .img-2{width:25vw;height:25vw;right:25vw;bottom:10vh;}
#energetic-2 .bkg-panel .now{width:25vw;left:auto;right:0;bottom:1vh;}
#energetic-2 .panel-1{height:50vh}
#energetic-2 .panel-2{margin-left:14vw;width:30vw;}
#energetic-2 .panel-3{height:0}
#energetic-2 .panel-4{margin-left:14vw;width:30vw;}
#energetic-2 .panel-5{height:40vh}

#energetic-3 .img-scroll-wrap {height:100vh;z-index:1}
#energetic-3 .img-scroll {height: 100vh}
#energetic-3 .img-slide {height:100vh;width:200vh}
#energetic-3 .panel-1{padding:0;position:absolute;top:12vh;right:6vw;width:33vw}
#energetic-3 .panel-3{padding:0;position:absolute;top:20vh;left:14vw;width:30vw;opacity:0}
#energetic-3 .panel-4{height:20vh}

#energetic-4 .panel .title {
    margin-left: 20vw;
    width: 23vw;
}
.clean-infographics {
    display: flex;
    flex-wrap: wrap;
    width: 60vw;
    margin: 2rem 0 0 20vw;
}
.clean-infographics .col {
    width: 14vw;
    margin-right: 5vw;
}
.clean-infographics .col:nth-child(even){margin-left:0}


#energetic-5 .img-scroll-wrap {height:100vh;}
#energetic-5 .img-scroll {height: 100vh}
#energetic-5 .img-slide {height:100vh}
#energetic-5 .img-slide img {height:100vh}
#energetic-5 .text-slide {width: 40vw;}
#energetic-5 .popover {width:30vw;margin:10vh 0 0 20vw}
#energetic-5 .panel-1{padding:5vw;position:absolute;bottom:0;right:0;width:45vw;background:var(--hs--color-energetic);z-index:1}

#energetic-6 .panel .block-1{width:12vw}
#energetic-6 .panel .block-2 {
    top: auto;
    width: 50vw;
    height: 30vh;
    background: #fff;
    bottom: 0;
}
#energetic-6 .panel .img{position:absolute;
    width: 35vw;
    height: 40vh;
    margin: 0;
    left: 52vw;
    top:20vh
}
#energetic-6 .panel .text {
    padding: 5vh 8vw 5vh 5vw;
    width:40vw;
    margin-left: 12vw;
}
#energetic-7 .bkg-panel .block-1 {
    width: 50vw;
    height: 100vh;
    right: 0;
    top: 0;
}
#energetic-7 .bkg-panel .block-2 {
    display: none;
}

#energetic-7 .panel .img-1 {
    position: absolute;
    width: 20vw;
    height: 20vw;
    right: 0;
    top: 0;
}
#energetic-7 .panel .text {
    position: relative;
    width: 95vw;
    padding: 20vh 0 0 54vw;
}
#energetic-7 .panel .text p.first {
  margin-right:18vw
}
#energetic-7 .panel .img-2 {
    position: relative;
    width: 23vw;
    margin: -85vh 0 0 15vw;
}
#energetic-7 .panel .img-3 {
    position: relative;
    width: 23vw;
    margin:-10vh 0 10vh 25vw;
}


#energetic-8 .panel {padding-bottom:6vw}
#energetic-8 .panel .img-1 {
    width: 40vw;
    height: 40vw;
}
#energetic-8 .panel .img-2 {
    width: 26vw;
    height: 26vw;
    top: 23vh;
}
#energetic-8 .panel .text-1 {
    width: 70vw;
    padding: 35vh 0 0 44vw;
}
#energetic-8 .panel .videowrap {
    width: 44vw;
    margin: 5vh 0 0 40vw;
}
#energetic-8 .panel .text-2{width:44vw;padding:5vh 0 0 18vw}
#energetic-8 .panel .img-3{width:40vw;height:20vw;margin:-25vw 0 0 60vw}
#energetic-8 .panel .popover{width:28vw;margin:-2vw 0 0 55vw;}

#energetic-9 .bkg-panel .img-1 {
    left: 0;
    top: 14vh;
    width: 40vw;
    height: 40vw;
}
#energetic-9 .bkg-panel .img-2 {
    left: 30vw;
    top: 48vh;
    width: 25vw;
    height: 25vw;
}
#energetic-9 .bkg-panel .img-3 {
    right: 25vw;
    top: 25vh;
    width: 20vw;
    height: 20vw;
    z-index: 2;
}
#energetic-9 .bkg-panel .img-4 {
    right: 0;
    bottom: auto;
    top: 36vh;
    width: 30vw;
    height: 30vw;
}
#energetic-9 .bkg-panel .title {
    top: 15vh;
    left: 44vw;
}
#energetic-9 .panel .popover {
    margin-left: 22vw;
    width: 23vw;
}
#energetic-9 .panel .popover-2 {
    margin-left: 65vw;
}

#energetic-10{background:var(--hs--color-energetic)}
#energetic-10 .panel-1 .popover {
    margin-left: 15vw;
    width: 24vw;
}

#energetic-10 .panel-2 .block {
    width: 55vw;
    height: 16vh;
    top: 15vh;
}
#energetic-10 .panel-2 .block-2 {
    width: 100vw;
    height: 75vh;
    top: 30vh;
}
#energetic-10 .panel-2 .img-1 {
    width: 25vw;
    height: 25vw;
    margin: 5vh 0 0 30vw;
    position:relative;z-index:4
}
#energetic-10 .panel-2 .img-2 {
    width: 40vw;
    height: 20vw;
    margin: 5vh 0 0 45vw;
}
#energetic-10 .panel-2 .img-3 {
    width: 15vw;
    height: 15vw;
    position: absolute;
    top: 40vh;
    left: 15vw;
}
#energetic-10 .panel-3 .popover {
    width: 25vw;
    margin-left: 60vw;
}
#energetic-10 .panel-4 {
    height:50vh
}


#energetic-11 .panel {height:110vh}
#energetic-11 .panel .text {
    width: 30vw;
    top: 10vh;
    left: 14vw;
}
#energetic-11 .panel .img {
    width: 23vw;
}
#energetic-11 .panel .img-1 {
    top: 0;
    left: auto;
    right: 5vw;
}
#energetic-11 .panel .img-2 {
    top: 25vh;
    left: auto;
    right: 20vw;
}
#energetic-11 .panel .img-3 {
    top: 40vh;
    right: auto;
    left: 20vw;
}

#supporting-title{height:50vh}
#supporting-our-stakeholders #supporting-1 .title {
    padding: 2rem 0;
    position: absolute;
    margin: 0;
    top: 10vh;
    left: 20vw;
    width: 40vw;
}

#supporting-1 .bkg-panel .img{left:auto;right:0;top:auto;bottom:0;width:80vw;height:75vh;}
#supporting-1 .text {
    margin: 0;
    padding: 2rem 10vw 2rem 3.5rem;
    position: absolute;
    top: 10vh;
    right: 0;
    width: 40vw;
}
#supporting-1 .popover {
    width: 29vw;
    margin: 0;
    position: absolute;
    top: 50vh;
    right: 5vh;
}

#supporting-2 .img-panel {
    height: 180vh;
}
#supporting-2 .img-panel .block{position:absolute;background:#fff}
#supporting-2 .img-panel .block-1{bottom:0;left:0;height:65vh;width:100vw}
#supporting-2 .img-panel .block-2{bottom:64vh;left:0;height:13vh;width:85vw}
#supporting-2 .img-panel .block-3{bottom:76vh;left:6vw;height:10vh;width:79vw}

#supporting-2 .bkg-panel .img{right:0;top:0;width:60vw;height:70vh;}
#supporting-2 .img-panel .img{width:30vw;height:30vw;}
#supporting-2 .img-panel .img-2{right:14vw;top:16vw;}
#supporting-2 .img-panel .img-3{right:44vw;top:10vw;}
#supporting-2 .img-panel .img-4{right:58vw;top:26vw;}
#supporting-2 .img-panel .img-5 {
    width: 50vw;
    height: 50vw;
    left: 30vw;
    top: 90vh;
}
#supporting-2 .panel-1 .popover{font-size:1em}
#supporting-2 .panel-1 .popover.small-text{font-size:.8em}
#supporting-2 .panel-1 .popover-1 {
    width: 30vw;
    margin: 10vh 0 50vh 15vw;
}
#supporting-2 .panel-1 .popover-2 {
    width: 24vw;
    margin: 0 0 55vh 20vw;
}
#supporting-2 .panel-1 .popover-3 {
    width: 26vw;
    margin: -60vh 0 70vh 50vw;
}
#supporting-2 .panel-1 .popover-4 {
    width: 29vw;
    margin: 0 0 0 67vw;
}
#supporting-2 .panel-1 .popover-5 {
    width: 40vw;
    margin: -13vh 0 0 14vw;
}

#supporting-3 .panel-1 .img {
    width: 30vw;
}
#supporting-3 .panel-1 .img-1 {
    top: 25vh;
    left: 14vw;
}
#supporting-3 .panel-1 .img-2 {
    top: 47vh;
    right: 39vw;
}
#supporting-3 .panel-1 .img-3 {
    top: 8vh;
    left: auto;
    right: 24vw;
}
#supporting-3 .panel-1 .img-4 {
    top: 27vh;
    right: 11vw;
}
#supporting-3 .panel-1 .popover{font-size:1em;
    width: 30vw;
    top: 60vh;
    left: auto;
    right: 5vw;
}

#supporting-4 .title {
    margin: 0;
    padding: 15vh 0 2rem 15vw;
    color: #fff;
}
#supporting-4 .text {
    margin: 0;
    padding: 0 0 0 15vw;
    width: 40vw;
}
#supporting-4 .img-panel {
    position: absolute;
    width: 40vw;
    height: auto;
}
#supporting-4 .img-panel-1 {
    right: 10vw;
    top: 12vh;
}
#supporting-4 .img-panel-2 {
    right: 10vw;
    top: 120vh;
}
#supporting-4 .img-panel .img{
  width:20vw
}
#supporting-4 .img-panel .img-1 {
    top: 0vh;
    left: 10vw;
}
#supporting-4 .img-panel .img-3 {
    top: 61vh;
    right: 16vw;
}
#supporting-4 .panel{position:relative}
#supporting-4 .bkg-panel{position:absolute;width:100%;height:100%}
#supporting-4 .bkg-panel .block{position:absolute;background:#fff}
#supporting-4 .bkg-panel .block-1{bottom:46vw;right:0;height:29vw;width:55vw}
#supporting-4 .bkg-panel .block-2{bottom:70vw;right:0;height:20vh;width:35vw}
#supporting-4 .img-panel .img-4 {
    top: -15vh;
    left: 15vw;
}
#supporting-4 .img-panel .img-5 {
    top: 30vh;
    left: 25vw;
}
#supporting-4 .img-panel .img-6 {
    top: 10vh;
    right: 14vw;
}
#supporting-4 .sos-numbers {
    margin: 0;
    padding: 0.5rem 0 2rem 15vw;
}
#supporting-4 .panel-4{height:50vh}

#planning-1 .panel-1 .popover {
    width: 33vw;
    margin-left: 38vw;
}
#planning-1 .panel-2 .popover {
    width: 35vw;
    margin-left: 52vw;
}
#planning-1 .panel-3 .popover {
    width: 30vw;
    margin-left: 34vw;
}



#planning-2 .photos .img{width:100vw}
#planning-2 .popover-1 {font-size:1em;
    right: 10vw;
    bottom: 10vh;
    width: 30vw;
}
#planning-2 .popover-2 {
    left: 15vw;
    top: 15vh;
    width: 22vw;
}
#planning-2 .popover-3 {
    right: 14vw;
    bottom: 12vh;
    width: 23vw;
}
#planning-2 .popover-4 {font-size:1em;
    left: 23vw;
    top: 14vh;
    width: 30vw;
}
#planning-2 .popover-5 {
    right: 15vw;
    top: 14vh;
    width: 24vw;
}
#planning-2 .popover-6 {font-size:1em;
    left: 19vw;
    bottom: 15vh;
    width: 30vw;
}
#planning-2 .popover-7 {font-size:1em;
    left: 62vw;
    bottom: 10vh;
    width: 28vw;
}

#planning-2 .piece-1{left:50%;top:35vh}
#planning-2 .piece-2{right:-10%;top:8rem;width:45rem}
#planning-2 .piece-3{left:10%;top:35vh}
#planning-2 .piece-4{left:-10%;top:12rem;width:50vw}
#planning-2 .piece-5{right:40%;bottom:4rem;}
#planning-2 .piece-6{right:28%;top:25vh;}
#planning-2 .piece-7{left:10%;top:50vh;}

#planning-3 .text {
    left: 60%;
    width: 23vw;
}


#planning-3 .block-3{left:0;bottom:0;top:auto;height:10vh;width:40vw;background:var(--hs--color-financials);}

#financials-1 .text{color:#fff;margin: 5vh 0 0 5vw;}
#financials-1 ul{margin: 2rem 5vw 0 12vw;
    columns: 4;
    column-gap: 6vw;}

#financials-2 .text{margin: 5vh 0 0 5vw;}
#financials-2 .title{color:#fff;margin:2rem 0 0;}
#financials-2 .list-wrap{margin: 0 5vw 0 5vw;display:flex;gap:3vw;}
#financials-2 .staff ul{columns: 1;}
#financials-2 .board ul{columns: 3;column-gap: 6vw;}
#financials-2 .officials ul{columns: 1;}

#financials-3 .financials-outer{padding:8vh 3.5rem 4vh;}

#financials-3 .financials-outer{display:flex;gap:3vw;justify-content:space-between}
#financials-3 .text{flex-basis:26%;padding-top: calc(4vh + 2px);}
#financials-3 .financial-wrap{flex-basis:50%}
#financials-3 .financial-download {
    padding: 4vh 0 0 4vh;
}
#financials-3 .arrow-wrap{bottom:-6rem}
#financials-3 .arrow {width: 4rem;}

}
@media (min-width: 1600px){
#energetic-7 .panel .text p {
    margin-right: 18vw;
}}