.cityscape{color:var(--c-main);}.cityscape *{box-sizing:border-box;}.container--compact{max-width:calc(840px + 4rem);}.cityscape .container--wide,.container--compact{margin-left:auto;margin-right:auto;width:100%;}.cityscape .btn,.cityscape .hs-button{background:var(--c-third);border:none;color:var(--c-main);display:inline-block;font-family:var(--font-header);font-size:1rem;font-weight:700;line-height:1;padding:1em 1.75em;text-align:center;text-transform:uppercase;text-decoration:none;transition:all .3s;}.cityscape .btn:active,.cityscape .btn:focus,.cityscape .btn:hover,.cityscape .hs-button:active,.cityscape .hs-button:focus,.cityscape .hs-button:hover{background:var(--c-main);color:var(--c-inv);text-decoration:none;}.hs-page.wrapper{overflow-x:hidden;}.cityscape{--pos-0:2%;--pos-1:17.75%;--pos-2:37.75%;--pos-3:56.25%;--pos-4:80%;}.cityscape ul{margin:1em 0;}.cityscape .container--wide{background:#fff;position:relative;overflow:hidden;box-shadow:0 0 1rem rgba(0,0,0,.2);min-height:50vw;display:flex;justify-content:center;flex-direction:column;}.cityscape__intro,.cityscape__closing{display:none;}.cityscape__intro{padding-top:4rem;}.cityscape__closing{padding-bottom:4rem;}.cityscape__intro.active,.cityscape__closing.active{display:block;}.cityscape__devs-info{background:var(--c-second) url(https://content.safebuilt.com/hubfs/cityscape/icon-info.svg) no-repeat 4% 98% / 8%;color:#fff;position:relative;opacity:0;transition:all 1s;margin:0 -2rem;}.cityscape__devs-info.active{padding:3rem 2rem;opacity:1;}.cityscape__devs-info h3{color:var(--c-inv);}.cityscape__devs-info ul{padding:0;}.cityscape__devs-info li{list-style:none;padding-left:2em;background:url(https://content.safebuilt.com/hubfs/cityscape/icon-check.svg) no-repeat .5em .5em / 1em;}.cityscape__dev-info{padding-bottom:25%;display:none;}.cityscape__dev-info.active{display:block;}.close-dev-info{position:absolute;right:.5rem;top:.5rem;border:none;background:transparent;color:#fff;}.close-dev-info:hover,.close-dev-info:focus{color:var(--c-highlight);}.close-dev-info svg{width:2rem;height:2rem;}.cityscape__cityscape{padding:4rem 0 2rem;width:100%;transition:all 1s;position:relative;}.cityscape__intro.active+.cityscape__cityscape{padding:0 0 2rem;}.cityscape__cityscape.active{width:200%;}.cityscape__cityscape.active.pos--1{left:calc(50% - 2 * var(--pos-1));}.cityscape__cityscape.active.pos--2{left:calc(50% - 2 * var(--pos-2));}.cityscape__cityscape.active.pos--3{left:calc(50% - 2 * var(--pos-3));}.cityscape__cityscape.active.pos--4{left:calc(50% - 2 * var(--pos-4));}.cityscape__controls{position:relative;width:100%;}.cityscape__controls-ul{position:relative;width:100%;height:40px;margin:0 0 20px;padding:0;list-style:none;border-bottom:4px dashed var(--c-main);}.cityscape__controls-ul li{width:40px;height:40px;position:absolute;top:16px;left:auto;transform:translateX(-50%);}.cityscape__controls-ul li:nth-of-type(1){left:var(--pos-1);}.cityscape__controls-ul li:nth-of-type(2){left:var(--pos-2);}.cityscape__controls-ul li:nth-of-type(3){left:var(--pos-3);}.cityscape__controls-ul li:nth-of-type(4){left:var(--pos-4);}.cityscape__controls-ul button{width:100%;height:100%;padding:0;position:relative;background:transparent;border:none;}.cityscape__controls-ul button::after{box-sizing:border-box;content:"";display:block;width:20px;height:20px;border:4px solid var(--c-main);background:var(--c-highlight);position:absolute;left:10px;top:10px;border-radius:50%;transform:scale(1);transition:all .3s;}.cityscape__controls-ul button:hover::after,.cityscape__controls-ul button:focus::after,.cityscape__controls-ul button:active::after{background:var(--c-third);transform:scale(1.2);}.cityscape__marker{width:7%;min-width:70px;height:auto;position:absolute;bottom:.5rem;left:2%;transform:translateX(-50%);transition:left 1.2s ease-in-out;}.cityscape__starter{position:absolute;bottom:0;left:calc(var(--pos-1) + 10px);transform:rotate(-45deg);transform-origin:0 50%;opacity:0;transition:opacity 1s;}.cityscape__starter.active{opacity:1;}.cityscape__starter span{display:inline-block;position:relative;color:var(--c-main);background:var(--c-third);font-size:.875rem;padding:.5em 1em .5em 1.5em;font-family:MuseoSans_500-webfont;clip-path:polygon(0 50%,1em 0,100% 0,100% 100%,1em 100%);animation:bounceArrow 4s infinite;}@keyframes bounceArrow{0%,100%{transform:translateX(0%)}10%,30%{transform:translateX(20%)}20%,40%{transform:translateX(0%)}100%{transform:translateX(0%)}}.pos--1 .cityscape__marker{left:var(--pos-1);}.pos--2 .cityscape__marker{left:var(--pos-2);}.pos--3 .cityscape__marker{left:var(--pos-3);}.pos--4 .cityscape__marker{left:var(--pos-4);}.cityscape__controls-2{position:relative;display:none;}.cityscape__controls-2.active{display:block;margin-bottom:.5rem;}.cityscape__controls-2 button{position:absolute;border:none;background:transparent;color:var(--c-main);bottom:0;height:2rem;font-family:var(--font-header);background:var(--c-third);padding:0 1em;border-radius:.5em;}.cityscape__controls-2 button:hover,.cityscape__controls-2 button:focus{position:absolute;border:none;background:var(--c-highlight);color:var(--c-inv);}.cityscape__controls-2 button.prev{left:0;}.cityscape__controls-2 button.next{right:0;}.cityscape__controls-2 button.finish{right:0;}.cityscape__controls-2 button.hide{display:none;}button.cityscape__restart:hover{}.big-h4{font-size:1.5rem;font-family:var(--font-header);}@media (min-width:1080px){.cityscape .container--wide{min-height:750px}.cityscape__devs-info{font-size:1.125vw;width:32%;overflow:auto;position:absolute;left:0;top:0;bottom:0;background-position:5% 97%;background-size:15%;transform:translateX(-100%);padding:4rem 2rem;margin:0}.cityscape__devs-info.active{transform:translateX(0%)}.cityscape__controls-2.active{margin-bottom:0}.cityscape__controls-2 button.prev,.cityscape__controls-2 button.cityscape__restart{left:calc(32% + 1rem)}.cityscape__controls-2 button.next{right:1rem}.cityscape__controls-2 button.finish{right:1rem}.cityscape__controls-2{position:absolute}.cityscape__controls-2.active{left:0;right:0;bottom:2rem}.cityscape__cityscape.active .cityscape__marker{width:5.25%}.cityscape__controls-2 button.next{right:1rem}.cityscape__controls-2 button.finish{right:1rem}}@media (min-width:1460px){.cityscape__devs-info{font-size:1rem}}.cityscape img{height:auto;max-width:100%;}