.hint{position:absolute;bottom:calc(-100px * var(--scale));right:8%;transform:translate(50%,-5px);z-index:4;width:calc(155px * var(--scale));height:calc(95px * var(--scale));display:none;color:#000;background-color:#fff3;text-transform:uppercase;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:10px 15px 15px;border:1px solid white;border-radius:calc(15px * var(--scale));pointer-events:none;transition:bottom .5s ease-in-out;font-size:calc(1rem * var(--scale))}@media (max-width: 1200px){.hint{right:11%}}@media (max-width: 825px){.hint{right:50%}}.hint:has(~.building-panel){right:unset!important;z-index:3;left:calc(836px * var(--scale));height:calc(88px * var(--scale));color:#fff;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #c3c3c3;border-radius:calc(40px * var(--scale))}@media (max-width: 1600px){.hint:has(~.building-panel){left:720px}}@media (max-width: 1465px){.hint:has(~.building-panel){left:650px;height:68px;gap:10px;font-size:.9rem}.hint:has(~.building-panel) img{width:25px;height:25px}}@media (max-width: 1300px){.hint:has(~.building-panel).show{left:calc(100svw - 265px);width:150px;height:55px;gap:3px;background-color:transparent;-webkit-backdrop-filter:unset;backdrop-filter:unset;border-color:#fff;z-index:4;bottom:4.65%}}@media (max-width: 800px){.hint:has(~.building-panel).show{left:calc(100svw - 255px)}}@media (max-width: 600px){.hint:has(~.building-panel).show{left:calc(100svw - 250px)}}@media (max-width: 400px){.hint:has(~.building-panel).show{left:calc(100svw - 245px)}}.hint.show{bottom:calc(4% / var(--scale));display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:0}.hint .icon{position:relative;width:calc(32px * var(--scale))}@media (max-width: 1200px){.hint .icon.default{display:none}}.hint .icon.mobile{display:none}@media (max-width: 1200px){.hint .icon.mobile{display:block}}.hint .icon.map-scene{animation:moveAllDirections 2.5s ease-in-out infinite}.hint .icon.build-scene{animation:moveLeftAndRight 1.5s ease-in-out infinite}@keyframes moveAllDirections{0%{top:0;right:0;rotate:0deg}12%{top:0;right:-25px;rotate:10deg}24%{top:0;right:0;rotate:0deg}36%{top:0;right:25px;rotate:-10deg}48%{top:0;right:0;rotate:0deg}60%{top:-10px;right:0;rotate:0}72%{top:0;right:0;rotate:0deg}84%{top:10px;right:0;rotate:0deg}96%{top:0;right:0;rotate:0deg}}@keyframes moveLeftAndRight{0%{top:0;right:0;rotate:0deg}20%{top:0;right:-25px;rotate:10deg}40%{top:0;right:0;rotate:0deg}60%{top:0;right:25px;rotate:-10deg}80%{top:0;right:0;rotate:0deg}}.building-preview{position:relative;z-index:2;width:100svw;height:100svh;background-color:#000;background-position:center;background-repeat:no-repeat;background-size:cover;transition:opacity .5s ease-in-out}.building-preview.hide{opacity:0;pointer-events:none}.view-in-3d{position:absolute;z-index:3;width:180px;height:76px;display:flex;justify-content:space-evenly;align-items:center;font-size:1.1rem;color:#fff;text-transform:uppercase;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 0 5px 10px;border-radius:40px;scale:var(--scale);bottom:4.5%;left:920px}.view-in-3d:disabled{opacity:.5;pointer-events:none}@media (min-width: 2000px){.view-in-3d{left:52%}}@media (max-width: 1600px){.view-in-3d{left:800px}}@media (max-width: 1465px){.view-in-3d{left:720px;width:150px;height:56px}}@media (max-width: 1300px){.view-in-3d{left:calc(100svw - 195px);bottom:calc(4.5% + 15px);height:36px;padding:0;background-color:transparent}}@media (max-width: 1000px){.view-in-3d{left:calc(100svw - 190px)}}@media (max-width: 600px){.view-in-3d{left:calc(100svw - 175px)}}@media (max-width: 400px){.view-in-3d{left:calc(100svw - 160px);width:135px}}.cube-wrap{--size: 15px;top:50%;left:50%;width:0;height:0;perspective:100vmin}@media (max-width: 400px){.cube-wrap{--size: 12px }}.cube-wrap .cube{transform-style:preserve-3d;transform:rotateX(-30deg) rotate(0) rotateY(45deg);animation:cube 5s linear infinite}@keyframes cube{0%{transform:rotateX(-30deg) rotate(0) rotateY(0)}to{transform:rotateX(-30deg) rotate(0) rotateY(360deg)}}.cube-wrap .side{position:absolute;width:var(--size);height:var(--size);backface-visibility:visible;top:calc(var(--size) * -.5);left:calc(var(--size) * -.5);border:.75px solid white}.cube-wrap .side.top{transform:rotateX(90deg) translateZ(calc(var(--size) * .5))}.cube-wrap .side.bottom{transform:rotateX(90deg) translateZ(calc(var(--size) * -.5))}.cube-wrap .side.left{transform:rotateY(90deg) translateZ(calc(var(--size) * .5))}.cube-wrap .side.right{transform:rotateY(90deg) translateZ(calc(var(--size) * -.5))}.cube-wrap .side.front{transform:translateZ(calc(var(--size) * .5))}.cube-wrap .side.back{transform:translateZ(calc(var(--size) * -.5))}.project-details{display:none}@media (max-width: 1300px){.project-details{display:block;position:absolute;left:50%;bottom:120px;z-index:3;font-size:1.4rem;color:#fff;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:40px;transform:translate(-50%);width:95%;height:68px;cursor:pointer;border:1px solid #c3c3c3}}.building-panel{position:absolute;left:50px;bottom:4.5%;z-index:3;width:836px;height:88px;display:flex;justify-content:space-between;align-items:center;background-color:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border:1px solid #c3c3c3;border-radius:40px;scale:var(--scale);transform-origin:left}.building-panel button{height:28px;display:flex;justify-content:center;align-items:center;gap:5px;font-size:1rem;font-weight:300;padding:3px 10px;border-radius:40px}.building-panel button:hover{background-color:#009fa4;border-color:#009fa4}@media (max-width: 800px){.building-panel button{width:34px;height:34px;border-radius:50%;padding:0}}.building-panel button a{width:100%;height:100%;display:flex;justify-content:center;align-items:center;gap:5px}.building-panel>div{display:flex;gap:15px}.building-panel>div img{display:none}@media (max-width: 1600px){.building-panel{width:720px}}@media (max-width: 1465px){.building-panel{width:650px;height:68px;padding:15px}.building-panel button{font-size:.9rem}}@media (max-width: 1300px){.building-panel{width:95%;left:50%;transform:translate(-50%);justify-content:flex-start;gap:12.5px}.building-panel>div{gap:10px}}@media (max-width: 820px){.building-panel span{display:none}.building-panel>div button{width:34px;height:34px;border-radius:50%;padding:0}.building-panel>div button img{display:block}}@media (max-width: 415px){.building-panel>div{gap:5px}}.building-info{position:absolute;bottom:50%;right:calc(-428px * var(--scale));transform:translateY(50%) scale(var(--scale));transition:right .3s ease-in-out,bottom .3s ease-in-out;transform-origin:right;z-index:999}@media (max-width: 1300px){.building-info{bottom:-100%;transform:translate(0);right:0;width:100svw;height:100svh;overflow:hidden}.building-info.opened{bottom:0}}.building-info.opened{right:0}.building-info button.toggle{position:absolute;left:-22px;top:50%;transform:translateY(-50%);width:22px;height:79px;text-align:center;background-color:#0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px 2px 2px 20px}.building-info button.toggle img.default{transition:rotate .3s ease-in-out}.building-info button.toggle .mobile{display:none}@media (max-width: 1300px){.building-info button.toggle{position:fixed;top:15px;right:15px;left:unset;z-index:9999;width:20px;height:20px;padding:0;transform:translate(-50%);border-radius:0;background-color:unset;-webkit-backdrop-filter:none;backdrop-filter:none}.building-info button.toggle img.default{display:none}.building-info button.toggle .mobile{width:20px;height:20px;display:flex;justify-content:center;align-items:center;font-size:1rem;color:#fff;border:1px solid white;border-radius:50%;padding:15px}}.building-info .info{width:428px;display:flex;flex-direction:column;gap:30px;color:#fff;background-color:#0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px 0 0 30px;padding:20px}.building-info .info.velos{gap:10px;padding:15px}.building-info .info img{filter:invert(100%) brightness(10)}@media (max-width: 1300px){.building-info .info img{width:75%;height:50%;display:flex;align-self:center}}@media (max-width: 880px){.building-info .info img{width:50svw;height:50%}}@media (max-width: 1465px){.building-info .info{gap:20px}}@media (max-height: 880px){.building-info .info{gap:15px;font-size:.9rem}}@media (max-width: 1300px){.building-info .info{width:100%;height:100%;display:flex;justify-content:center;gap:10px;border-radius:unset;overflow-x:hidden;overflow-y:auto}}.building-info h3{font-size:1.1rem;margin-bottom:5px}@media (max-height: 880px){.building-info h3{font-size:1rem;margin-bottom:3px}}.building-info p{margin-bottom:3px}.building-info p span.red{color:red;padding-top:.5px}.building-info .description{padding:20px;border:1px solid rgba(255,255,255,.2);border-radius:20px}@media (max-height: 880px){.building-info .description{padding:10px;border-radius:10px}}.building-info ul{margin-top:10px;padding-left:18px}.building-info ul li{margin-bottom:5px}.building-info button.blue{width:192px;font-weight:400;border-radius:30px;padding:10px 15px}@media (max-width: 1300px){.building-info button.blue{width:100%;display:flex;justify-content:center;align-self:center}}.gallery-switch{position:absolute;top:54px;left:50%;transform:translate(-45%) scale(var(--scale));display:inline-block;width:220px;height:34px;cursor:pointer}.gallery-switch input{opacity:0;width:0;height:0}.gallery-switch input:checked+.slider:before{left:51%}.gallery-switch input:checked~.text p:first-child{color:#fff}.gallery-switch input:checked~.text p:last-child{color:#000}.gallery-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border:1px solid white}.gallery-switch .slider:before{position:absolute;content:"";width:50%;height:34px;left:-1px;background-color:#fff;transition:left .3s ease-in-out}.gallery-switch .slider.round{border-radius:40px}.gallery-switch .slider.round:before{border-radius:40px}.gallery-switch .text{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.gallery-switch .text p{text-align:center;width:50%;transition:color .3s ease-in-out}.gallery-switch .text p:last-child{color:#fff}@media (max-width: 800px){.gallery-switch{top:1.5%;left:10px;transform:scale(var(--scale))}}.building-gallery{position:relative;top:50%;left:50%;transform:translate(-50%,-100%);z-index:9999;width:100svw;height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#1e1e1e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.building-gallery .close{position:absolute;top:2.2%;right:22px;display:flex;justify-content:center;align-items:center;gap:20px;color:#fff;text-transform:uppercase;cursor:pointer;transform-origin:right}.building-gallery .close img{filter:invert(100%);width:22px;height:22px}@media (min-width: 2000px){.building-gallery .close{scale:calc(var(--scale) * 1.2)}}.building-gallery .images-container{width:100svw;top:50%;left:50%}.building-gallery .images-container .wrapper{--img-width: 68svw;--img-height: 68svh;position:relative;display:flex;justify-content:center;align-items:center;transition:transform .3s ease-in-out}@media (min-width: 2000px){.building-gallery .images-container .wrapper{--left-corner-pos: calc(50vw - 1280px) }}@media (max-width: 800px){.building-gallery .images-container .wrapper{--img-width: 95svw;--img-height: 75svh;--gap: 120px}}.building-gallery .images-container .wrapper .image{width:var(--img-width);height:var(--img-height);transition:scale .3s ease-in-out;background-size:contain;background-repeat:no-repeat;background-position:center;display:none}.building-gallery .images-container .wrapper .image.selected{display:block}.building-gallery .arrows{position:absolute;width:80svw;display:flex;justify-content:space-between}.building-gallery .arrows img{cursor:pointer}@media (max-width: 800px){.building-gallery .arrows{display:none}}.building-gallery .progress{position:absolute;bottom:-15px;z-index:999;width:68svw;height:1px;background-color:#fff}.building-gallery .progress .bar{position:absolute;top:-2.5px;width:25px;height:5px;background-color:#fff;transition:left .3s ease-in-out}@media (max-width: 800px){.building-gallery .progress{width:95svw;bottom:-5px}}.building-gallery .center{width:748px;height:517px;background-color:red;position:absolute;top:50%;left:50%;transform:translate(-45%,-50%);z-index:9999}.loading-screen{position:absolute;bottom:0;z-index:99999;width:100svw;height:100svh;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#000;color:#fff;font-size:4rem;transition:bottom 1s ease-in-out}.loading-screen .logo{width:25%;filter:invert(100%) brightness(10);margin-bottom:20px}.loading-screen .loading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:25%;font-size:1.5rem;font-weight:300}.loading-screen .loading .progress{width:0%;height:2px;overflow:hidden;background-color:#fff}:root{--scale: 1}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Bold.svg#CerebriSansPro-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraBold.svg#CerebriSansPro-ExtraBold) format("svg");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-ExtraLight.svg#CerebriSansPro-ExtraLight) format("svg");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-SemiBold.svg#CerebriSansPro-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Thin.svg#CerebriSansPro-Thin) format("svg");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Light.svg#CerebriSansPro-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Heavy.svg#CerebriSansPro-Heavy) format("svg");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Medium.svg#CerebriSansPro-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cerebri Sans Pro;src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.eot);src:url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.eot?#iefix) format("embedded-opentype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.woff2) format("woff2"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.woff) format("woff"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.ttf) format("truetype"),url(https://denystymchenko.github.io/fonts/CerebriSansPro-Regular.svg#CerebriSansPro-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;padding:0;margin:0}body{font-family:CerebriSansPro!important;width:100svw;height:100svh;overflow:hidden;position:fixed}#allrecords{width:100svw;height:100svh;overflow:hidden;position:fixed}#root{min-width:100svw;min-height:100svh}#canvas-container{width:100svw;height:100svh;position:fixed}#leva__root>*{width:350px}button{all:unset;text-align:center;cursor:pointer}button.default{color:#fff;text-transform:uppercase;border:1px solid white;transition:background-color .3s ease-in-out,border-color .3s ease-in-out}button.default:hover{background-color:#009fa4;border-color:#009fa4}button.default a{color:#fff!important}button.blue{color:#fff;text-transform:uppercase;background-color:#009fa4;border:1px solid transparent;transition:background-color .3s ease-in-out,border .3s ease-in-out}button.blue:hover{background-color:transparent;border:1px solid white}button a{all:unset}button .not-selectable{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.t396__elem.tn-elem.tn-elem__7801451091733835117179.t-animate.t-animate_started img{display:none!important}