a{color:#fff;text-decoration:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fefefe;background-color:#00000f;margin:0;padding:0;font-family:helveticaneuecyrmedium,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{letter-spacing:1px;font-family:helveticaneuecyrmedium,Helvetica,sans-serif}ul{margin:0;padding:0}li{list-style:none}#app{grid-template:"cell-1"20%"viewport"20%"footer"1fr/1fr;min-width:100%;margin:0;padding:0;display:grid;position:relative;overflow-x:hidden}#app ::selection{color:#00f;background-color:#fff}#app>.cell-1{grid-area:cell-1;height:max-content;margin:1rem;display:grid}#app>.cell-1 .profile{margin:0;font-size:1.2rem}#app>.cell-1 nav#main-nav{position:fixed}#app>.cell-2{grid-area:cell-2;display:grid;position:relative}#app>.cell-2 .text span{letter-spacing:1px;text-transform:uppercase;font-size:.4rem}#app>.cell-1>nav h1,#app>.cell-1>nav h2{letter-spacing:1px;font-size:1.1rem}#app>.cell-1>nav ul{line-height:1rem}#app>.viewport{grid-template:"project-list"1fr"project-viewer""home"/1fr;grid-area:viewport;margin-top:1rem;margin-bottom:100%;padding:1rem;display:grid}#app>.viewport p{font-family:helveticaneuecyrlight,Helvetica,sans-serif;font-weight:200}#app>.p5Canvas{z-index:-1;grid-area:p5Canvas;display:grid;position:fixed;top:0}#app>footer{z-index:2;background-color:#00000f;grid-area:foot;min-width:100%;display:grid;position:fixed;bottom:0}#app>footer .monogram{justify-content:space-between;max-width:100%;margin:0 .1rem;padding:1rem;display:flex}#app>footer .pf-title{font-size:1.6rem}#app>footer .mg-scale{max-width:3.5rem;margin-right:1rem}.hidden{display:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-khtml-user-select:none}.title{margin:0}@media screen and (width>=1366px){#app{grid-template:"cell-1 viewport p5Canvas""foot foot foot"/10% 45% 45%;margin:0;padding:0;display:grid}#app>.cell-1{grid-template:"viewer"50%"head"50%/auto;grid-area:cell-1;margin:1rem 1rem 0;display:grid}.app>.cell-2{background-color:#00000f}.app>.cell-2 .scroll{position:fixed}#app>.viewport{grid-area:viewport;grid-template-rows:1fr;height:max-content;margin:1rem 1rem 6rem;display:grid}#app>.viewport :first-child h2{margin-top:0}#app>.viewport .projects ul{line-height:1rem}#app>footer{background-color:#00000f;grid-area:foot;display:grid;position:fixed}#app>footer :hover{background-color:#000}#app>.p5Canvas{grid-area:p5Canvas;display:grid;position:fixed;top:0;right:0}.monogram{display:inline-flex}.monogram .mg-scale{max-width:3.5rem;padding:0}}@media screen and (width>=834px){#app{grid-template:"cell-1 viewport""foot foot"/15% 85%;margin:0;padding:0;display:grid;position:relative;overflow-x:visible}#app>.cell-1{grid-template:"viewer"50%"head"50%/auto;grid-area:cell-1;margin:1rem 1rem 0;display:grid}#app>.cell-2 .text span{letter-spacing:1px;text-transform:uppercase;font-size:.7rem}#app>.p5Canvas{grid-area:p5Canvas;display:grid;position:absolute;top:0}#app>footer{background-color:#00000f;grid-area:foot;display:grid;position:fixed;bottom:0}#app>footer :hover{background-color:#000}}@media screen and (width<=833px){#app>.viewport{margin-top:11rem!important}}@font-face{font-family:helveticaneuecyrheavy;src:url(/assets/fonts/helveticaneuecyr-heavy-webfont-ogJq-LNg.eot);src:url(/assets/fonts/helveticaneuecyr-heavy-webfont-ogJq-LNg.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/helveticaneuecyr-heavy-webfont-767TtFLW.woff2)format("woff2"),url(/assets/fonts/helveticaneuecyr-heavy-webfont-hdJ2EXNA.woff)format("woff"),url(/assets/fonts/helveticaneuecyr-heavy-webfont-hCN7qB90.ttf)format("truetype"),url(/assets/images/helveticaneuecyr-heavy-webfont-BibB9dAV.svg#helveticaneuecyrheavy)format("svg");font-weight:400;font-style:normal}@font-face{font-family:helveticaneuecyrlight;src:url(/assets/fonts/helveticaneuecyr-light-webfont-BB6517_o.eot);src:url(/assets/fonts/helveticaneuecyr-light-webfont-BB6517_o.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/helveticaneuecyr-light-webfont-SLo6kz5f.woff2)format("woff2"),url(/assets/fonts/helveticaneuecyr-light-webfont-pqHce0VY.woff)format("woff"),url(/assets/fonts/helveticaneuecyr-light-webfont-CvBB3gf8.ttf)format("truetype"),url(/assets/images/helveticaneuecyr-light-webfont-is9YGRlX.svg#helveticaneuecyrlight)format("svg");font-weight:400;font-style:normal}@font-face{font-family:helveticaneuecyrmedium;src:url(/assets/fonts/helveticaneuecyr-medium-webfont-Ve_ZPlgx.eot);src:url(/assets/fonts/helveticaneuecyr-medium-webfont-Ve_ZPlgx.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/helveticaneuecyr-medium-webfont-fFqq3DZY.woff2)format("woff2"),url(/assets/fonts/helveticaneuecyr-medium-webfont-Bybkj_Tk.woff)format("woff"),url(/assets/fonts/helveticaneuecyr-medium-webfont-4d57JgQ6.ttf)format("truetype"),url(/assets/images/helveticaneuecyr-medium-webfont-UWeLnFNv.svg#helveticaneuecyrmedium)format("svg");font-weight:400;font-style:normal}@font-face{font-family:helveticaneuecyrroman;src:url(/assets/fonts/helveticaneuecyr-roman-webfont-B_oIl1RL.eot);src:url(/assets/fonts/helveticaneuecyr-roman-webfont-B_oIl1RL.eot?#iefix)format("embedded-opentype"),url(/assets/fonts/helveticaneuecyr-roman-webfont-xOYoETc0.woff2)format("woff2"),url(/assets/fonts/helveticaneuecyr-roman-webfont-BAZiegSj.woff)format("woff"),url(/assets/fonts/helveticaneuecyr-roman-webfont-FPmhm_f1.ttf)format("truetype"),url(/assets/images/helveticaneuecyr-roman-webfont-qYXE-0Nh.svg#helveticaneuecyrroman)format("svg");font-weight:400;font-style:normal}#home{grid-area:home}#home .karan-thumb{width:12rem;height:auto}#home h2{font-size:1.2rem}#home P{font-family:helveticaneuecyrlight,sans-serif;font-size:1rem}#home h6{letter-spacing:1px;margin:0;font-family:helveticaneuecyrlight,Helvetica,sans-serif;font-size:.65rem;font-weight:200;line-height:12px}#home .responsibilities li{margin-left:1rem;list-style:outside}#project-viewer{grid-area:project-viewer;padding-bottom:4rem}#project-viewer h2{margin-bottom:.5rem;font-size:1.5rem}#project-viewer h3{margin:1.5rem 0 .5rem;font-size:1.2rem}#project-viewer h4{margin:0;font-size:1rem}#project-viewer p{font-family:helveticaneuecyrlight,sans-serif;font-size:1rem;line-height:1.5}#project-viewer .project-header{margin-bottom:2rem}#project-viewer .roles-tags,#project-viewer .stack-tags{flex-wrap:wrap;margin:.5rem 0;display:flex}#project-viewer .roles-tags .role-tag,#project-viewer .roles-tags .stack-tag,#project-viewer .stack-tags .role-tag,#project-viewer .stack-tags .stack-tag{color:#fff;background-color:#003;border-radius:1rem;margin:0 .5rem .5rem 0;padding:.3rem .8rem;font-family:helveticaneuecyrlight,sans-serif;font-size:.8rem}#project-viewer .roles-tags .stack-tag,#project-viewer .stack-tags .stack-tag{background-color:#1a1a1a}#project-viewer .project-images{margin:2rem 0}#project-viewer .project-images .image-grid{grid-gap:1rem;grid-template-columns:1fr;display:grid}@media (width>=834px){#project-viewer .project-images .image-grid{grid-template-columns:1fr 1fr}}#project-viewer .project-images .image-grid .project-shot{border-radius:.5rem;width:100%;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012}#project-viewer .project-video{margin:2rem 0}#project-viewer .project-video video{border-radius:.5rem;width:100%;max-width:800px;box-shadow:0 1px 2px #00000012,0 2px 4px #00000012,0 4px 8px #00000012,0 8px 16px #00000012,0 16px 32px #00000012,0 32px 64px #00000012}#project-viewer .project-links{flex-wrap:wrap;margin:2rem 0;display:flex}#project-viewer .project-links .project-link{color:#fff;background-color:#003;border-radius:.3rem;margin:0 1rem 1rem 0;padding:.8rem 1.2rem;text-decoration:none;transition:background-color .2s}#project-viewer .project-links .project-link:hover{background-color:#000050}#project-viewer .project-links .project-link.github-link{background-color:#24292e}#project-viewer .project-links .project-link.github-link:hover{background-color:#2f363d}#project-viewer .project-links .project-link.behance-link{background-color:#1769ff}#project-viewer .project-links .project-link.behance-link:hover{background-color:#0057ff}#project-viewer .navigation-buttons{margin-top:2rem}#project-viewer .navigation-buttons .back-button{color:#fff;border-bottom:1px solid #fff;padding:.5rem 1rem;text-decoration:none;transition:border-color .2s;display:inline-block}#project-viewer .navigation-buttons .back-button:hover{border-color:#003}#project-viewer .loading-state{text-align:center;justify-content:center;align-items:center;height:200px;display:flex}@media screen and (width>=1366px){#project-viewer{max-width:800px}#project-viewer .project-images .image-grid{grid-template-columns:1fr 1fr}}