article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,pre,section,summary{display:block}img,legend{border:0}pre,textarea{overflow:auto}a,a:link,a:visited{text-decoration:none}*,legend,td,th{padding:0}#footer,body{background:#fafafa}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{background-color:#efefef;padding:5px;margin:5px 0;border:1px solid #aaa}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}body,h1,h2,h3,h4,h5,h6{font-family:proxima-nova,Helvetica,Arial,sans-serif;line-height:1.25}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-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}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit}#responsive-listener{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}body{font-size:16px;color:#5A6167}h1,h2,h3,h4,h5,h6{font-weight:400;margin-bottom:1.25rem;margin-top:0}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6,h1,h2,h3,h4,h5,h6{margin-top:1.2em}h1{margin-bottom:0;line-height:1.2;text-transform:uppercase}h2{font-size:1.75rem}@media screen and (min-width:45em){#responsive-listener{width:2px}h2{font-size:1.925rem}}@media screen and (min-width:65em){#responsive-listener{width:3px}h2{font-size:2.125rem}}h3{font-size:1.35rem}@media screen and (min-width:45em){h3{font-size:1.5rem}}@media screen and (min-width:65em){h3{font-size:1.75rem}}h4{font-size:1.25rem}@media screen and (min-width:45em){h4{font-size:1.35rem}}@media screen and (min-width:65em){h4{font-size:1.5rem}}h5,h6{font-size:1rem}@media screen and (min-width:45em){h5,h6{font-size:1.2rem}}@media screen and (min-width:65em){h5,h6{font-size:1.35rem}}p{font-size:1.1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}a,p strong{color:#3C4246;font-weight:700}@media screen and (min-width:45em){p{font-size:1.125rem;margin-bottom:1.125rem}}a{background-color:transparent}.underline,a:active,a:focus,a:hover{text-decoration:underline}a:active,a:focus,a:hover{color:#24282b}code,pre,tt{font:1em "andale mono","lucida console",monospace;line-height:1.5}abbr{border-bottom:1px dotted #666;cursor:help;white-space:nowrap}*,body{margin:0}#footer,#project-one,#project-two,#title-area{display:-ms-grid;display:grid;-ms-grid-columns:16px 1fr 16px;grid-template-columns:16px 1fr 16px}@media screen and (min-width:25em){#footer,#project-one,#project-two,#title-area{-ms-grid-columns:24px 1fr 24px;grid-template-columns:24px 1fr 24px}}@media screen and (min-width:45em){#footer,#project-one,#project-two,#title-area{-ms-grid-columns:32px 1fr 32px;grid-template-columns:32px 1fr 32px}}@media screen and (min-width:60em){#footer,#project-one,#project-two,#title-area{-ms-grid-columns:40px 1fr 40px;grid-template-columns:40px 1fr 40px}}@media screen and (min-width:70em){#footer,#project-one,#project-two,#title-area{-ms-grid-columns:48px 1fr 48px;grid-template-columns:48px 1fr 48px}}.container{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-column-align:center;justify-self:center;width:100%;max-width:1200px}.screen-read{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}#bg-title-area,#title-area{height:calc(100vh - 3.5rem)}.mobile-hidden{display:none}.desktop-hidden{display:block}@media screen and (min-width:45em){.mobile-hidden{display:block}.desktop-hidden{display:none}}.display-none{display:none}.visibility-hidden{visibility:hidden}.break-word{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.text-indent{text-indent:-9999px}::-moz-selection{background:rgba(0,179,227,.25)}::selection{background:rgba(0,179,227,.25)}#footer{position:relative;z-index:4;padding:1rem 0}#footer .container{display:-ms-grid;display:grid}#footer .container .links{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}#footer .container .links a{margin:0 1rem}#bg-title-area{background:#fff}#bg-title-area:first-child{top:1.5rem;left:1.5rem;right:1.5rem}@media screen and (min-width:45em){#bg-title-area:first-child{top:3.5rem;left:3.5rem;right:3.5rem}}.title-box{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);opacity:.25;display:none}.title-box #Rectangle{stroke-dasharray:1940;stroke-dashoffset:1940;-webkit-animation:rectangle ease-in-out 2s forwards;animation:rectangle ease-in-out 2s forwards}@-webkit-keyframes rectangle{to{stroke-dashoffset:0}}@keyframes rectangle{to{stroke-dashoffset:0}}#title-area{position:relative;margin:0 1.5rem}@media screen and (min-width:45em){.title-box{display:block}#title-area{margin:0 3.5rem}}#title-area .container{display:-ms-grid;display:grid}@media screen and (min-width:65em){#footer .container,#title-area .container{-ms-grid-columns:1fr;grid-template-columns:1fr}}#title-area .container .title{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column-align:center;justify-self:center;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;text-align:center}#title-area .container h1{color:#3C4246;font-family:ff-nuvo-web-pro,Helvetica,Arial,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:.5rem;margin-top:0;-webkit-animation:title ease-out .5s forwards;animation:title ease-out .5s forwards}#title-area .container p{font-size:1.5rem;margin-top:.5rem;margin-bottom:0;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-animation:title ease-out .5s forwards;animation:title ease-out .5s forwards;-webkit-animation-delay:.2s;animation-delay:.2s}#title-area .container p a{position:relative;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(119,246,198,.5)),to(rgba(119,246,198,.5)));background-image:linear-gradient(rgba(119,246,198,.5),rgba(119,246,198,.5));background-size:100% 45%;background-position:bottom;background-repeat:no-repeat}#title-area .container p a:after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:#3C4246;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out}.title-btn,.title-btn-holder{position:relative;display:inline-block}#title-area .container p a:focus,#title-area .container p a:hover{text-decoration:none}#title-area .container p a:focus:after,#title-area .container p a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}@-webkit-keyframes title{from{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes title{from{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.title-btn-holder{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-animation:title ease-out .5s forwards;animation:title ease-out .5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.title-btn-holder:last-child{-webkit-animation-delay:.7s;animation-delay:.7s}.title-btn{z-index:1;width:7.625rem;height:2.625rem;border:2px solid rgba(90,97,103,.05);border-radius:3px;text-align:center;padding-top:.6rem;margin-right:1rem}.title-btn:hover+.title-hover .btn-path{stroke-dashoffset:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.title-btn:hover+.title-hover:after{-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}.title-btn:hover+.work-hover:after{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition-delay:.3s;transition-delay:.3s}.title-btn:hover+.about-hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-delay:.4s;transition-delay:.4s}.title-hover{position:absolute;z-index:2;top:0;left:0;pointer-events:none;line-height:0}.title-hover:after{content:"";position:absolute;background:#25FCB4;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-delay:0s;transition-delay:0s}.work-hover:after{left:50%;top:100%;height:500px;width:2px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:0 0;transform-origin:0 0}.about-hover:after{left:100%;top:20px;height:2px;width:500px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%}.btn-path{stroke-dasharray:160;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.btn-path.path1{stroke-dashoffset:160}.btn-path.path2{stroke-dashoffset:-160}.work-btn-path{-webkit-transition:stroke-dashoffset .3s;transition:stroke-dashoffset .3s}.about-btn-path{-webkit-transition:stroke-dashoffset .4s;transition:stroke-dashoffset .4s}#background,#main{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .6s ease;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease, -webkit-transform .6s ease;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}#main{position:relative;z-index:3}#background{position:fixed;z-index:2;background:#fafafa;top:0;width:100%;height:100vh}#background div{position:absolute;left:0;right:0;height:100vh;opacity:0;will-change:opacity;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}#background div.active{opacity:1}.content-open{overflow:hidden}.content-open #main{-webkit-transform:translateX(-88%);transform:translateX(-88%)}#project-one .project-text,.project-graphic{-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute}.content-open #main #deactivate{display:block}#dots{position:absolute;top:0;bottom:0;left:3.5rem;right:3.5rem;-webkit-box-sizing:content-box;box-sizing:content-box}@media screen and (min-width:30em){#main{padding-top:3.5rem}#dots{left:6rem;right:6rem;margin-top:3.5rem}}#dots div{position:absolute;right:0;height:100%;width:33%}#dots-bg{background:url(../interface/dots-dark.svg) center top;background-size:56px 56px}#deactivate{display:none;position:absolute;z-index:3;top:0;bottom:0;width:100%;cursor:pointer}#project-one,#project-one .container{position:relative}.section{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.section.active{opacity:1}.content-open .section{opacity:0}.about-open #bg-about,.content-open #bg-content{opacity:1}#bg-project-one{background:#00b3e3;background:-webkit-gradient(linear,left top, right bottom,color-stop(20%, #00b3e3),color-stop(80%, #1b61a9));background:linear-gradient(to bottom right,#00b3e3 20%,#1b61a9 80%)}.capilano-logo{width:90%;height:0;background:url(../images/logo-capilano-white.svg) no-repeat;backround-size:100%;padding-top:21.29%}#project-one{width:100%;height:calc(100vh + 400px);color:#E1F5FF}#project-one .project-text{right:0;width:50%;max-width:580px}#project-one p{padding-left:24%;float:right;clear:both}.project-graphic{left:0}.perspective-wrap{width:480px;height:300px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:50rem;perspective:50rem;-webkit-perspective-origin:center;perspective-origin:center}.perspective-img{width:480px;height:300px;overflow:hidden;border-radius:3px;-webkit-transform:rotateY(-45deg);transform:rotateY(-45deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;z-index:3;border-right:1px solid #fff}.perspective-img img{width:100%;height:100%}.perspective-img.img-2{z-index:2;-webkit-transform:rotateY(-45deg) translateX(2.5rem) translateY(0) translateZ(-5rem);transform:rotateY(-45deg) translateX(2.5rem) translateY(0) translateZ(-5rem)}.perspective-img.img-3{z-index:1;-webkit-transform:rotateY(-45deg) translateX(5rem) translateY(0) translateZ(-10rem);transform:rotateY(-45deg) translateX(5rem) translateY(0) translateZ(-10rem)}#bg-project-two{background:#005087;background:-webkit-gradient(linear,left top, right bottom,color-stop(20%, #005087),color-stop(80%, #193a5a));background:linear-gradient(to bottom right,#005087 20%,#193a5a 80%)}#project-two{position:relative;width:100%;height:1200px}#bg-content{background:#fff}#content{position:fixed;z-index:1;top:0;right:0;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:88%;left:100%;-webkit-transition:-webkit-transform .5s ease-out .2s;transition:-webkit-transform .5s ease-out .2s;transition:transform .5s ease-out .2s;transition:transform .5s ease-out .2s, -webkit-transform .5s ease-out .2s}.intro-row{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}.intro-item{width:100%}@media screen and (min-width:40em){.intro-row{padding:0 0 0 4%;margin:0 -4%}.intro-item{width:50%;padding-right:4%}}.content-open #content{z-index:4;-webkit-transform:translateX(-100%);transform:translateX(-100%)}#bg-about{background:#18211F}#about{color:#CDC7C0}#about h2{font-size:3.75rem;max-width:42rem;margin-top:6rem;margin-bottom:3rem}#about p{color:#9D9995}.about-row{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}@media screen and (min-width:40em){.about-row{padding:0 0 0 4%;margin:0 -4%}}@media screen and (min-width:60em){.about-row{padding:0 0 0 3.5%;margin:0 -3.5%}}.about-item{width:100%;-webkit-animation:about-items ease-out forwards;animation:about-items ease-out forwards}@media screen and (min-width:40em){.about-item{width:50%;padding-right:4%}}@media screen and (min-width:60em){.about-item{width:33.32%;padding-right:3.5%}}.about-item h3{margin-top:.5rem;margin-bottom:.5rem}.about-item h3,.about-item p{max-width:20rem}.about-item:nth-child(1){-webkit-transform:translateX(30rem);transform:translateX(30rem);-webkit-animation-duration:.6s;animation-duration:.6s}.about-item:nth-child(2){-webkit-transform:translateX(40rem);transform:translateX(40rem);-webkit-animation-duration:.75s;animation-duration:.75s}.about-item:nth-child(3){-webkit-transform:translateX(50rem);transform:translateX(50rem);-webkit-animation-duration:.9s;animation-duration:.9s}@-webkit-keyframes about-items{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes about-items{to{-webkit-transform:translateX(0);transform:translateX(0)}}#case-study .container{max-width:42.5rem;margin:0 auto}
/*# sourceMappingURL=style.css.map */