.nav{display:flex;align-items:flex-end;opacity:1;visibility:visible}.nav--hidden{visibility:hidden;opacity:0}.nav--white .nav__list__item a{color:#fff}.nav--white .nav__list__item:after{background-color:#fff}.nav--black .nav__list__item a{color:#111}.nav--black .nav__list__item:after{background-color:#111}.nav--grey .nav__list__item a{color:#b3b3b3}.nav--grey .nav__list__item:after{background-color:#b3b3b3}.nav__list{display:flex;list-style:none;justify-content:flex-end}.nav__list__item{height:30px;font-size:15px;display:flex;align-items:flex-end;cursor:pointer;position:relative}.nav__list__item:hover:after{animation:navItemUnderlineAnim .3s ease;opacity:1}.nav__list__item:after{content:"";display:block;position:absolute;top:115%;width:100%;height:2px;background-color:inherit;transform-origin:left;overflow:hidden;opacity:0}.nav__list__item:not(:last-child){margin-right:30px}.nav__list__item a{text-decoration:none}@keyframes navItemUnderlineAnim{0%{transform:translate(-50%);opacity:0}to{transform:translate(0);opacity:1}}.noSocials{display:grid;grid-template-columns:32px 32px 32px 32px;grid-template-rows:32px;grid-column-gap:20px}.noSocials--grey .noSocials__item svg{fill:#b3b3b3}.noSocials--black .noSocials__item svg{fill:#111}.noSocials--hidden{opacity:0}.noSocials__item{width:100%;height:100%;transition:transform .3s ease}.noSocials__item:hover{transform:translateY(-4px)}.noSocials__item svg{width:100%;height:100%}.c-black{color:#111}.c-black-2{color:#231f20}.c-white{color:#fff}.c-grey-1{color:#d5d5d5}.c-grey-2{color:#b3b3b3}.c-grey-3{color:gray}.c-grey-4{color:#4d4d4d}.c-red{color:#ed1c24}.c-blue-1{color:#8fd0ea}.c-blue-2{color:#002f62}.c-green-1{color:#2ebbac}.c-green-2{color:#75b7a3}.c-green-3{color:#2eb994}.c-green-4{color:#056037}.c-yellow-1{color:#ffffea}.justify--flex-end{justify-content:flex-end}.justify--flex-start{justify-content:flex-start}.justify-self--flex-end{justify-self:flex-end}.justify-self--flex-start{justify-self:flex-start}.align--flex-end{align-items:flex-end}.align--flex-start{align-items:flex-start}.align-self--flex-end{align-self:flex-end}.align-self--flex-start{align-self:flex-start}.f-size13{font-size:13px}.f-size14{font-size:14px}.f-size16{font-size:16px}.f-size17{font-size:17px}.f-size18{font-size:18px}.f-size20{font-size:20px}.f-size24{font-size:24px}.f-size26{font-size:26px}.f-size28{font-size:28px}.f-size30{font-size:30px}.f-size32{font-size:32px}.f-size38{font-size:38px}.f-size42{font-size:42px}.f-size44{font-size:44px}.f-size50{font-size:50px}.f-size54{font-size:54px}.f-size56{font-size:56px}.f-size84{font-size:84px}.f-size92{font-size:92px}.f-size106{font-size:106px}.smallScreenInfo{display:none;position:fixed;width:100%;height:100%;background-color:#111;top:0;left:0;z-index:999}@media(max-width:767px){.smallScreenInfo{display:flex;justify-content:center;align-items:center}}@media(max-height:620px){.smallScreenInfo{display:flex;justify-content:center;align-items:center}}.smallScreenInfo__wrapper{max-width:500px;padding:0 20px;display:flex;flex-direction:column;align-items:center}@media(max-width:480px){.smallScreenInfo__wrapper{max-width:380px}}.smallScreenInfo__text{color:#fff;font-size:24px;line-height:160%}@media(max-width:480px){.smallScreenInfo__text{font-size:20px}}@media(max-width:360px){.smallScreenInfo__text{font-size:18px}}.smallScreenInfo__text:first-of-type{margin-bottom:8px}.smallScreenInfo__text:last-of-type{text-align:center}.smallScreenInfo__image{width:100%;height:300px;overflow:hidden;position:relative;margin-bottom:30px;border-radius:10px}@media(max-width:480px){.smallScreenInfo__image{height:250px}}@media(max-width:360px){.smallScreenInfo__image{height:180px}}@media(max-height:620px){.smallScreenInfo__image{display:none}}.smallScreenInfo__image img{width:110%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pageLoader{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;align-items:center;justify-content:center;z-index:999;transition:opacity cubic-bezier(.22,1,.36,1) 1.2s,visibility cubic-bezier(.22,1,.36,1) 1.2s}.pageLoader .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#111;opacity:1}.pageLoader--hidden{opacity:0;visibility:hidden}.pageLoader--shown{opacity:1;visibility:visible}.pageLoader .loaderIcon{width:120px;height:30px;z-index:1;overflow:visible}*{margin:0;padding:0;box-sizing:border-box}.w-100{width:100%}.h-100{height:100%}body{display:flex;justify-content:center}body .v-wrapper{height:100%;max-height:880px;margin-top:auto;margin-bottom:auto}@media(max-width:767px){body .v-wrapper>*:not(.smallScreenInfo){display:none}}@media(max-height:620px){body .v-wrapper>*:not(.smallScreenInfo){display:none}}body .h-wrapper{width:100%;max-width:1920px;margin-right:auto;margin-left:auto}@media(max-width:1920px){body .h-wrapper{overflow-x:hidden}}@media(max-width:767px){body .h-wrapper>*:not(.smallScreenInfo){display:none}}@media(max-height:620px){body .h-wrapper>*:not(.smallScreenInfo){display:none}}@font-face{src:url(/TomMark/fonts/MonoSpecLight.otf);font-style:normal;font-weight:400;font-family:MonoSpec-Light}@font-face{src:url(/TomMark/fonts/MonoSpec.otf);font-style:normal;font-weight:400;font-family:MonoSpec}@font-face{src:url(/TomMark/fonts/MonoSpecMedium.otf);font-style:normal;font-weight:400;font-family:MonoSpec-Medium}@font-face{src:url(/TomMark/fonts/MonoSpecSemiBold.otf);font-style:normal;font-weight:400;font-family:MonoSpec-SemiBold}@font-face{src:url(/TomMark/fonts/MonoSpecBold.otf);font-style:normal;font-weight:400;font-family:MonoSpec-Bold}.font-mono300{font-family:MonoSpec-Light}.font-mono400{font-family:MonoSpec;font-weight:400}.font-mono500{font-family:MonoSpec-Medium}.font-mono600{font-family:MonoSpec-SemiBold}.font-mono700{font-family:MonoSpec-Bold}@font-face{src:url(/TomMark/fonts/RockwellStd.otf);font-style:normal;font-weight:400;font-family:RockwellStd}.font-rockwellStd{font-family:RockwellStd;font-weight:400}.mainNav{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;z-index:1;pointer-events:none}.mainNav>*{pointer-events:all}.mainNav__bar{width:100%;display:flex;position:absolute;justify-content:space-between;pointer-events:none}.mainNav__bar>*{pointer-events:all}.mainNav__logo{width:224px;height:50px}@media(max-width:450px){.mainNav__logo{width:166px;height:36px}}.mainNav__logo--black svg{fill:#111}.mainNav__logo--grey svg{fill:#b3b3b3}.mainNav__btn{width:60px;height:40px;background:transparent;border:none;cursor:pointer;z-index:2;outline:none;overflow:visible;display:flex;justify-content:center;align-items:center;position:relative;align-self:flex-end}@media(max-width:450px){.mainNav__btn{width:40px}}@media(max-height:450px){.mainNav__btn{width:55px}}.mainNav__btn--unclickable{pointer-events:none}.mainNav__btn--fixed{position:fixed;top:50px;right:40px}.mainNav__btn--black{fill:#111}.mainNav__btn--grey{fill:#b3b3b3}.mainNav__btn--white{fill:#fff}.mainNav__btn svg{width:70%;overflow:visible;position:absolute}.mainNav__sideMenu{width:460px;height:100%;position:absolute;right:0;top:0;display:flex;align-items:center;justify-content:center;background-color:#ffffffde;z-index:1;font-size:90px;line-height:.71;transform:scaleX(0);transform-origin:right center}@media(max-width:1000px){.mainNav__sideMenu{font-size:80px;width:380px}}@media(max-width:660px){.mainNav__sideMenu{font-size:100px;width:100%}}@media(max-width:450px){.mainNav__sideMenu{font-size:70px}}@media(max-height:480px){.mainNav__sideMenu{font-size:60px}}.mainNav__sideMenu__items{list-style:none;position:absolute;top:calc(50% + 50px);transform:translate(-40px,-50%)}@media(max-width:1000px){.mainNav__sideMenu__items{transform:translate(-20px,-50%)}}@media(max-width:660px){.mainNav__sideMenu__items{transform:translateY(-50%)}}@media(max-height:600px){.mainNav__sideMenu__items{top:50%}}.mainNav__sideMenu__item+.mainNav__sideMenu__item{margin-top:.33em}.mainNav__sideMenu__item:hover a{color:#111;transform:translate(100px)}.mainNav__sideMenu__item a{text-decoration:none;color:transparent;-webkit-text-stroke:1.88px black;transition:color .2s ease}.mainNav__sideMenu__item .active{pointer-events:none;color:#111}.mainNav{z-index:2;max-width:1620px}.workPage{width:100%;height:100%;padding:20px 0;display:flex;transition:flex .3s ease;-webkit-user-select:none}.workPage p,.workPage h1,.workPage span{text-transform:uppercase}.workPage .leftSide{width:100%;min-height:640px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:.18;position:relative}@media(max-width:1400px){.workPage .leftSide{flex:.12}}.workPage .leftSide .indicator{height:90px;width:100%;font-size:16px;text-align:center;position:absolute;bottom:0}.workPage .content{width:100%;display:grid;grid-template-rows:100%;grid-template-columns:45% auto;position:relative;flex:.64}@media(max-width:1400px){.workPage .content{flex:.76}}.workPage .content__showMoreButton{width:100%;height:calc(100% - 185px);position:absolute;top:120px;left:0;z-index:1}.workPage .content__imageSection{width:100%;position:relative;display:flex;align-items:center}.workPage .content__imageSection__wrapper{width:100%;height:100%;overflow:hidden;position:relative}.workPage .content__imageSection__wrapper__image{height:102%;min-height:840px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:1000px){.workPage .content__imageSection__wrapper__image{left:30%}}@media(max-width:800px){.workPage .content__imageSection__wrapper__image{left:26%}}.workPage .content__imageSection__projNumber{position:absolute;top:20px;left:-25px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:36px;color:transparent;-webkit-text-stroke:1px black}.workPage .content__menuSection{width:100%;display:grid;grid-template-rows:100px minmax(28%,45%) 12.5% 11% auto;grid-template-columns:100%}.workPage .content__menuSection .mainNav__btn{justify-self:flex-end}.workPage .content__menuSection__mainHeader{display:flex;flex-direction:column;font-size:77px;line-height:115%;align-self:end;transform:translate(-5px)}@media(max-width:1000px){.workPage .content__menuSection__mainHeader{transform:translate(-25px);font-size:67px}}.workPage .content__menuSection__mainHeader span{text-transform:lowercase}.workPage .content__menuSection__mainHeader span:nth-child(1){transform:translate(-35px)}.workPage .content__menuSection__mainHeader span:nth-child(2){transform:translate(35px)}.workPage .content__menuSection__subHeader{line-height:160%;display:flex;font-size:14px}.workPage .content__menuSection__subHeader:first-of-type{margin-top:30px;transform:translate(28px);max-width:80%}@media(max-width:1000px){.workPage .content__menuSection__subHeader:first-of-type{transform:translate(8px)}}.workPage .content__menuSection__subHeader:last-of-type{margin-bottom:40px;color:#d5d5d5;justify-content:flex-end}.workPage .content__menuSection__socials{justify-self:end;align-self:end;justify-content:flex-end;align-items:flex-start;margin-bottom:22px}.workPage .rightSide{width:100%;min-height:640px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;flex:.18;z-index:1;background-color:#fff}@media(max-width:1400px){.workPage .rightSide{flex:.12}}.workPage .rightSide__drag{width:55%;overflow:hidden}@media(max-width:1400px){.workPage .rightSide__drag{width:85%;margin-left:4px}}.workPage .rightSide__drag__header{text-align:center;font-size:14px}.workPage .rightSide__drag__input{width:100%;margin-bottom:8px;-webkit-appearance:none;background:none;outline:none;padding:16px 0;cursor:pointer}.workPage .rightSide__drag__input::-webkit-slider-thumb{-webkit-appearance:none;width:31px;height:31px;margin:-15px 0 0;border-radius:50%;cursor:pointer;border:5px solid #D5D5D5;background:#111}@media(max-width:1000px){.workPage .rightSide__drag__input::-webkit-slider-thumb{width:25px;height:25px;margin:-12px 0 0;border:4px solid #D5D5D5}}.workPage .rightSide__drag__input::-moz-range-thumb{width:22px;height:22px;margin:-15px 0 0;border-radius:50%;cursor:pointer;border:5px solid #D5D5D5;background:#111}@media(max-width:1000px){.workPage .rightSide__drag__input::-moz-range-thumb{width:25px;height:25px;margin:-12px 0 0;border:4px solid #D5D5D5}}.workPage .rightSide__drag__input::-ms-thumb{width:31px;height:31px;margin:-15px 0 0;border-radius:50%;cursor:pointer;border:5px solid #D5D5D5;background:#111}@media(max-width:1000px){.workPage .rightSide__drag__input::-ms-thumb{width:25px;height:25px;margin:-12px 0 0;border:4px solid #D5D5D5}}.workPage .rightSide__drag__input::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;position:relative;background:#d5d5d5}@media(max-width:1400px){.workPage .rightSide__drag__input::-webkit-slider-runnable-track{width:300px}}.workPage .rightSide__drag__input::-moz-range-track{width:100%;height:2px;cursor:pointer;background:#d5d5d5}@media(max-width:1400px){.workPage .rightSide__drag__input::-moz-range-track{width:300px}}.workPage .rightSide__drag__input::-ms-track{width:100%;height:2px;cursor:pointer;background:#d5d5d5}@media(max-width:1400px){.workPage .rightSide__drag__input::-ms-track{width:300px}}.workPage .rightSide__drag__input:focus{background:none;outline:none}