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