*{-webkit-box-sizing:border-box;box-sizing:border-box}body{min-height:96.6vh;margin:1rem;font-family:'Roboto', sans-serif;background-image:url("../img/site-wide-assets/halftone-gradient-bottom-content.png");background-size:auto;background-repeat:repeat-x;background-position:bottom}header{display:block;position:fixed;top:0;left:0;right:0;z-index:10;padding:0 1rem 1rem 1rem;background-image:url("../img/site-wide-assets/halftone-gradient-bottom.png");background-size:auto;background-repeat:repeat-x;background-position:bottom;background-color:#21303D}h1{font-family:'Kodchasan', sans-serif;color:#21303D}header h1{margin:1rem 0 0.75rem 0;font-family:'Roboto', sans-serif;color:#FFFFFF;-webkit-transform:scale(1.11,1);-moz-transform:scale(1.11,1);-ms-transform:scale(1.11,1);-o-transform:scale(1.11,1);transform:scale(1.11,1)}h2{margin:1.66rem 0 0 0;font-family:'Kodchasan', sans-serif;font-size:2rem;color:#457FC1}h3{margin:0 0 0.25rem 0;padding:1rem 0 0 0;font-family:'Kodchasan', sans-serif;font-size:1.5rem;color:#14A39C}h4{margin:0;font-family:'Kodchasan', sans-serif}p{font-family:'Roboto', sans-serif}a{font-family:'Roboto', sans-serif}li{padding:0.5rem 0 0.5rem 0}mark{background-color:#B0FFFB}nav{display:block;text-align:center;margin:1rem 0 0.25rem 0}section{display:block}nav a{display:inline-block;margin:0 0.25rem 0.5rem 0.25rem;padding:0.5rem;font-size:1rem;text-decoration:none;color:#FFFFFF;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}nav a:focus,nav a:hover{background-color:#2B4964;opacity:0.85;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.nav_transition1,.nav_transition2,.nav_transition3{opacity:0}figure{margin:0}figcaption{font-family:'Crete+Round', serif;font-style:italic;padding:1rem 0 1rem 0}#nav_spacing{margin:9rem 0 0 0}#nav_one_third{display:block;position:absolute}#homepage_content_two_thirds{display:block;padding:16.25rem 0 0 0}#about_content_two_thirds{display:block;padding:16.25rem 1.5rem 0 1.5rem}#project_content_two_thirds{display:block}#content_two_thirds{padding:16rem 0 0 0}#projects_intro{padding:1rem 0 0 0}#kodchasan{margin:0 0 0.5rem 0;font-family:'Kodchasan', sans-serif}#roboto{margin:0 0 0.5rem 0;font-family:'Roboto', sans-serif}#crete_round{margin:0 0 0.5rem 0;font-family:'Crete+Round', serif}#bluish_ebony_clay{background-color:#21303D}#steel_blue{background-color:#457FC1}#mountain_meadow{background-color:#14A39C}#french_pass{background-color:#B0FFFB}#light_gradient{background-image:url("../img/site-wide-assets/halftone-gradient-bottom.png");background-size:auto;background-repeat:repeat-x;background-position:bottom;background-color:#21303D}#dark_gradient{background-image:url("../img/site-wide-assets/halftone-gradient-bottom-content.png");background-size:auto;background-repeat:repeat-x;background-position:bottom;background-color:#FFFFFF}#citations{word-wrap:break-word}#homepage_bio{display:block;position:relative;max-width:100%;margin:0;padding:0}#about_bio{display:block;position:relative;max-width:100%;margin:0;padding:0}#homepage_works,#work_content{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100%}#bio_heading{font-size:2.8rem;font-style:normal;margin:0;padding:0}#bio_text{margin:0.25rem 0 1rem 0;padding:0.25rem 0 1.5rem 0;font-family:'Roboto', sans-serif;color:#353535}#git_repository h2{padding:0 0 0.5rem 0}.logo_and_heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2rem 0.75rem 0.75rem 0.75rem}.logo_and_heading img{width:103px;height:60px}.logo_and_heading h1{margin:1rem 0 0 0}.logo_and_heading img{-webkit-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.logo_and_heading img:focus,.logo_and_heading img:hover{opacity:0.5;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.element{padding:0 0 2rem 0}.element h3{padding:2rem 0 0 0}.element h4{margin:1rem 0 0.5rem 0}.element p{margin:0 0 1.5rem 0}.home_content_left h4{margin:0}.home_content_left p{margin:1rem 0 1rem 0}.element nav{position:relative;background-color:#21303D}.element .logo_and_heading{background-color:#21303D}.element .logo_and_heading h1{color:#FFFFFF}.pni_padding{padding:24rem 0 0 0}.iat_334_padding{padding:23rem 0 0 0}.style_guide_section{margin:4rem 0 0 0}.reflection{margin:0 0.5rem 2rem 0.5rem}.reflection h2{margin:1rem 0 0 0}.reflection p{margin:0.5rem 0 0 0}.project_context{padding:0 0.5rem 0.75rem 0.5rem}.project_context h2{font-size:1.25rem;margin:0;color:#FFFFFF}.project_context p{font-size:0.9rem;margin:0.5rem 0 0.5rem 0;color:#FFFFFF}#context_link{font-size:0.9rem}.home_content_left,.home_content_right,.project_content{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.top_project_content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.video_wrapper_compensate{padding:0 0 2rem 0}.top_project_content img{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;max-width:100%;padding:0}.top_project_content h1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;max-width:70%;font-size:2.33rem;margin:4rem 0 1rem 0}.video_wrapper{display:block;position:relative;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%;height:51.675vw;padding:0}.top_project_content iframe{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.home_content_left,.home_content_right{padding:1rem 1.25rem 1rem 1.25rem}.content_image{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding:1rem}.works_img{display:block;width:100%;height:auto}.colour_sample{width:2rem;height:2rem;margin:0 1rem 0 0}.pattern_sample{width:10rem;height:10rem;margin:0 1rem 5rem 0}.get_in_touch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1rem 0 0 0}.colour_branding,.pattern_branding{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.contact_method{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:1rem}.contact_method img{width:33px;height:33px;margin:0 1rem 1rem 0}.colour_branding p,.pattern_branding p{margin:0.5rem 0 1.5rem 0}.contact_method a,.contact_method p{margin:0.5rem 0 0 0}.text_link{font-weight:bold;text-decoration:none;color:#14A39C;-webkit-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.text_link:focus,.text_link:hover{font-weight:bold;text-decoration:underline;color:#0A4240;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.button_nav{padding:0.3rem 0.66rem 0.3rem 0.66rem;font-family:'Kodchasan', sans-serif;font-size:0.85rem;font-weight:bold;text-decoration:none;background-color:#FFFFFF;background-image:url("../img/site-wide-assets/halftone-gradient-left.png");background-repeat:repeat-y;background-position:left;border-color:#14A39C;border-style:solid;border-radius:25px;border-width:0.15rem;color:#14A39C;-webkit-transition-duration:0.25s;-o-transition-duration:0.25s;transition-duration:0.25s}.button_nav:focus,.button_nav:hover{background-color:#0A4240;border-color:#0A4240;color:#FFFFFF;-webkit-transition-duration:0.5s;-o-transition-duration:0.5s;transition-duration:0.5s}.image_nav{display:inline-block;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1}.image_nav img{display:block;width:100%;height:auto}.works_row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100%}.content_row{position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100%;padding:2rem 0 1rem 0}.home_content_row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100%;padding:0 0 2rem 0}.home_content_row_bottom{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;max-height:100%;padding:0}.home_content_row .content_image,.home_content_row_bottom .content_image{-webkit-box-flex:2;-ms-flex:2;flex:2}.fade_in_sequence1,.fade_in_sequence2,.fade_in_sequence3,.fade_in_sequencenth{margin:0;opacity:0}.bottom_content{padding:0 0 7.5rem 0}@media (min-width:619px){#content_two_thirds{padding:14rem 0 0 0}}@media (min-width:1009px){.get_in_touch{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}@media (min-width:825px){body{background-image:none}header{background-image:url("../img/site-wide-assets/halftone-gradient-left.png");background-repeat:repeat-y;background-position:left}#content_two_thirds{display:block;position:absolute;top:0;bottom:0;left:22vw;right:0}#about_content_two_thirds,#homepage_content_two_thirds,#project_content_two_thirds{display:block;position:absolute;left:22vw;background-image:url("../img/site-wide-assets/halftone-gradient-bottom-content.png");background-size:auto;background-repeat:repeat-x;background-position:bottom}#homepage_content_two_thirds{padding:1rem 0 0 0}#about_content_two_thirds{top:2rem;bottom:0;padding:0 0 0 3rem}#about_content_two_thirds,#project_content_two_thirds{margin:2rem 0 0 0}#content_two_thirds{padding:0.5rem 0rem 0rem 2.5rem}#nav_one_third{position:fixed;bottom:0;right:auto;width:22vw}#homepage_bio{padding:2rem 0 3rem 3rem}#bio_heading{padding:0 0 1rem 0;font-size:3.5rem}#homepage_bio p{font-size:2.25rem;padding:0 0 0 2rem}.logo_and_heading{padding:1.75rem 0.75rem 0.75rem 0.75rem}.logo_and_heading h1{margin:1rem 0 1.5rem 0}#projects_intro{padding:1rem 1.5rem 4.5rem 3rem}#about_bio,#homepage_bio{max-width:75%}#bio_text{padding:0 1.5rem 1.5rem 0}.project_context_initial{opacity:0}.reflection{max-width:60%;margin:0;padding:1.5rem 0 0 3rem}.project_context{display:none;padding:10.5rem 0 0.75rem 0}.project_context p{padding:0 2rem 0 2rem;text-align:center}.project_context h2{padding:1.5rem 2rem 0 2rem;text-align:center}.home_content_row,.home_content_row_bottom{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding:0 0 8rem 0}.home_content_left,.home_content_right,.project_content{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.video_wrapper_compensate{padding:0}.top_project_content img{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;max-width:75%;padding:0}.top_project_content h1{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;margin:0;padding:2rem 0 0 3rem;font-size:3.25rem}.video_wrapper{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;max-width:75%;height:33.75vw;padding:0}.content_row{display:-webkit-box;display:-ms-flexbox;display:flex}.content_row h2,.content_row h3,.content_row p,.works_row h2,.works_row p{max-width:60%;margin:0.5rem 0 1rem 0;padding:0 0 0 3rem}.content_row h2{margin:0.5rem 0 0 0}.content_row ul{max-width:60%;padding:0 0 0 4.5rem}.content_row li{padding:0 0 0.25rem 0}.content_row h3{margin:1.75rem 0 0 0}figure{max-width:75%;padding:0 0 0 3rem}.home_content_left{padding:0 2.5rem 2rem 3rem}.home_content_right{padding:0 3rem 2rem 2.5rem}.content_image{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;padding:0}header h1{margin:1rem 0 1.5rem 0;text-align:center}.home_content_left h3,.home_content_right h3{padding:0 0 0.25rem 0;margin:0}h2{font-size:2.33rem}h3{font-size:1.75rem}nav{position:absolute;left:0;right:0;margin:0;text-align:left}nav a{display:block;margin:0 0 1rem 0;font-size:1.25rem;text-align:center}a,li,p{font-size:1.25rem;line-height:145%}figcaption{padding:1rem 0 1rem 0;font-size:1.25rem}.button_nav{padding:0.33rem 1rem 0.33rem 1rem;font-size:1.25rem;border-radius:25px;border-width:0.15rem}}@media (min-width:2560px){#homepage_bio{padding:3rem 0 3.5rem 4rem}#bio_heading{font-size:4.66rem}#homepage_bio p{font-size:3rem}#projects_intro{padding:3rem 1.5rem 4rem 4rem}.logo_and_heading img{width:227.9678px;height:132.8px;padding:2.33rem 0.75rem 0 0.75rem}#logo_and_heading h1{margin:1rem 0 1.5rem 0;font-size:2.8rem}#about_content_two_thirds{padding:1rem 0 0 4rem}.top_project_content h1{margin:2rem 0 1rem 0rem;padding:0 0 0 4rem;font-size:4.5rem}.reflection{max-width:60%;margin:0 0 2rem 0;padding:0 0 0 4rem}.content_row h2,.content_row h3,.content_row p,.works_row h2,.works_row p{max-width:60%;margin:0.5rem 0 0 0;padding:0 0 1rem 4rem}.content_row ul{max-width:60%;padding:0 0 1rem 5.75rem}.content_row li{padding:0 0 0.5rem 0}.content_row h3{padding:2rem 0 0.5rem 4rem}figure{max-width:75%;padding:1rem 0 0 4rem}.home_content_left{padding:0 3.75rem 3.5rem 4rem;font-size:4rem}.home_content_right{padding:0 4rem 3.5rem 3.75rem;font-size:4rem}.content_row{padding:0 0 4rem 0}.project_context{display:none;padding:18rem 0 0.75rem 0}.project_context h2{padding:0 1rem 0 1rem;font-size:2rem}.project_context p{padding:0.25rem 1rem 0 1rem;font-size:1.25rem}#context_link{font-size:1.25rem}.contact_method{padding:1rem 2.25rem 1rem 1rem}.contact_method img{width:45px;height:45px;margin:0.33rem 1.5rem 1rem 0}header h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.25rem}h4{font-size:1.5rem}nav a{margin:1.5rem 0 1.5rem 0;padding:0;font-size:2rem}a,li,p{font-size:1.8rem}figcaption{padding:1.5rem 0 1.5rem 0;font-size:1.8rem}.button_nav{padding:0.6rem 1.2rem 0.6rem 1.2rem;font-size:1.75rem;border-radius:75px;border-width:0.22rem}}@media (min-width:3440px){#homepage_bio{padding:4rem 0 6rem 6rem}#bio_heading{font-size:5.5rem}#homepage_bio p{font-size:3.8rem}#projects_intro{padding:4rem 1.5rem 4rem 6rem}.logo_and_heading img{width:240.3275px;height:140px;padding:2.5rem 0.75rem 0 0.75rem}.logo_and_heading h1{margin:1rem 0 1.5rem 0;font-size:3.75rem}#about_content_two_thirds{padding:3rem 0 0 6rem}.top_project_content h1{margin:2.5rem 0 3rem 2rem;font-size:6.5rem}.reflection{margin:3rem 0 4.5rem 2rem}.content_row h2,.content_row h3,.content_row p,.works_row h2,.works_row p{max-width:60%;margin:0.5rem 0 0 0;padding:0 0 1rem 6rem}.content_row ul{max-width:60%;padding:0 0 0 8.25rem}.content_row li{padding:0 0 0.75rem 0}.content_row h3{padding:2.25rem 0 0.5rem 6rem}figure{max-width:75%;padding:1rem 0 0 6rem}.home_content_left{padding:0 4.5rem 3.5rem 6rem;font-size:4rem}.home_content_right{padding:0 6rem 3.5rem 4.5rem;font-size:4rem}.content_row{padding:0 0 5rem 0}.project_context{display:none;padding:22rem 0 0.75rem 0}.project_context h2{padding:1.5rem 3rem 0 3rem;font-size:3rem}.project_context p{padding:1rem 3rem 0 3rem;font-size:2rem}#context_link{font-size:2rem}.contact_method{padding:1rem 2.5rem 1rem 1rem}.contact_method img{width:66px;height:66px;margin:0 1.5rem 1rem 0}.contact_method a,.contact_method p{margin:1.33rem 0 0 0}nav{padding:0}header h1{font-size:5rem}h2{font-size:4.5rem}h3{font-size:3.25rem}h4{font-size:2.5rem}nav a{margin:2rem 0 2rem 0;padding:0;font-size:2.5rem}a,li,p{font-size:2.66rem}figcaption{padding:1.5rem 4rem 1rem 0;font-size:2.33rem}.button_nav{padding:0.8rem 1.5rem 0.8rem 1.5rem;font-size:2.5rem;border-radius:75px;border-width:0.22rem}}@media (min-width:320px){.pni_padding{padding:23rem 0 0 0}}@media (min-width:361px){.pni_padding{padding:22rem 0 0 0}}@media (min-width:482px){.pni_padding{padding:20.75rem 0 0 0}}@media (min-width:660px){.pni_padding{padding:19.75rem 0 0 0}}@media (min-width:825px){.pni_padding{padding:0}}@media (min-width:320px){.iat_334_padding{padding:22rem 0 0 0}}@media (min-width:354px){.iat_334_padding{padding:20.75rem 0 0 0}}@media (min-width:503px){.iat_334_padding{padding:19.75rem 0 0 0}}@media (min-width:825px){.iat_334_padding{padding:0}}