@import url(https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400&family=Roboto:ital,wght@0,400;1,300&display=swap);body,html{width:100%}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f4f4;font-family:Roboto Slab,Oxygen,sans-serif;margin:0}#root{display:flex;width:100%}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:2px;margin:0}@media screen and (max-width:880px){h1{font-size:6vw}}.App{display:flex;flex-direction:row;width:100%}.App .main{width:74%;z-index:50}@media screen and (max-width:880px){.App .main{margin-left:15px;margin-right:15px;width:100%}}.App .main .section{margin-top:80px;min-height:300px;position:relative}@media screen and (max-width:880px){.App .main .section{margin-top:135px}.App .main .section:first-of-type{margin-top:56px}}.App .main .section .content{font-family:Roboto;font-size:12px;letter-spacing:.05em;line-height:1.8;margin-right:53px;margin-top:42px}@media screen and (max-width:880px){.App .main .section .content{margin-right:0;margin-top:30px}}.App .main .section .content .case{margin-bottom:100px}@media screen and (max-width:880px){.App .main .section .content .case:last-of-type{margin-bottom:0}}.App .main .section .content .case video{height:auto;margin-bottom:20px;width:100%}@media screen and (max-width:880px){.App .main .section .content .case video{margin-bottom:8px}}.App .main .section .content .case .title{font-family:Roboto;font-size:16px;letter-spacing:.05em;margin-bottom:4px}.App .main .section .content .case .data{font-family:Roboto;font-size:12px;letter-spacing:.05em;line-height:1.8}.App .main .section .content .case .data a{color:#000}.App .main .section.work .anchor-wrapper{top:0}.App .main .section.work .anchor-wrapper .anchor{top:167px}.App .main .section.info .anchor-wrapper .anchor{top:221px}.App .main .section.contact{padding-bottom:calc(100vh - 207px)}.App .main .section.contact .anchor-wrapper .anchor{top:248px}.App .main .section .inner{display:flex;flex-direction:column}.App .main .section .anchor-wrapper{bottom:0;position:absolute;top:12px}.App .main .section .anchor{background:blue;height:27px;mix-blend-mode:difference;position:-webkit-sticky;position:sticky;top:200px;transform:translateX(-173px);width:120px}@media screen and (max-width:880px){.App .main .section .anchor{display:none}}.nav{background:#f4f4f4;width:26%}@media screen and (max-width:880px){.nav{position:fixed;width:100%;z-index:1000}}.nav .hero{align-items:flex-end;display:flex;flex-direction:column;mix-blend-mode:difference;padding-right:65px;position:fixed;width:26%;z-index:100}@media screen and (max-width:880px){.nav .hero{mix-blend-mode:inherit;padding-right:20px;width:100%}}.nav .hero .logo{color:#fff;position:absolute;top:49px}@media screen and (max-width:880px){.nav .hero .logo{color:#000;top:20px}}.nav .hero .logo .name{font-family:Roboto;font-size:19px;text-align:right}.nav .hero .logo .byline{font-size:11px;font-weight:300;margin-top:3px}@media screen and (max-width:880px){.nav .hero .logo .byline{font-size:9px}}.nav .hero .menu{font-family:Roboto Slab;font-size:15px;font-weight:300;list-style:none;margin:0;mix-blend-mode:difference;padding:0;position:absolute;text-align:right;top:170px}@media screen and (max-width:880px){.nav .hero .menu{display:none}}.nav .hero .menu li{color:#fff;cursor:pointer;height:27px;margin:0;padding:0;position:relative}.nav .hero .menu li:hover:after{background:#00ffdc;content:"";height:27px;mix-blend-mode:difference;position:absolute;right:-12px;top:-3px;width:120px}@media screen and (max-width:880px){.nav .hero .menu li:hover:after{display:none}}#clients .anchor-wrapper .anchor{top:194px}#clients .clientlist{list-style:none;margin:0;padding:0}
/*# sourceMappingURL=main.9096a50e.css.map*/