html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:#fff0}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.cf:before,.cf:after{content:" ";display:table}.cf:after{clear:both}*{box-sizing:border-box}body{background:#FFF;color:#111;font-family:Abel,sans-serif;font-size:18px;-webkit-font-smoothing:antialiased;line-height:1.667;-webkit-overflow-scrolling:touch;opacity:0;overflow-x:hidden;position:relative;transition:opacity 300ms ease-in-out;-webkit-text-size-adjust:none}.loaded{opacity:1}a,a:visited{color:#7EB0D9;text-decoration:none}a:hover,a:active{color:#111;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#111;font-family:Unbounded,sans-serif;font-weight:400;line-height:1.3;margin-bottom:20px}h1{font-size:24px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}h5{font-size:12px}h6{font-size:10px}p{margin-bottom:34px}img{height:auto;max-width:100%;vertical-align:bottom}.form-success{color:#1ec185}.form-errors{color:#e55}.contact-form-wrap .form-group{margin-bottom:1em}.contact-form-wrap label{color:#111;display:block;font-family:Abel,sans-serif;font-size:18px}.contact-form-wrap input,.contact-form-wrap button,.contact-form-wrap textarea{background:#FFF;border:1px solid #111;border-radius:3px;box-sizing:border-box;clear:both;color:#111;font:inherit;max-width:320px;padding:.5em .75em;width:100%}.contact-form-wrap textarea{min-height:150px}.contact-form-wrap button{background:#7EB0D9;border:none;color:#FFF;cursor:pointer;font-family:Abel,sans-serif;font-size:18px;margin-top:1em;padding:.5em 3em;width:auto}.contact-form-wrap button:hover{opacity:.85}.captcha-instructions{margin-bottom:.25em}.captcha-wrap span{background:#FFF;border:1px solid #111;border-radius:3px;color:#111;cursor:pointer;display:inline-block;margin:2px;padding:1px 8px}.captcha-wrap span:hover,.captcha-wrap span.captcha-active{border-color:#7EB0D9;color:#7EB0D9}.site-footer .social-icon,.site-footer .social-icon:visited{color:#111;display:inline-block;height:16px;margin-left:8px;width:16px}.site-footer .social-icon--dribbble:hover{color:#ea4c89}.site-footer .social-icon--facebook:hover{color:#3b5998}.site-footer .social-icon--instagram:hover{color:#231f20}.site-footer .social-icon--linkedin:hover{color:#0077b5}.site-footer .social-icon--twitter:hover{color:#1da1f2}.site-footer .social-icon--vimeo:hover{color:#1ab7ea}.site-footer .social-icon--youtube:hover{color:red}.social-icon svg{fill:currentColor;max-width:100%;max-height:100%;vertical-align:middle}.site-title{color:#111;font-family:Unbounded,sans-serif;font-size:20px;line-height:1.5em}.site-title a,.site-title a:visited{color:#111}.site-title a:hover,.site-title a:active{color:#111;opacity:.8}.site-tagline{color:#111;font-family:Oswald,sans-serif;font-size:32px;line-height:1.2857;margin-top:10.5%}@media screen and (min-width:50em){.site-tagline{font-size:70px;line-height:1.2857;margin-top:14%;max-width:640px;width:55%}}.site-tagline a,.site-tagline a:visited{color:#7EB0D9}.site-tagline a:hover{color:#111}.site-intro{color:#111;font-family:Abel,sans-serif;font-size:18px;margin-top:14%}.site-tagline+.site-intro{margin-top:3.8%}@media screen and (min-width:50em){.site-intro{margin-top:14%;max-width:960px;width:80%}.site-tagline+.site-intro{margin-top:4%}}.page__header{overflow:hidden;max-width:1600px;width:100%}.title--page{color:#111;font-family:Unbounded,sans-serif;font-size:calc(32px + (60 - 32) * (100vw - 400px) / (1280 - 400));margin-bottom:3.8%;margin-top:10.5%}@media screen and (min-width:50em){.title--page{margin-bottom:13px;margin-top:14%;max-width:640px;width:40%}}@media screen and (min-width:80em){.title--page{font-size:70px}}.project__header{overflow:hidden;max-width:1600px;width:100%}.is_home .project__header{display:none}@media screen and (min-width:50em){.project__header{position:absolute}.is_home .project__header{display:block}}.is_project .project__header{z-index:3}.title--project{color:#111;font-family:Radio Canada Big,sans-serif;font-size:calc(32px + (60 - 32) * (100vw - 400px) / (1280 - 400));margin-bottom:3.8%;margin-top:10.5%}@media screen and (min-width:50em){.title--project{margin-bottom:13px;max-width:640px;width:40%}}@media screen and (min-width:80em){.title--project{font-size:70px}}.title--project a,.title--project a:visited{border-bottom:4px solid #fff0;color:#111;position:relative;transition:border 200ms ease-in-out;z-index:3}.zoom-project .title--project a,.title--project a:hover{border-bottom-color:#7EB0D9}.projects-feed .project{overflow:hidden}.projects-feed img{transition:transform 400ms ease}.zoom-project img{transform:scale(1.1)}.gallery{margin-bottom:20%}.thumb{max-height:720px;max-width:960px;margin-left:auto;position:relative;overflow:hidden;text-align:right;z-index:1}@media screen and (min-width:50em){.thumb{width:78.4%}}.is_project .thumb{max-height:none}.thumb img{width:100%}div.image,div.audio,div.video{margin:8.3333% auto;max-width:960px;text-align:center}.asset-description{color:#111;font-family:Abel,sans-serif;font-size:18px;margin:8.3333% 0;max-width:960px;text-align:left}.view{cursor:-webkit-zoom-in;cursor:-moz-zoom-in}.project__content{float:right;max-width:960px}@media screen and (min-width:50em){.project__content{width:78.4%}}.project__description{margin-top:8.3333%}.project__description>p:last-child{margin-bottom:0}.project__description ul{list-style-type:circle;margin:0 0 20px 30px}.project__description ol{list-style-type:decimal;margin:0 0 20px}.project__description a,.asset-description a{color:#111;position:relative;text-decoration:underline;transition:color 150ms ease-in-out}.project__description a:hover,.asset-description a:hover{color:#7EB0D9}.project__meta{color:#111;display:inline-block;font-family:Abel,sans-serif;font-size:18px;position:relative;z-index:2}.project__meta p{margin-bottom:0}@media screen and (min-width:50em){.project__meta{margin-top:2rem}}.project__meta span{display:inline-block;margin-bottom:2px}.project__meta a,.project__meta a:visited{color:#111}.project__meta a:hover{color:#7EB0D9}.project__meta .meta--url{text-decoration:underline}.project__meta .tags{display:inline}.page__content{float:left;max-width:960px}@media screen and (min-width:50em){.page__content{margin-top:2rem;width:78.4%}}.page__content img{display:block;margin:20px auto}.page__content .wysiwyg-float-right{display:inline;float:right;margin:20px 0 20px 20px}.page__content .wysiwyg-float-left{display:inline;float:left;margin:20px 20px 20px 0}.page__content ul{list-style-type:circle;margin:0 0 20px 30px;padding:0}.page__content ol{list-style-type:decimal;margin:0 0 20px 30px;padding:0}.site-nav{font-size:22px;margin-top:50%;position:relative;opacity:1;text-align:left;z-index:1}@media screen and (max-width:50em){.site-nav{background:#fff0;box-sizing:border-box;height:100%;opacity:0;overflow-y:auto;padding:8em 20px 2em;margin-top:0;position:fixed;top:0;left:0;text-align:center;width:100%;z-index:-1}}.nav-shown .site-nav{display:block;opacity:1;z-index:10}@media screen and (min-width:50em){.site-nav{font-size:16px;margin-top:50%;padding:0;position:relative;opacity:1;text-align:left;z-index:1}}.site-nav li{margin-bottom:5px;overflow:hidden}.list-pages a,.list-pages a:visited{border-bottom:2px solid #fff0;color:#111;display:inline-block;font-family:Abel,sans-serif;position:relative;-webkit-transition:border 150ms ease-in-out,opacity 0.5s ease,-webkit-transform 0.25s ease;transition:border 150ms ease-in-out,opacity 0.5s ease,transform 0.25s ease}.list-pages a:hover,.list-pages .current-page,.list-pages .current-page:visited{border-bottom-color:#7EB0D9;color:#111}.list-projects{display:none;margin-top:50%}@media screen and (min-width:50em){.list-projects{display:block}}.list-projects a{line-height:1;position:relative;display:block;margin:0;padding:0;letter-spacing:0;color:#FFF;border:0;background:none;-webkit-tap-highlight-color:#fff0;width:1.5em;height:1.25em}.list-projects a::after{content:'';position:absolute;top:45%;left:0;width:100%;height:10%;background:#DEDEDE;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:-webkit-transform 0.5s,background-color 0.5s;transition:transform 0.5s,background-color 0.5s;-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}.list-projects a:hover::after,.list-projects .current-project::after{background:#7EB0D9;-webkit-transform:scale3d(2,1,1);transform:scale3d(2,1,1)}.footer-nav{float:left;max-width:960px;overflow-x:hidden;text-align:left}@media screen and (min-width:50em){.footer-nav{float:right;width:78.4%}}.nav-button{appearance:none;background:#fff0;box-shadow:none;border-radius:none;border:none;color:#111;cursor:pointer;display:block;font-size:0;height:48px;margin:0;overflow:hidden;padding:0;position:absolute;top:12px;right:0;text-indent:-9999px;-webkit-transition:background 0.3s;transition:background 0.3s;width:48px;z-index:11}@media screen and (min-width:50em){.nav-button{display:none}}.nav-button:focus{outline:none}.nav-button span{display:block;position:absolute;top:23px;left:16px;right:2px;height:2px;background:#111;-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s}.nav-button span::before,.nav-button span::after{background-color:#111;content:"";display:block;height:2px;position:absolute;left:0;-webkit-transition-duration:0.3s,0.3s;-webkit-transition-delay:0.3s,0s;transition-duration:0.3s,0.3s;transition-delay:0.3s,0s;width:100%}.nav-button span::before{top:-8px;-webkit-transition-property:top,-webkit-transform;transition-property:top,transform}.nav-button span::after{bottom:-8px;-webkit-transition-property:bottom,-webkit-transform;transition-property:bottom,transform}.nav-shown .nav-button{background-color:#fff0}.nav-shown .nav-button span{background:none}.nav-shown .nav-button span::before{top:0;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.nav-shown .nav-button span::after{bottom:0;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.nav-shown .nav-button span::before,.nav-shown .nav-button span::after{-webkit-transition-delay:0s,0.3s;transition-delay:0s,0.3s}.nav-shown{overflow:hidden;overflow-y:scroll;position:fixed;width:100%}body::before{background:#FFF;content:'';display:block;height:100%;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:z-index 0.1s ease-in 0.3s,opacity 0.25s ease-in;transition:z-index 0.1s ease-in 0.3s,opacity 0.25s ease-in;z-index:-1}body.nav-shown::before{background:#FFF;content:'';display:block;height:100%;opacity:.925;-webkit-transition:opacity 0.25s ease-in;transition:opacity 0.25s ease-in;z-index:4}@media screen and (max-width:50em){.menu-item{opacity:0;-webkit-transform:translate(0,30px);-ms-transform:translate(0,30px);transform:translate(0,30px)}}.nav-shown .animate{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.site-footer{color:#111;font-family:Abel,sans-serif;font-size:16px}.is_project .site-footer{background:#111;color:#555;position:relative;z-index:1}.site-footer p{margin:0 5%}.site-footer a,.site-footer a:visited{color:#111}.is_project .site-footer a,.is_project .site-footer a:visited{color:#555}.site-footer .footer-nav a,.site-footer .footer-nav a:visited{border-bottom:3px solid #fff0;color:#DDD;font-family:Oswald,sans-serif;font-size:32px;line-height:1.875;transition:border 200ms ease-in-out}.site-footer .footer-nav a:hover,.site-footer .footer-nav .current-page a{border-color:#7EB0D9;color:#DDD}@media screen and (min-width:50em){.flex-wrapper{display:flex}}.site-sidebar{padding:20px 0;margin-left:5%;margin-right:5%;position:relative}@media screen and (min-width:50em){.site-sidebar{margin-right:0;margin-top:5%;max-width:160px;padding:0;width:10%}}@media screen and (min-width:50em){.site-sidebar-pin{position:fixed;max-width:160px;width:10%}}.site-content{flex-grow:1;margin-left:5%;margin-right:5%}.site-footer{clear:both;text-align:right}.project-nav-spacer{margin-left:5%;max-width:160px;position:relative;width:10%}.project-nav{overflow:hidden;flex-grow:1;margin-bottom:10%;margin-left:5%;margin-right:5%}.spacer{height:5vw;max-height:160px}@media screen and (min-width:50em){.spacer{height:10vw}}.spacer--tall{height:6.5vw;max-height:240px}@media screen and (min-width:50em){.spacer--tall{height:15vw}}.spacer--footer{height:10vw;max-height:160px}