article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}*,::after,::before{box-sizing:border-box}:root{font-size:15px}body,html{height:100%}body{color:#2e2e2e;background-color:#0e0e0e;font-family:'Overpass Mono',sans-serif;font-weight:600;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h2{font-family:Vollkorn,serif;font-weight:600;font-size:2.5rem;line-height:3rem}a{text-decoration:none;color:#555;outline:0}a:focus,a:hover{color:#fff;outline:0}main{width:100%;height:100vh;display:-ms-grid;display:grid;-ms-grid-columns:100%;grid-template-columns:100%;-ms-grid-rows:100%;grid-template-rows:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:1;grid-area:1/1/2/2;-ms-grid-column-align:center;justify-self:center;position:fixed}main>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.content{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nav{padding:1rem 3vw;text-align:center;position:relative;text-transform:lowercase;color:#fff}.nav__title{font-size:1rem;margin:0 0 1rem}.nav__links{display:inline-block;margin:0 0 1rem}.nav__contacts a:not(:first-child),.nav__links a:not(:first-child){margin:0 0 0 1rem}.intro{position:relative;display:-ms-grid;display:grid;-ms-grid-rows:auto 40vh 20vh auto;grid-template-rows:auto 40vh 20vh auto;-ms-grid-columns:100%;grid-template-columns:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;justify-items:center;width:100vw;height:100vh}.intro>:nth-child(1){-ms-grid-row:1;-ms-grid-column:1}.intro>:nth-child(2){-ms-grid-row:2;-ms-grid-column:1}.intro>:nth-child(3){-ms-grid-row:3;-ms-grid-column:1}.intro>:nth-child(4){-ms-grid-row:4;-ms-grid-column:1}.intro__img{background-image:url(../img/profile.jpg);background-position:50% 0;background-size:cover;width:400px;height:100%;max-height:600px;-ms-grid-row:2;-ms-grid-row-span:2;grid-row:2/span 2;-ms-grid-column:1;grid-column:1;position:relative;-webkit-box-shadow:inset 0 0 75px #0e0e0e;box-shadow:inset 0 0 75px #0e0e0e;-webkit-animation:image_blur 4s;animation:image_blur 4s;border-radius:15px}@-webkit-keyframes image_blur{0%{-webkit-filter:blur(10px);filter:blur(10px)}100%{-webkit-filter:blur(0);filter:blur(0)}}@keyframes image_blur{0%{-webkit-filter:blur(10px);filter:blur(10px)}100%{-webkit-filter:blur(0);filter:blur(0)}}.intro__title{display:none;position:relative;-ms-grid-row:3;-ms-grid-row-span:2;grid-row:3/span 2;-ms-grid-column:1;grid-column:1;font-family:Vollkorn,serif;font-weight:600;font-size:3.5rem;line-height:1;margin:0;color:#fbfbfb;cursor:default}.intro__title .letter{display:inline-block;line-height:1em}.modal{padding:2rem;max-width:100%;overflow-x:hidden}.modal-close{margin-bottom:2rem;cursor:pointer}.work-grid{max-width:100%;display:-ms-grid;display:grid;grid-gap:1rem}.work-grid-item{max-width:500px;margin-bottom:3rem}.work-grid-item a,.work-grid-item a img{width:100%}.work-grid-item a img{box-shadow:0 2px 4px rgba(0,0,0,.15);-moz-box-shadow:0 2px 4px rgba(0,0,0,.15);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.15)}@media screen and (min-width:53em){h2{font-size:3rem;line-height:3.5rem}main{overflow:hidden}.nav{position:absolute;text-align:left;top:0;left:0;display:-ms-grid;display:grid;-ms-flex-line-pack:justify;align-content:space-between;width:100%;max-width:none;height:100vh;padding:2rem 3rem;pointer-events:none;-ms-grid-columns:50% 50%;grid-template-columns:50% 50%;-ms-grid-rows:auto auto auto;grid-template-rows:auto auto auto;grid-template-areas:'title demos' '... ...' '... ...'}.nav__title-wrap{grid-area:title;display:-webkit-box;display:-ms-flexbox;display:flex}.nav__title{margin:0}.nav__links{grid-area:links;padding:0;-ms-grid-column-align:end;justify-self:end;margin:0 0 0 2rem}.nav__contacts{margin:0;grid-area:demos;-ms-grid-column-align:end;justify-self:end}.nav a{pointer-events:auto}.content{position:relative}}@media screen and (min-width:600px){.intro__title{display:block;font-size:5rem}}@media screen and (min-width:1070px){.work-grid{grid-template-columns:repeat(2,1fr)}.intro__title{font-size:6rem}}@media screen and (min-width:1600px){.work-grid{grid-template-columns:repeat(3,1fr)}.intro__title{font-size:7rem}}