/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}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-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}*,*:before,*:after{box-sizing:border-box}html{background-color:#fff;overflow-y:auto}html,html a{-webkit-font-smoothing:antialiased;text-shadow:1px 1px 1px rgba(0,0,0,0.004)}html,body{margin:0;padding:0;height:100%;width:100%}html::after,body::after{clear:both;content:"";display:table}body{margin:0 auto;width:100%;overflow:hidden;height:auto}.container__header{height:100%;height:100vh;width:100%;display:table;margin-right:auto;margin-left:auto;padding-right:9%;padding-left:9%}@media (min-width: 160em){.container__header{padding-left:7%;padding-right:7%}}.container__header__content{display:table-cell;vertical-align:middle}.container__projects__outer{max-width:1600px;margin:0 auto}.container__projects{position:relative;max-width:calc(2/3 * 100%);margin-right:auto;margin-left:auto}body{font-family:"karla",serif;font-size:1em;line-height:1.5;font-size:100%;line-height:1.2}@media all and (min-width: 48em){body{font-size:125%;line-height:1.2}}@media all and (min-width: 64em){body{font-size:137.5%;line-height:1.2}}@media all and (min-width: 85.375em){body{font-size:137.5%;line-height:1.2}}@media all and (min-width: 120em){body{font-size:187.5%;line-height:1.5}}@media all and (min-width: 160em){body{font-size:200%;line-height:1.5}}h1,h2,h3,h4,h5,h6{font-family:"karla",sans-serif}h1{font-size:1.44rem;line-height:1.2;letter-spacing:calc(100% + 0.1vw);letter-spacing:-webkit-calc(100% + 0.1vw);margin:1.2rem 0}@media all and (min-width: 48em){h1{font-size:2.48832rem;line-height:1.2}}@media all and (min-width: 64em){h1{font-size:3.58318rem;line-height:1.2}}@media all and (min-width: 85.375em){h1{font-size:3.58318rem;line-height:1.2}}@media all and (min-width: 120em){h1{font-size:4.29982rem;line-height:1.2}}@media all and (min-width: 160em){h1{font-size:4.29982rem;line-height:1.2}}.header__description{margin-top:1.2rem}.header__description p{font-size:1.2rem;line-height:1.25;letter-spacing:calc(100% + 0.1vw);letter-spacing:-webkit-calc(100% + 0.1vw);margin:0}@media all and (min-width: 48em){.header__description p{font-size:1.44rem;line-height:1.5}}@media all and (min-width: 64em){.header__description p{font-size:1.728rem;line-height:1.5}}@media all and (min-width: 85.375em){.header__description p{font-size:1.728rem;line-height:1.5}}@media all and (min-width: 120em){.header__description p{font-size:2.0736rem;line-height:1.5}}@media all and (min-width: 160em){.header__description p{font-size:2.0736rem;line-height:1.5}}@media (min-width: 120em){.header__description p{letter-spacing:0.05vw}}h2{font-size:1.728rem;line-height:1.2}@media all and (min-width: 48em){h2{font-size:2.0736rem;line-height:1.2}}@media all and (min-width: 64em){h2{font-size:2.0736rem;line-height:1.2}}@media all and (min-width: 85.375em){h2{font-size:2.48832rem;line-height:1.2}}@media all and (min-width: 120em){h2{font-size:3.58318rem;line-height:1.2}}@media all and (min-width: 160em){h2{font-size:3.58318rem;line-height:1.2}}@media (min-width: 48em){h2{margin:1.2rem 0 0 0}}h6{margin:.3rem 0 0 0;font-size:0.8rem}@media (min-width: 48em){h6{font-size:1rem}}.project__shapes{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0}.project__shapes .shape{background-repeat:no-repeat;z-index:0}.project__shapes .one{background-image:url("./images/triangle.svg");background-size:100% auto;display:block;position:absolute;top:10%;left:-15%;width:60px;height:60px;-webkit-transform:rotate(11deg);-moz-transform:rotate(11deg);-ms-transform:rotate(11deg);-o-transform:rotate(11deg);transform:rotate(11deg)}.project__shapes .two{background-image:url("./images/plus.svg");background-size:100% auto;display:block;position:absolute;top:21%;right:-15%;width:40px;height:40px;-webkit-transform:rotate(-33.33deg);-moz-transform:rotate(-33.33deg);-ms-transform:rotate(-33.33deg);-o-transform:rotate(-33.33deg);transform:rotate(-33.33deg)}.project__shapes .three{background-image:url("./images/circle.svg");background-size:100% auto;display:block;position:absolute;top:35%;left:-50%;width:200px;height:200px}@media (min-width: 48em){.project__shapes .three{width:200px;height:200px;left:-15%;top:50%}}.project__shapes .four{background-image:url("./images/plus.svg");background-size:100% auto;display:block;position:absolute;top:58%;right:-15%;width:20px;height:20px;-webkit-transform:rotate(-666.666deg);-moz-transform:rotate(-666.666deg);-ms-transform:rotate(-666.666deg);-o-transform:rotate(-666.666deg);transform:rotate(-666.666deg)}.project__shapes .five{background-image:url("./images/plus.svg");background-size:100% auto;display:block;position:absolute;top:72%;left:-15%;width:40px;height:40px}.project__shapes .six{background-image:url("./images/triangle.svg");background-size:100% auto;display:block;position:absolute;top:40%;left:50%;width:30px;height:30px;-webkit-transform:rotate(-12deg);-moz-transform:rotate(-12deg);-ms-transform:rotate(-12deg);-o-transform:rotate(-12deg);transform:rotate(-12deg)}.project__shapes .seven{background-image:url("./images/triangle.svg");background-size:100% auto;display:block;position:absolute;top:85%;right:-15%;width:60px;height:60px;-webkit-transform:rotate(-333.333deg);-moz-transform:rotate(-333.333deg);-ms-transform:rotate(-333.333deg);-o-transform:rotate(-333.333deg);transform:rotate(-333.333deg)}.project__shapes .eight{background-image:url("./images/circle.svg");background-size:100% auto;display:block;position:absolute;top:95%;left:-12%;width:90px;height:90px;-webkit-transform:rotate(-333.333deg);-moz-transform:rotate(-333.333deg);-ms-transform:rotate(-333.333deg);-o-transform:rotate(-333.333deg);transform:rotate(-333.333deg)}.header__description__link{position:relative;z-index:100}.header__description__link:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;width:100%;z-index:-1;display:none}.header__description__link:hover{color:#141cec}.header__description__link:hover:after{display:block}a{color:inherit;text-decoration:none}a:hover{color:#141cec}.project__image__container__button{position:absolute;bottom:.75rem;right:.75rem;color:#fff;background:#141cec;padding:1.5rem 3rem;z-index:100;font-family:"karla",sans-serif;font-weight:400;text-transform:uppercase;font-size:1rem;overflow:hidden;-webkit-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);-moz-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1)}.project__image__container__button.inactive{display:none}@media (min-width: 48em){.project__image__container__button.inactive{display:block}}.project__image__container__button.inactive:hover{color:#fff;background:#090d7a}.project__image__container__button.inactive:hover:after{height:0%}.project__image__container__button:after{content:'';position:absolute;z-index:-1;width:100%;height:0;top:50%;left:50%;background:#fff;-webkit-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);-moz-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);-webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);-o-transform:translateX(-50%) translateY(-50%) rotate(45deg);transform:translateX(-50%) translateY(-50%) rotate(45deg)}.project__image__container__button:hover:after{height:250%}@media (min-width: 64em){.project__image__container__button{right:1.5rem;bottom:1.5rem}}.project__nav{position:fixed;top:50%;right:0%;-webkit-transform:translate(100%, -50%);-moz-transform:translate(100%, -50%);-ms-transform:translate(100%, -50%);-o-transform:translate(100%, -50%);transform:translate(100%, -50%);-webkit-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);-moz-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);display:none}@media (min-width: 48em){.project__nav{display:block}}.project__nav.showing{-webkit-transform:translate(-100%, -50%);-moz-transform:translate(-100%, -50%);-ms-transform:translate(-100%, -50%);-o-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.project__nav ul{display:block;margin:0;padding:0;list-style:none;cursor:default;background-color:#fff;padding:15px 10px;border-radius:50px;border:3px solid #141cec}.project__nav li{position:relative;display:block;margin-top:12px;width:15px;height:15px;cursor:pointer}.project__nav li:first-child{margin-top:0}.project__nav li:before{content:attr(title);display:block;position:absolute;width:0px;overflow:hidden;text-align:center;margin-right:4px;opacity:0;right:0;top:0;border-radius:50px;line-height:15px;background-color:#141cec;color:#fff;font-family:"karla",sans-serif;font-weight:700;font-size:0.9rem;text-transform:uppercase;white-space:nowrap;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.project__nav li:hover:before{opacity:1;width:175px}.project__nav li a{top:0;left:0;width:100%;height:100%;outline:none;border-radius:50%;background-color:#141cec;text-indent:-999em;cursor:pointer;position:absolute;z-index:500}.project__nav li a{background-color:transparent;box-shadow:inset 0 0 0 3px #141cec;-webkit-transition:box-shadow .4s ease;-moz-transition:box-shadow .4s ease;transition:box-shadow .4s ease}.project__nav li:hover a,.project__nav li:focus a{box-shadow:inset 0 0 0 11px #141cec}.project__nav li.current a{box-shadow:inset 0 0 0 12px #141cec}.container__header{position:relative;background-color:#141cec;background-image:url("./images/pattern.png");color:#fff}.header__description{list-style:none}.header__description--mobile{display:block}@media (min-width: 48em){.header__description--mobile{display:none}}.header__description--desktop{display:none}@media (min-width: 48em){.header__description--desktop{display:block}}.header__description__icon{line-height:inherit;margin-right:2.4rem}.container__header .circle{background-image:url("./images/circle.svg");background-size:100% auto;display:block;position:absolute;bottom:0;right:0;-webkit-transform:translateY(33.333%);-moz-transform:translateY(33.333%);-ms-transform:translateY(33.333%);-o-transform:translateY(33.333%);transform:translateY(33.333%);margin-right:9%;margin-left:9%;width:100px;height:100px}@media (min-width: 160em){.container__header .circle{margin-left:7%;margin-right:7%}}@media (min-width: 48em){.container__header .circle{height:200px;width:200px}}@media (min-width: 64em){.container__header .circle{height:250px;width:250px}}@media (min-width: 85.375em){.container__header .circle{height:250px;width:250px}}@media (min-width: 120em){.container__header .circle{height:350px;width:350px}}.container__projects{box-sizing:border-box}.project{position:relative}.project::after{clear:both;content:"";display:table}@media (min-width: 48em){.project:first-child{padding-top:9.6rem}}@media (min-width: 85.375em){.project:first-child{padding-top:12rem}}@media (min-width: 120em){.project:first-child{padding-top:14.4rem}}@media (min-width: 48em){.project{padding:4.8rem 0}}@media (min-width: 85.375em){.project{padding:6rem 0}}@media (min-width: 120em){.project{padding:7.2rem 0}}.project h1{line-height:1}.project__description,.project__image__container{width:100%;margin-top:4.8rem}@media (min-width: 48em){.project__description,.project__image__container{width:47%;margin-top:0rem}}@media (min-width: 48em){.project{box-sizing:border-box}.project::after{clear:both;content:"";display:table}.project:nth-child(odd) .project__description{float:right;margin-left:3%}.project:nth-child(odd) .project__image__container{float:left;margin-right:3%}.project:nth-child(even) .project__description{float:left;margin-right:3%}.project:nth-child(even) .project__image__container{float:right;margin-left:3%}}.project .project__image__container{position:relative;cursor:pointer}.project .project__image__container:after{display:block;content:'';position:absolute;right:.75rem;bottom:.75rem;height:100%;width:100%;border:6px solid #141cec}.project .project__image__container .project__image__container__image{background-size:100% auto;background-position:center center;background-repeat:no-repeat;height:0 !important;padding-bottom:100%;background-size:cover;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);-moz-transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1);transition:all .4s cubic-bezier(0.345, 0.005, 0.07, 1)}.project .project__image__container:hover .project__image__container__image{-webkit-transform:scale(1) rotate(0deg);-moz-transform:scale(1) rotate(0deg);-ms-transform:scale(1) rotate(0deg);-o-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-filter:grayscale(0%);filter:grayscale(0%)}@media (min-width: 64em){.project .project__image__container:after{right:1.5rem;bottom:1.5rem}}.project:nth-child(odd) .project__image__container__image{-webkit-transform:rotate(9deg) scale(1.3);-moz-transform:rotate(9deg) scale(1.3);-ms-transform:rotate(9deg) scale(1.3);-o-transform:rotate(9deg) scale(1.3);transform:rotate(9deg) scale(1.3)}.project:nth-child(even) .project__image__container__image{-webkit-transform:rotate(-9deg) scale(1.3);-moz-transform:rotate(-9deg) scale(1.3);-ms-transform:rotate(-9deg) scale(1.3);-o-transform:rotate(-9deg) scale(1.3);transform:rotate(-9deg) scale(1.3)}.project .project__image__clip{overflow:hidden;position:relative;height:100%;width:100%}.project .project__role{text-transform:uppercase}.project .project__role span{color:#141cec}footer{margin-right:auto;margin-left:auto;padding-right:9%;padding-left:9%;margin-top:7.2rem;margin-bottom:7.2rem;position:relative}@media (min-width: 160em){footer{padding-left:7%;padding-right:7%}}@media (min-width: 120em){footer{margin-top:10.8rem;margin-bottom:10.8rem}}footer ul{width:100%;padding-left:0;display:block;margin:0}@media (min-width: 48em){footer ul{display:inline-block}}footer ul li{list-style:none;font-family:"karla",sans-serif;font-weight:700;display:block}@media (min-width: 48em){footer ul li{display:inline-block;margin-left:2.4rem}}@media (min-width: 64em){footer ul li{margin-left:3.6rem;display:inline-block}}footer ul li:first-child{margin-left:0}footer ul li:nth-child(2){margin-left:0}.footer__logo{background-image:url("./images/logo-blue-small.svg");background-size:auto 100%;background-repeat:no-repeat;height:100px;width:100px;display:inline-block;cursor:pointer;display:block;float:right}@media (min-width: 48em){.footer__logo{float:right;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}}.footer__email{display:block;margin-left:0;margin-top:1.2rem;font-size:1rem}