@import url(https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz@9..40&display=swap);
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}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:-.25em}sup{top:-.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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}[hidden],template{display:none}html{font-family:DM Sans,sans-serif;color:#6d6c69;overflow-x:hidden;overflow-y:hidden}@media screen and (max-width:395px){html{overflow-x:auto;overflow-y:auto}}body{background-color:#f8f8f8}body::-webkit-scrollbar{display:none}.container{display:flex;flex-wrap:wrap}.router__wrapper{width:67%;max-width:calc(100vw - 437px)}@media screen and (max-width:768px){.router__wrapper{width:50%;max-width:none}}@media screen and (max-width:395px){.router__wrapper{width:100%}}.navbar{display:flex;height:18px;padding:12px 40px 10px 40px;justify-content:center;align-items:center;box-shadow:0 .5px 0 0 hsla(43,6%,52%,.7);position:sticky;top:0;background-color:#f8f8f8}@media screen and (max-width:768px){.navbar{height:24px;padding:12px 20px}}.navbar__container{width:100%;display:flex;justify-content:space-between}.navbar span{align-self:center}.navbar span:hover{color:#2b2a28;cursor:pointer}.navbar span.active{color:#2b2a28}.navbar__desktopmenu{display:flex;gap:24px}@media screen and (max-width:768px){.navbar__desktopmenu{display:none}}.navbar__mobilemenu{display:none}@media screen and (max-width:768px){.navbar__mobilemenu{display:flex}}.navbar__mobilewindow{display:none}.navbar__mobilewindow.show{display:block}.navbar__mobilewindow-item{width:100%;display:flex;padding:10px 20px;align-items:center;gap:6px;align-self:stretch;background:#f8f8f8;box-shadow:0 -.5px 0 0 hsla(43,6%,52%,.7)}.navbar__mobilewindow-item>span{margin:7px 0}.navbar__mobilewindow-workwrapper{display:flex;flex-direction:column;margin-top:7px;gap:24px}.navbar__mobilewindow-workitem{padding:0 24px;display:flex;justify-content:space-between}.hamburger__toggle{display:block;position:relative;width:24px;height:24px;border:none;padding:0;background-color:transparent}.hamburger__toggle.active .hamburger__icon{width:24px;left:0;top:calc(50% - 1px);transform:rotate(-45deg)}.hamburger__toggle.active .hamburger__icon:after{width:24px;top:0;transform:rotate(-270deg)}.hamburger__icon{top:7px;left:calc(50% - 8px)}.hamburger__icon,.hamburger__icon:after{position:absolute;width:16px;height:1.6px;border-radius:12px;background-color:#6d6c69;transition:all .3s linear}.hamburger__icon:after{content:"";left:0;top:10px}.projectcard>img{width:100%;height:266px;-o-object-fit:cover;object-fit:cover}.projectcard__body{margin-top:16px;width:100%;display:flex;justify-content:space-between}.projectcard__textwrapper{display:flex;flex-direction:column}.projectcard__title{font-size:14px;line-height:normal}.projectcard__subtitle{color:#9d9c97;font-family:DM Mono,monospace;font-size:12px;line-height:normal}.projecttext{width:115px}.projecttext:hover{cursor:pointer}.projecttext:hover .projecttext__number{color:#000}.projecttext:hover .projecttext__body,.projecttext:hover .projecttext__title{color:#2b2a28}.projecttext.disabled{cursor:not-allowed}.projecttext.disabled .projecttext__body,.projecttext.disabled .projecttext__number,.projecttext.disabled .projecttext__title{color:#9d9c97}.projecttext__section{width:100%;min-height:21px;display:flex;align-items:center}.projecttext__number{min-width:20px;font-family:DM Mono,monospace;font-size:10px;line-height:normal}.projecttext__number.default{color:#6d6c69}.projecttext__number.active{color:#000}.projecttext__title{font-size:16px;line-height:normal}.projecttext__title.default{color:#6d6c69}.projecttext__title.active{color:#2b2a28}.projecttext__body{display:flex;flex-direction:column;flex-wrap:wrap;font-family:DM Mono,monospace;font-size:10px;line-height:normal}.projecttext__body.default{color:#6d6c69}.projecttext__body.active{color:#2b2a28}.sidemenu{position:sticky;top:40px;height:calc(100vh - 40px);width:33vw;min-width:437px;max-width:100%}@media screen and (max-width:768px){.sidemenu{position:static;height:auto;width:50%;min-width:0}}@media screen and (max-width:395px){.sidemenu{width:100%;height:auto}.sidemenu.hide-on-mobile{display:none}}.sidemenu__container{width:calc(100% - 40px);max-width:437px;height:calc(100% - 40px);padding:16px 0 24px 40px;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:768px){.sidemenu__container{width:calc(100% - 25px);height:auto;padding:16px 5px 0 20px}}@media screen and (max-width:395px){.sidemenu__container{width:calc(100% - 38px);height:auto;padding:18px 20px 26px 20px}}.sidemenu__body{display:flex;gap:116px}@media screen and (max-width:768px){.sidemenu__body{display:none}}.sidemenu__column{display:flex;flex-direction:column;gap:16px}.sidemenu__footer>p{font-size:14px;line-height:normal}@media screen and (max-width:768px){.sidemenu__footer>p{margin-top:0}}.sidemenu__footer>p>a{text-decoration:none;color:#2b2a28}.sidemenu__footer>p>a:hover{cursor:pointer}.sidemenu__footer>span{color:#9d9c97;font-family:DM Mono,monospace;font-size:12px;line-height:normal}.slider{width:100%;height:100%;position:relative}.slider__cursor{position:absolute;width:100%;height:100%;display:flex;z-index:2;cursor:none}.slider__cursor-half{height:100%;width:50%;cursor:none}.slider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;cursor:none}#next,#previous{display:none;position:absolute;z-index:1}.viewmore{display:flex;align-self:start;gap:8px}.viewmore:hover{cursor:pointer}.viewmore:hover .viewmore__text{color:#2b2a28}.viewmore:hover .viewmore__button.previous{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(-180 16 16)' fill='%236D6C69'/%3E%3Cpath d='M9 10.5 6.5 8 9 5.5' stroke='%23F8F8F8' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(-180 16 16)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.viewmore:hover .viewmore__button.next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='4' fill='%236D6C69'/%3E%3Cpath d='M7 5.5 9.5 8 7 10.5' stroke='%23F8F8F8' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='4' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.viewmore.disabled{cursor:not-allowed}.viewmore.disabled .viewmore__text{color:#9d9c97}.viewmore.disabled .viewmore__button.previous.disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(180 16 16)' fill='%23E4E4E4'/%3E%3Cpath d='M9 10.5 6.5 8 9 5.5' stroke='%23B6B3AB' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(180 16 16)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.viewmore.disabled .viewmore__button.next.disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='4' fill='%23E4E4E4'/%3E%3Cpath d='M7 5.5 9.5 8 7 10.5' stroke='%23B6B3AB' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='4' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.viewmore__text{font-family:DM Mono,monospace;font-size:12px;line-height:normal}.viewmore__button{width:16px;height:16px}.viewmore__button.previous{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(-180 16 16)' fill='%23E4E4E4'/%3E%3Cpath d='M9 10.5 6.5 8 9 5.5' stroke='%236D6C69' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect x='16' y='16' width='16' height='16' rx='4' transform='rotate(-180 16 16)' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.viewmore__button.next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Crect width='16' height='16' rx='4' fill='%23E4E4E4'/%3E%3Cpath d='M7 5.5 9.5 8 7 10.5' stroke='%236D6C69' stroke-width='1.04' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='16' height='16' rx='4' fill='%23fff'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")}.about{height:calc(100vh - 40px)}.about__container{width:calc(100% - 50px);max-width:670px;height:calc(100% - 40px);padding:16px 50px 24px 0;display:flex;flex-direction:column;justify-content:space-between}@media screen and (max-width:395px){.about__container{width:100%;height:auto;padding:20px}}.about__body{color:#6d6c69;font-size:24px;line-height:normal}.about__footer>span{font-size:14px;line-height:normal}.home{height:calc(100vh - 40px);overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}@media screen and (max-width:395px){.home{width:100%;height:auto}}@media screen and (max-width:768px){.home__slider{display:none}}.home__cardscontainer{display:none;padding:20px 16px 63px 5px;gap:17px}@media screen and (max-width:768px){.home__cardscontainer{display:flex;flex-direction:column}}@media screen and (max-width:395px){.home__cardscontainer{padding:0 20px 35px;gap:24px}}.project{height:calc(100vh - 40px);padding-top:16px;display:flex;flex-direction:column;justify-content:start;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.project::-webkit-scrollbar{display:none}.project__container{margin-bottom:33px;gap:20px;display:flex}@media screen and (max-width:395px){.project__container{padding:20px}}.project__title{width:95px;display:flex;flex-direction:column}@media screen and (max-width:768px){.project__title{width:113px}}@media screen and (max-width:395px){.project__title{width:104px}}.project__title>p{margin:0;font-size:14px;line-height:normal}.project__title>span{color:#9d9c97;font-family:DM Mono,monospace;font-size:12px;font-style:12px;line-height:normal}.project__body{display:flex;flex-wrap:wrap;width:calc(100% - 95px)}@media screen and (max-width:768px){.project__body{width:calc(100% - 113px)}}@media screen and (max-width:395px){.project__body{width:calc(100% - 104px)}}.project__column{width:50%;max-width:325px}@media screen and (max-width:768px){.project__column{width:100%}}.project__column>p{margin-top:0;font-size:14px;line-height:normal}.project__images>img{margin:16px 0;width:100%}.project__buttons{margin:16px 20px;display:flex;justify-content:space-between}