:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#202020de;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#202020de;text-decoration:inherit;cursor:pointer}a:hover{color:#20202080}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#666}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64646499;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#646464}.backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000000e6;z-index:101}.modal{width:85vw;max-height:90vh;overflow-y:auto;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:102;color:#ffffffde}.modal__header{color:#fff}.modal__header h2{margin:.5rem}.modal__content{display:flex;justify-content:center;gap:1rem;min-height:100px}.modal__footer{display:flex;justify-content:center;gap:.5rem;padding:1rem .5rem}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .3s ease-in}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .3s ease-out}.lds-dual-ring{display:inline-block;width:64px;height:64px}.lds-dual-ring:after{content:" ";display:block;width:46px;height:46px;margin:1px;border-radius:50%;border:5px solid rgba(255,255,255,.9);border-color:rgba(255,255,255,.9) transparent rgba(255,255,255,.9) transparent;animation:lds-dual-ring 1.2s linear infinite}.loading-spinner__overlay{height:100%;width:100%;position:absolute;top:0;left:0;background:none;display:flex;justify-content:center;align-items:center}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header{width:100%;height:4rem;position:fixed;display:flex;justify-content:space-between;transition:all .8s ease;z-index:100}.header.scrolled{background-color:#ffffffe6;box-shadow:0 2px 6px #0003}.logo{margin:3% 3% 3% 4%;height:11rem;transition:all .8s ease}.logo.scrolled{margin-top:.45rem;height:3rem}.logo img{height:100%;width:100%}.links{white-space:nowrap;margin-top:4rem;margin-right:4rem;display:flex;gap:2rem;transition:all .8s ease}.links.scrolled{margin-top:1rem;margin-right:4rem;display:flex;gap:2rem}.links a{font-size:1.2rem}html{scroll-behavior:smooth}.main-photo{background-color:#242424;height:100vh;width:100%}.main-photo p{top:15rem;left:4.5%;position:absolute;font-weight:1000;font-size:2.5rem;line-height:1.2;color:#fff;transition:all .8s ease}.main-photo img{width:100%;height:100%;object-fit:cover;display:block}.info{width:100%}.info-child{margin:6rem 4rem 4rem;margin-bottom:0}.info-bullet-points{display:flex;justify-content:space-between;gap:2rem;margin-bottom:5rem;font-size:1.1rem}.info-img{margin-top:3rem;display:flex;justify-content:center}.info-img img{width:100%}.works{padding-top:4rem;width:100%}.works-child{margin-left:4rem;margin-right:4rem;display:flex;flex-direction:column;align-items:center}.works-child h3{align-self:self-start}.works-img{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.works-img p{margin-top:0rem;margin-bottom:0rem}.works-img p:hover{text-decoration:underline;cursor:pointer}.works-img-child{position:relative}.works-img-click{display:none}.works-img-child-img{width:100%;object-fit:cover;aspect-ratio:4.2/3;cursor:pointer}.works button{margin-top:3rem;margin-bottom:3rem;padding:.7em 1em;border-radius:9999px}.about{width:100%}.about div{margin:4rem;margin-bottom:0}.about-child{margin:5% 10%;font-size:1.1rem}.clients{width:100%}.clients h3{margin-bottom:0}.clients div{margin:4rem;margin-bottom:0}.clients img{width:100%}.contacts{background-color:#f7f7f7;width:100%;text-align:center}.contacts-breakline{background-color:#cfcfcf;width:100%;height:1px}.contacts div{margin:4rem}.modal-works{width:100%;margin:2rem}.modal-works img{width:100%;margin-bottom:1rem}.modal-close-btn{position:fixed;top:1rem;right:1rem;background-color:#646cff00;color:#eeec;border:none;padding:.4rem .8rem;cursor:pointer;z-index:1000;font-size:30px}.modal-close-btn:hover{color:#fdfdfde6;outline:none;background:none}.modal-close-btn:focus-visible{outline:2px solid #fff}button{border-radius:8px;border:1px solid transparent;padding:1em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#000;background-color:#6e6e6e00;cursor:pointer;transition:background-color .25s;border-color:#6b6b6b}button:hover{background-color:#ebeaea}button:focus,button:focus-visible{outline:none}@media (max-width: 1000px){.main-photo p{top:13rem}.works-child{margin-left:2rem;margin-right:2rem}.works-img{display:flex;flex-direction:column;gap:1rem}.info-child{margin:6rem 2rem 2rem;margin-bottom:0}.info-img{display:flex;justify-content:center}.about div{margin:2rem;margin-bottom:0}.about-child{margin:5% 0;font-size:1.1rem}.clients div{margin:2rem}.modal-works{width:90%;margin:0}}@media (max-width: 700px){.header{height:13rem;transition:all 1s ease}.header.scrolled{height:4rem}.logo{margin-top:.9rem;margin-left:4%;height:8rem;transition:all 1s ease}.logo.scrolled{margin-top:.45rem;margin-left:4%;height:3rem}.main-photo p{top:9rem;left:4.5%;line-height:1.2;font-size:1.4rem;color:#fffc}.links{flex-direction:column;text-align:center;margin-top:1.5rem;margin-right:2rem;gap:.8rem;transition:all .7s ease;opacity:1;visibility:visible}.links a{font-size:1.1rem;border:1px solid rgba(32,32,32,.87);border-radius:9999px;padding-left:.8rem;padding-right:.8rem;padding-bottom:.25rem;background-color:#fff3}.links a.links-en-btn{padding-top:.1rem;padding-bottom:.1rem}.links.scrolled{gap:.7rem;margin-right:2rem;opacity:0;visibility:hidden}a:hover{border-color:#20202080}.info-bullet-points{display:flex;flex-direction:column;gap:.5rem}.info-img{margin-top:4.5rem}}@media (max-width: 1000px) and (min-width: 625px){.info-bullet-points{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media (min-width: 1600px){.info-img{padding-left:12rem;padding-right:12rem}}@media (max-width: 800px){.works-img-click{width:10%;opacity:.5;display:inline-block;position:absolute;top:1rem;right:1rem;z-index:10;cursor:pointer}.works-img-click img{width:100%;height:100%}}@media (min-width: 3500px){.main-photo p{top:19rem}}#root{display:flex;flex-direction:column}