@charset "UTF-8";img,legend{border:0}*,legend,td,th{padding:0}*,body{margin:0}p a,sub,sup{position:relative}.base-colors h1,.base-colors h2,.base-colors h3,.base-colors h4,.base-colors h5,.base-colors h6,a,p strong,p.intro{color:#243730}a,a:link,a:visited{text-decoration:none}abbr,p a{white-space:nowrap}.roles ul:before,p a:before{content:""}#intro .title,.dash-container{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.arrow a,.arrow a:active,.arrow a:focus,a:active,a:hover{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}.about .content-sidebar-title br,.content-sidebar-title br,[hidden],template{display:none}audio:not([controls]){display:none;height: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;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,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}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}#responsive-listener{position:absolute;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden}@media screen and (min-width:45em){#responsive-listener{width:2px}}@media screen and (min-width:65em){#responsive-listener{width:3px}}@media screen and (min-width:75em){#responsive-listener{width:4px}}html{-webkit-box-sizing:border-box;box-sizing:border-box}*{-webkit-box-sizing:inherit;box-sizing:inherit}body{background:#FAFDFC;font-size:16px;line-height:1.25;font-family:"DM Sans",Helvetica,Arial,sans-serif;color:#405850}::-moz-selection{background:#16d9a6;color:#fff}::selection{background:#16d9a6;color:#fff}.back-btn,.back-btn-1,.back-to-top a,.box-shadow,.button,.img-comp-container,.img-comp-wrap:after,.img-comp-wrap:before,.img-full img,.project-logo,p.contact a:after{-webkit-box-shadow:0 10px 14px rgba(36,55,48,.05),0 1px 2px rgba(36,55,48,.05);box-shadow:0 10px 14px rgba(36,55,48,.05),0 1px 2px rgba(36,55,48,.05)}body.konami{font-family:Papyrus,'Comic Sans MS',serif}#intro h1{font-size:3.5rem;letter-spacing:-.02em;margin-top:0;margin-bottom:.125rem}@media screen and (min-width:23.4375em){#intro h1{font-size:4.25rem;margin-bottom:.25rem}}@media screen and (min-width:30em){#intro h1{font-size:5.5rem}.medium-title{margin-right:2rem}}.case-study h1{font-size:3rem;letter-spacing:-.02em}@media screen and (min-width:23.4375em){.case-study h1{font-size:3.5rem;line-height:1.125}}@media screen and (min-width:45em){.case-study h1{font-size:5.5rem;line-height:1.1}}.about h1,.about h2,.case-study h2,.large-title{font-size:2.5rem;letter-spacing:-.02em}.medium-title,.small-title{letter-spacing:-.0125em;margin-top:.75rem;overflow:hidden}@media screen and (min-width:23.4375em){.about h1,.about h2,.case-study h2,.large-title{font-size:3rem;line-height:1.125}}@media screen and (min-width:45em){.about h1,.about h2,.case-study h2,.large-title{font-size:3.75rem;line-height:1.1}}.medium-title{font-size:1.45rem;margin-bottom:.5rem;max-width:18rem}@media screen and (min-width:87.5em){.medium-title{font-size:1.5rem;max-width:22rem}}@media screen and (min-width:100em){.medium-title{font-size:1.75rem;max-width:24rem}}.small-title{font-size:1.25rem;margin-bottom:.25rem;max-width:16rem}@media screen and (min-width:87.5em){.small-title{font-size:1.325rem;max-width:18rem}}@media screen and (min-width:100em){.small-title{font-size:1.5rem;max-width:20rem}}.about .content-sidebar-title,.content-sidebar-title,.uppercase-title{font-size:1rem;font-weight:400;line-height:1.2;margin-top:0;margin-bottom:2rem;padding-top:.25rem;text-transform:uppercase;letter-spacing:.15em}.roles li,.small-text,figcaption{font-size:.9rem;line-height:1.4;max-width:17rem;overflow:hidden}@media screen and (min-width:23.4375em){.roles li,.small-text,figcaption{font-size:1rem}}@media screen and (min-width:87.5em){.roles li,.small-text,figcaption{font-size:1.075rem;max-width:19rem}}@media screen and (min-width:100em){.roles li,.small-text,figcaption{font-size:1.125rem}}.roles li.wide,.wide.small-text,figcaption.wide{max-width:24rem}@media screen and (min-width:87.5em){.roles li.wide,.wide.small-text,figcaption.wide{max-width:28rem}}.content-text ol,.content-text ul,p{font-size:1.125rem;font-weight:400;line-height:1.5;margin-bottom:1.45rem;letter-spacing:-.0125em}a,p a,p strong,p.intro{font-weight:500}@media screen and (min-width:30em){.roles li,.small-text,.small-title,figcaption{margin-right:2rem}.roles li.wide,.wide.small-text,figcaption.wide{margin-right:0}.content-text ol,.content-text ul,p{font-size:1.2rem;margin-bottom:1.5rem}.about .content-sidebar-title,.content-sidebar-title{margin-right:1.75rem}}@media screen and (min-width:45em){.content-text ol,.content-text ul,p{font-size:1.25rem}}h1,h2,h3,h4,h5,h6{font-family:"DM Sans",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.25;margin-top:1.2em;margin-bottom:0}.konami h1,.konami h2,.konami h3,.konami h4,.konami h5,.konami h6{font-family:Papyrus,'Comic Sans MS',serif}h2{font-size:1.75rem}@media screen and (min-width:45em){h2{font-size:1.925rem}}@media screen and (min-width:65em){h2{font-size:2.125rem}}h3{font-size:1.325rem}@media screen and (min-width:45em){h3{font-size:1.525rem}}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}}.about .content-sidebar-title,.content-sidebar-title{color:#243730;max-width:16rem;overflow:hidden;padding-top:.35rem}@media screen and (min-width:70em){.about .content-sidebar-title,.content-sidebar-title{margin-right:3rem}}@media screen and (min-width:35.75em){.about .content-sidebar-title,.content-sidebar-title{text-align:right}.about .content-sidebar-title br,.content-sidebar-title br{display:inline}}.about .content-sidebar-title.align-left,.content-sidebar-title.align-left{text-align:left;max-width:none}p.intro{font-size:1.325rem;letter-spacing:-.02em}@media screen and (min-width:45em){p.intro{font-size:1.525rem}}p a{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(37,252,180,.125)),to(rgba(37,252,180,.5)));background-image:linear-gradient(rgba(37,252,180,.125),rgba(37,252,180,.5));background-size:100% 45%;background-position:bottom;background-repeat:no-repeat}p a:before{position:absolute;bottom:0;left:0;height:1px;width:100%;background:#243730;-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}p a:active:before,p a:focus:before,p a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}a{background-color:transparent}a:active,a:focus,a:hover{color:#101815;text-decoration:none}figcaption{margin-left:auto;margin-right:auto;margin-top:1rem;max-width:28rem;opacity:.65}code,pre,tt{font:1em "andale mono","lucida console",monospace;line-height:1.5}pre{background-color:#efefef;display:block;padding:5px;margin:5px 0;border:1px solid #aaa}abbr{border-bottom:1px dotted #666;cursor:help}.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:1.2em}.no-margin-top{margin-top:0}.content-sidebar{-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}.content-text{max-width:36rem}@media screen and (min-width:35.75em){.content-text{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}}@media screen and (min-width:48em){.content-text{margin-left:2rem}}@media screen and (min-width:70em){.content-text{-ms-grid-column:2;-ms-grid-column-span:2;grid-column:2/4;margin-left:0}}.content-text ol li,.content-text ul li{margin-bottom:1rem;padding-left:.5rem;margin-left:1.25rem}.content-text ol li::marker{color:#243730;font-weight:500}.roles{padding-right:1rem;margin-bottom:3.5rem}@media screen and (min-width:70em){.roles{margin-bottom:1rem}}.roles ul{list-style:none;position:relative;padding-left:1.5rem}.roles ul:before{position:absolute;z-index:-1;background:#F1F8F6;background:-webkit-gradient(linear,left top, right top,from(#F1F8F6),to(#FAFDFC));background:linear-gradient(to right,#F1F8F6,#FAFDFC);border-radius:3px;left:0;top:-1.125rem;bottom:-1.125rem;width:50%}.roles li{line-height:1.125;margin-bottom:.55rem}.arrow-right-black:after,.arrow-right-green:after,.arrow-right-white:after,.external-link-black:after,.external-link-white:after{content:"";width:12px;height:12px;display:inline-block;background-size:100%;margin-left:.35rem;-webkit-transition:-webkit-transform 125ms ease-out;transition:-webkit-transform 125ms ease-out;transition:transform 125ms ease-out;transition:transform 125ms ease-out, -webkit-transform 125ms ease-out}.arrow-right-black:focus:after,.arrow-right-black:hover:after,.arrow-right-green:focus:after,.arrow-right-green:hover:after,.arrow-right-white:focus:after,.arrow-right-white:hover:after,.external-link-black:focus:after,.external-link-black:hover:after,.external-link-white:focus:after,.external-link-white:hover:after{-webkit-transition-delay:.2s;transition-delay:.2s}.arrow-right-black:after,.arrow-right-green:after,.arrow-right-white:after{-webkit-transform:translateX(0);transform:translateX(0)}.arrow-right-black:focus:after,.arrow-right-black:hover:after,.arrow-right-green:focus:after,.arrow-right-green:hover:after,.arrow-right-white:focus:after,.arrow-right-white:hover:after{-webkit-transform:translateX(.5rem);transform:translateX(.5rem)}.external-link-black:after,.external-link-white:after{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transform-origin:left bottom;transform-origin:left bottom}.external-link-black:focus:after,.external-link-black:hover:after,.external-link-white:focus:after,.external-link-white:hover:after{-webkit-transform:scale3d(1.25,1.25,1);transform:scale3d(1.25,1.25,1)}.arrow-right-white:after{background:url(../interface/arrow-right-white.svg) center center no-repeat}.arrow-right-green:after{background:url(../interface/arrow-right-green.svg) center center no-repeat}.arrow-right-black:after{background:url(../interface/arrow-right-black.svg) center center no-repeat}.external-link-black:after{background:url(../interface/external-link-black.svg) center center no-repeat}.external-link-white:after{background:url(../interface/external-link-white.svg) center center no-repeat}#intro,#misc,.about,.case-study,.case-study-img-area,.footer,.project-section,.timeline{display:-ms-grid;display:grid;-ms-grid-columns:1rem 1fr 1rem;grid-template-columns:1rem 1fr 1rem;margin:0 .5rem}@media screen and (min-width:25em){#intro,#misc,.about,.case-study,.case-study-img-area,.footer,.project-section,.timeline{-ms-grid-columns:1.5rem 1fr 1.5rem;grid-template-columns:1.5rem 1fr 1.5rem}}@media screen and (min-width:45em){#intro,#misc,.about,.case-study,.case-study-img-area,.footer,.project-section,.timeline{-ms-grid-columns:2rem 1fr 2rem;grid-template-columns:2rem 1fr 2rem;margin:0 3.5rem}}@media screen and (min-width:60em){#intro,#misc,.about,.case-study,.case-study-img-area,.footer,.project-section,.timeline{-ms-grid-columns:3rem 1fr 3rem;grid-template-columns:3rem 1fr 3rem}}@media screen and (min-width:70em){#intro,#misc,.about,.case-study,.case-study-img-area,.footer,.project-section,.timeline{-ms-grid-columns:3rem 1fr 3rem;grid-template-columns:3rem 1fr 3rem}}.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:1600px;min-width:0}#intro .contact,#intro .title,.arrow-container,.dash-container{-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}.content{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:1400px}.project-grid,.timeline-intro{max-width:1600px;display:-ms-grid;display:grid}@media screen and (min-width:35.75em){.content{-ms-grid-columns:144px 1fr;grid-template-columns:144px 1fr}}@media screen and (min-width:70em){.content{-ms-grid-columns:.8fr 1fr 1fr 1fr;grid-template-columns:.8fr 1fr 1fr 1fr}}@media screen and (min-width:75em){.content{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}}.project-grid{-ms-grid-columns:1fr;grid-template-columns:1fr}@media screen and (min-width:64em){.project-grid{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}.timeline-intro{-ms-grid-columns:1fr;grid-template-columns:1fr}@media screen and (min-width:64em){.timeline-intro{-ms-grid-columns:5fr .5fr 2.5fr;grid-template-columns:5fr .5fr 2.5fr}}@media screen and (min-width:75em){.timeline-intro{-ms-grid-columns:42rem .5fr 2.5fr;grid-template-columns:42rem .5fr 2.5fr}}.timeline-group{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:960px;margin:0 auto}.about-content{margin-top:3rem}@media screen and (min-width:70em){.about-content{margin-top:4.5rem}}.img-full.double{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}.screen-read{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}.mobile-none{display:none}.desktop-none{display:block}.mobile-hidden{visibility:hidden}.desktop-hidden{visibility:visible}@media screen and (min-width:45em){.timeline-group{-ms-grid-columns:2fr 3fr;grid-template-columns:2fr 3fr}.mobile-none{display:block}.desktop-none{display:none}.mobile-hidden{visibility:visible}.desktop-hidden{visibility:hidden}}.underline{text-decoration:underline}.text-indent{text-indent:-999rem}.button{position:relative;z-index:1;display:inline-block;border-radius:3px;text-align:center;padding-top:.7rem;padding-bottom:.6rem;margin-right:.75rem}.button:after{display:none}.back-btn,.back-btn-1{position:absolute;top:3.5rem;left:0;border:none;border-radius:0 3px 3px 0;text-transform:uppercase;letter-spacing:.15em;font-weight:400;font-size:1rem;color:#243730;background:#fff;padding:1rem 1rem .85rem}p.contact,p.contact a{color:#405850;font-weight:400}.back-btn svg,.back-btn-1 svg{margin-right:.25rem;-webkit-transition:-webkit-transform 125ms ease-out;transition:-webkit-transform 125ms ease-out;transition:transform 125ms ease-out;transition:transform 125ms ease-out, -webkit-transform 125ms ease-out;-webkit-transform:translateX(0);transform:translateX(0)}.back-btn-1:focus svg,.back-btn-1:hover svg,.back-btn:focus svg,.back-btn:hover svg{-webkit-transform:translateX(-.25rem);transform:translateX(-.25rem)}@-webkit-keyframes opacity{to{opacity:1}}@keyframes opacity{to{opacity:1}}@-webkit-keyframes translateX{to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes translateX{to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes opacity-translateY{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes opacity-translateY{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes wave-animation{0%,100%,60%{-webkit-transform:rotate(0);transform:rotate(0)}10%,30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@keyframes wave-animation{0%,100%,60%{-webkit-transform:rotate(0);transform:rotate(0)}10%,30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}}@-webkit-keyframes copied{12%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}40%{opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@keyframes copied{12%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}40%{opacity:1}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:0}}@-webkit-keyframes steamy{0%,33%{stroke-dashoffset:53.4}100%{stroke-dashoffset:17.8}}@keyframes steamy{0%,33%{stroke-dashoffset:53.4}100%{stroke-dashoffset:17.8}}@-webkit-keyframes img-animation{to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes img-animation{to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes timeline-line{to{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes timeline-line{to{-webkit-transform:scaleY(1);transform:scaleY(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)}}.about-animate,.case-study-animate,.content-open .back-btn,.content-open-1 #content-1 .back-btn-1,.timeline-content{-webkit-transform:translateY(24px);transform:translateY(24px);opacity:0;-webkit-animation:opacity-translateY ease-out forwards;animation:opacity-translateY ease-out forwards;-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:.5s;animation-duration:.5s}.header{position:absolute;z-index:5;top:0;right:0;height:2.75rem}p.contact{position:relative;right:.5rem;margin:2rem 0 0;line-height:1.25}@media screen and (min-width:45em){p.contact{right:2rem}}p.contact a{background-image:none}p.contact a span{font-weight:400;color:#B3C3BE}p.contact a:after{content:'Email copied 😉';pointer-events:none;position:absolute;background:#F1F8F6;left:0;right:0;text-align:center;top:2.5rem;padding:.75rem;border-radius:2rem;font-size:.8rem;opacity:0;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.arrow a:after,.arrow a:before,.dash a:after,.dash a:before,.footer .links a:before,.title-hover:after{content:""}.footer,.footer .container,.footer .links a{position:relative}.copyright,.footer .links{text-align:left}p.contact a:focus,p.contact a:focus span,p.contact a:hover,p.contact a:hover span{color:#243730}.about-open .footer .links a,.about-open .footer p.contact,.about-open .footer p.contact a,.about-open .footer p.contact a:focus span,.about-open .footer p.contact a:hover span{color:#E0F4ED}p.contact a:focus+.emoji-wave,p.contact a:hover+.emoji-wave{opacity:1;-webkit-animation-name:wave-animation;animation-name:wave-animation;-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}p.contact a.copied:after{-webkit-animation:copied;animation:copied;-webkit-animation-duration:2s;animation-duration:2s}#intro h1,#intro p{-webkit-animation:title ease-out .2s forwards;animation:title ease-out .2s forwards}.content-open .header{opacity:0}.emoji-wave{-webkit-transform-origin:70% 70%;transform-origin:70% 70%;display:inline-block;opacity:0;-webkit-transition:opacity 125ms ease-out;transition:opacity 125ms ease-out}.content-open>.footer{display:none}.footer{z-index:4;padding:1rem 0;margin-top:4rem}@media screen and (min-width:45em){.footer{margin-top:7rem}}.footer .links a{margin:0 .5rem 0 0;font-size:1rem;display:inline-block}@media screen and (min-width:23.4375em){.footer .links a{margin:0 1.25rem 0 0}}@media screen and (min-width:45em){.footer .links a{margin:0 2rem 0 0}.footer .links a.desktop-none{display:none}}.footer .links a:last-child{margin:0}.footer .links a:before{position:absolute;bottom:0;left:0;height:1px;width:100%;background:#243730;-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}.footer .links a:active:before,.footer .links a:focus:before,.footer .links a:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.footer hr{border:none;border-top:1px solid #e0f0eb;margin-top:1rem;margin-bottom:1rem}.footer p.contact{display:none}@media screen and (min-width:45em){.footer p.contact{margin:0;display:block;position:absolute;right:-1.5rem;top:0}.copyright{text-align:right}}.footer p.contact a:after{top:-3.5rem;-webkit-transform:translateY(1rem);transform:translateY(1rem)}#intro p,.title-btn-holder{-webkit-transform:translateY(40px);transform:translateY(40px);opacity:0}.copyright{font-size:.75rem}.about-open .footer .links a:before{background:#8EBCAC}.about-open .footer hr{border-top:none;height:1px;background:-webkit-gradient(linear,left top, right top,from(#2C3F39),to(#65887D));background:linear-gradient(to right,#2C3F39,#65887D)}.about-open .footer p.contact a:after{background:rgba(37,252,180,.06)}.about-open .footer p.contact a:before{background:#8EBCAC}.about-open .copyright,.about-open .footer p.contact a span{color:#8EBCAC}#bg-intro{height:100vh;background:#FAFDFC}#intro{position:relative;min-height:100vh}@media screen and (min-width:70em){#intro{-ms-grid-columns:4rem 1fr 4rem;grid-template-columns:4rem 1fr 4rem}}#intro .container{display:-ms-grid;display:grid}@media screen and (min-width:65em){#intro .container{-ms-grid-columns:1fr;grid-template-columns:1fr}}#intro .title{-ms-grid-column-align:start;justify-self:start}#intro .contact{margin-top:2rem;position:absolute}#intro .contact p{font-size:1rem;font-weight:600;color:#243730}#intro .contact p a span{color:#405850}#intro h1{color:#243730}#intro p{font-size:1.125rem;line-height:1.25;-webkit-animation-delay:.2s;animation-delay:.2s}@media screen and (min-width:23.4375em){#intro p{font-size:1.175rem}}@media screen and (min-width:30em){#intro p{font-size:1.525rem}}.title-btn-holder{position:relative;display:inline-block;-webkit-animation:title ease-out .2s forwards;animation:title ease-out .2s forwards;-webkit-animation-delay:.3s;animation-delay:.3s}.title-btn-holder:last-child{-webkit-animation-delay:.4s;animation-delay:.4s}.title-btn{width:7.625rem;height:2.625rem;background:#fff;padding-bottom:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}#main,.title-hover:after{-webkit-backface-visibility:hidden}.title-btn.about-btn{margin-right:0}.title-btn:hover+.title-hover .btn-path{-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 .path1{stroke-dashoffset:0}.title-btn:hover+.title-hover .path2{stroke-dashoffset:320}.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{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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.work-hover:after{left:50%;top:100%;height:100vh;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:100vw;-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,.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{position:fixed;z-index:2;top:0;width:100%;height:100vh}#background div{position:absolute;left:0;right:0;height:100vh;opacity:0;will-change:opacity;-webkit-transition:opacity 250ms ease-out;transition:opacity 250ms ease-out}#background div.active{opacity:1}.dash-wrap{display:none}@media screen and (min-width:45em){.dash-wrap{position:fixed;z-index:4;top:0;left:1.5rem;height:100vh;display:-ms-grid;display:grid;-webkit-transform:translateX(0);transform:translateX(0);opacity:1;will-change:transform;-webkit-transition:-webkit-transform .6s ease-out;transition:-webkit-transform .6s ease-out;transition:transform .6s ease-out;transition:transform .6s ease-out, -webkit-transform .6s ease-out}}.dash-wrap.invert .dash a:after,.dash-wrap.invert .dash a:before{background:#fff}.dash-wrap.invert .dash-text{color:#fff}#sait,#sait p a{color:#F8E3E4}#capilanou p,#edmonton p{color:#A9E3FF}#capilanou,#edmonton,#edmonton p a{color:#DEF7FF}.dash a{position:relative;display:block;padding:.4rem 8px .4rem 0}.dash a:after,.dash-text{position:absolute;left:0}.dash a:after,.dash a:before{display:block;width:12px;height:4px;border-radius:2px;background:#243730}.dash a:after{top:.4rem;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transition:transform .3s cubic-bezier(.175,.885,.32,1.275), -webkit-transform .3s cubic-bezier(.175,.885,.32,1.275);opacity:0}.dash a:hover:after{opacity:1;-webkit-transform:translateX(8px);transform:translateX(8px)}.dash a:hover .dash-text{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.dash.active a:after{opacity:1;-webkit-transform:translateX(8px);transform:translateX(8px)}.dash.active a:focus .dash-text,.dash.active a:hover .dash-text{opacity:0}.dash-text{font-weight:400;font-size:.8rem;opacity:0;-webkit-transform:translateY(.5rem);transform:translateY(.5rem);-webkit-transition:opacity .1s ease-out,-webkit-transform .2s ease-out;transition:opacity .1s ease-out,-webkit-transform .2s ease-out;transition:opacity .1s ease-out,transform .2s ease-out;transition:opacity .1s ease-out,transform .2s ease-out,-webkit-transform .2s ease-out;pointer-events:none}#dash-intro .dash-text{top:-1.25rem}#dash-capilanou .dash-text{top:-2.3rem}#dash-sait .dash-text{top:-3.35rem}#dash-edmonton .dash-text{top:-4.4rem}#dash-misc .dash-text{top:-5.45rem}.arrow-container{-ms-flex-item-align:end;-ms-grid-row-align:end;align-self:end;position:relative;width:20px;height:64px;margin-bottom:2rem}.arrow{position:absolute;top:0;left:0}.arrow a{display:block;position:relative;z-index:-1;text-indent:-999em;width:20px;height:64px;pointer-events:0}.arrow a:after,.arrow a:before{position:absolute;display:block}.arrow a:before{left:9px;width:2px;height:100%;background:rgba(250,253,252,.9);border-radius:1px;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.arrow a:after{width:20px;height:11px;background:url(../interface/chevron-down.svg) center center no-repeat;background-size:100%;bottom:0;left:0;-webkit-transform:translateY(-40px);transform:translateY(-40px);opacity:0}#bg-misc,.back-to-top a{background:#FAFDFC}.arrow.active a{z-index:1;pointer-events:auto}.arrow.active a:before{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out, -webkit-transform .5s ease-out;-webkit-transition-delay:.5s;transition-delay:.5s}.arrow.active a:after{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:opacity .5s ease-out,-webkit-transform .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out;transition:transform .5s ease-out,opacity .5s ease-out,-webkit-transform .5s ease-out;-webkit-transition-delay:.5s;transition-delay:.5s}#main{position:relative;z-index:3;-webkit-transform:translateX(0);transform:translateX(0);opacity:1;will-change:transform;-webkit-transition:opacity .6s ease-out,-webkit-transform .6s ease;transition:opacity .6s ease-out,-webkit-transform .6s ease;transition:transform .6s ease,opacity .6s ease-out;transition:transform .6s ease,opacity .6s ease-out,-webkit-transform .6s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}.back-to-top{position:fixed;z-index:5;top:0;left:0;pointer-events:none;opacity:0;-webkit-transition:opacity 125ms ease-out;transition:opacity 125ms ease-out;height:4rem;width:7rem}.back-to-top a{display:inline-block;font-size:.8rem;padding:1rem;border-radius:0 0 3px;-webkit-transform:translateY(-.75rem);transform:translateY(-.75rem);-webkit-transition:-webkit-transform 125ms ease-out;transition:-webkit-transform 125ms ease-out;transition:transform 125ms ease-out;transition:transform 125ms ease-out, -webkit-transform 125ms ease-out}.back-to-top.active{pointer-events:auto}.back-to-top.active:focus,.back-to-top.active:hover{opacity:1}.back-to-top.active:focus a,.back-to-top.active:hover a{-webkit-transform:translateY(0);transform:translateY(0)}#content .footer,#content-1 .footer{opacity:0;pointer-events:none}.back-wrap{opacity:0}.content-open{overflow:hidden}.content-open .dash-wrap{-webkit-transform:translateX(-200px);transform:translateX(-200px);opacity:0}.content-open #main{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0}.content-open #content .footer{pointer-events:auto;opacity:0;-webkit-animation:opacity ease-out forwards;animation:opacity ease-out forwards;-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:.2s;animation-duration:.2s}.content-open .back-wrap{opacity:1}.content-open .back-btn{-webkit-animation-delay:.5s;animation-delay:.5s}.content-open-1 #content .footer{opacity:0;pointer-events:none;-webkit-animation:none;animation:none}.content-open-1 #content .back-wrap{opacity:0}.content-open-1 #content-1 .back-btn-1{-webkit-animation-delay:.5s;animation-delay:.5s}.content-open-1 #content-1 .footer{pointer-events:auto;opacity:0;-webkit-animation:opacity ease-out forwards;animation:opacity ease-out forwards;-webkit-animation-delay:.75s;animation-delay:.75s;-webkit-animation-duration:.2s;animation-duration:.2s}.about-item,.timeline-title{-webkit-animation:translateX ease-out forwards;animation:translateX ease-out forwards}.bg-section{opacity:0;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.bg-section.active{opacity:1}.content-open .bg-section{opacity:0}.content-open #bg-content,.image-item a:focus img,.image-item a:hover img{opacity:1}.project-section{position:relative;min-height:100vh}.project-section .container{max-width:34rem}.project-section>.container{position:relative;display:-ms-grid;display:grid}.project-section p a{font-weight:500}.project-section p a:before{-webkit-transform-origin:left;transform-origin:left}.project-section:nth-of-type(even) .project-graphic:before{left:-2rem;top:8rem;right:50%;bottom:-3rem}.project-section:nth-of-type(odd) .project-graphic:before{left:50%;top:8rem;right:-2rem;bottom:-3rem}@media screen and (min-width:64em){.project-section .container{max-width:1100px}.project-section:nth-of-type(even) .project-graphic{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;margin-right:3rem}.project-section:nth-of-type(even) .project-text{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.project-section:nth-of-type(odd) .project-graphic{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;margin-left:3rem}.project-section:nth-of-type(odd) .project-text{-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}}.proj-img{position:absolute;width:50%}.project-graphic,.project-grid{position:relative;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.proj-img img{max-width:100%;height:auto}.img-1{top:6rem;right:2rem;z-index:2}.img-2{top:0;left:2rem;z-index:1}.project-graphic-holder:before,.project-logo-link span:before{bottom:0;left:0;width:100%;content:""}.project-graphic{max-width:32rem}.project-graphic:before{content:"";position:absolute;z-index:-1;border-radius:3px}.project-text{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}.project-text h2{margin-bottom:.75rem}.project-text p{max-width:30rem;margin-left:.25rem}.project-graphic-holder{overflow:hidden;width:100%;padding-top:61.8%;position:relative}.project-graphic-holder:before{position:absolute;border-radius:3px;z-index:1;top:3rem}.project-graphic-holder img,.project-logo{border-radius:5px}#bg-capilanou{background:#00b3e3;background:radial-gradient(ellipse at 20% 100%,#00b3e3 0,#1b61a9 75%)}#bg-sait{background:#A6192E;background:radial-gradient(ellipse at 80% 100%,#fc4f21 0,#a6192e 75%)}#bg-edmonton{background:#005087;background:radial-gradient(ellipse at 20% 100%,#005087 0,#112d48 75%)}#capilanou .project-graphic:before{background:rgba(169,227,255,.12)}#capilanou .project-graphic-holder:before{background:-webkit-gradient(linear,left bottom, right top,color-stop(0, #D4F3FF),to(rgba(169,227,255,.3)));background:linear-gradient(to top right,#D4F3FF 0,rgba(169,227,255,.3) 100%)}#capilanou p a{color:#DEF7FF;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(27,97,169,.15)),to(rgba(27,97,169,.5)));background-image:linear-gradient(rgba(27,97,169,.15),rgba(27,97,169,.5))}#capilanou p a:before{background:#DEF7FF}#capilanou .proj-img{-webkit-box-shadow:0 10px 20px rgba(27,97,169,.4);box-shadow:0 10px 20px rgba(27,97,169,.4)}#sait .project-graphic:before{background:rgba(237,170,173,.12)}#sait .project-graphic-holder:before{background:-webkit-gradient(linear,left bottom, right top,color-stop(0, #F8E3E4),to(rgba(237,170,173,.3)));background:linear-gradient(to top right,#F8E3E4 0,rgba(237,170,173,.3) 100%)}#sait p{color:#EDAAAD}#sait p a{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(166,25,46,.15)),to(rgba(166,25,46,.75)));background-image:linear-gradient(rgba(166,25,46,.15),rgba(166,25,46,.75))}#sait p a:before{background:#F8E3E4}#sait .proj-img{-webkit-box-shadow:0 10px 20px rgba(166,25,46,.4);box-shadow:0 10px 20px rgba(166,25,46,.4)}#edmonton .project-graphic:before{background:rgba(169,227,255,.12)}#edmonton .project-graphic-holder:before{background:-webkit-gradient(linear,left bottom, right top,color-stop(0, #D4F3FF),to(rgba(169,227,255,.3)));background:linear-gradient(to top right,#D4F3FF 0,rgba(169,227,255,.3) 100%)}#edmonton p a{background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(17,45,72,.15)),to(rgba(17,45,72,.75)));background-image:linear-gradient(rgba(17,45,72,.15),rgba(17,45,72,.75))}#edmonton p a:before{background:#DEF7FF}#edmonton .proj-img{-webkit-box-shadow:0 10px 20px rgba(17,45,72,.4);box-shadow:0 10px 20px rgba(17,45,72,.4)}#misc{position:relative;padding-top:9rem}#misc .project-grid{padding-bottom:9rem}#misc .project-grid:last-child{padding-top:5rem;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;border-top:1px solid #e0f0eb}#misc .project-graphic{-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}@media screen and (min-width:64em){#misc .container{max-width:970px}#misc .project-grid:last-child{padding-top:9rem}#misc .project-grid:last-child .project-graphic{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;margin-left:0}#misc .project-grid:last-child .project-text{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3}#misc .project-grid:last-child .project-logo-link{margin-left:0;margin-right:auto}#misc .project-graphic{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}#misc .project-graphic:before{display:none}#misc .project-text{-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;margin-bottom:4rem}#misc h2{color:#243730}.project-logo-link{max-width:360px;display:block;position:relative;margin-bottom:3rem;margin-left:auto;margin-right:auto}.project-logo-link span{display:inline-block;position:relative}.project-logo-link span:before{position:absolute;height:1px;background:#243730;-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}.project-logo-link:active span:before,.project-logo-link:focus span:before,.project-logo-link:hover span:before{-webkit-transform:scaleX(1);transform:scaleX(1)}.project-logo-link+.project-logo-link{margin-bottom:0}.project-logo-link+.project-logo-link .project-logo:before{top:3rem;bottom:-3rem;left:auto;right:-2rem}.project-logo{max-width:360px;margin-bottom:.75rem;position:relative;background:#fff;padding-top:61.8%}.project-logo:before{content:"";position:absolute;z-index:-1;display:block;background:rgba(72,158,133,.05);width:75%;top:-3rem;bottom:3rem;left:-2rem;border-radius:3px}@media screen and (min-width:64em){.project-logo-link{margin-left:auto;margin-right:0}.project-logo-link+.project-logo-link .project-logo:before{right:-3rem}.project-logo:before{left:-3rem}}.project-logo img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#bg-content{background:#FAFDFC}#content,#content-1{position:fixed;z-index:1;top:0;right:0;bottom:0;overflow-y:scroll;-webkit-overflow-scrolling:touch;overflow-x:hidden;width:100%;left:100%;will-change:transform;-webkit-transform:translateX(0);transform:translateX(0);-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;-webkit-backface-visibility:hidden;backface-visibility:hidden}.content-open #content,.content-open-1 #content-1{z-index:5;-webkit-transform:translateX(-100%);transform:translateX(-100%)}@media screen and (max-width:69.9375em) and (min-width:35.75em){.content.no-sidebar{-ms-grid-columns:0 1fr;grid-template-columns:0 1fr}.content.no-sidebar .content-item,.content.no-sidebar .image-item{margin-left:0}}@media screen and (min-width:70em){.content.no-sidebar{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}}@media screen and (max-width:69.9375em) and (min-width:35.75em){.content.less-sidebar{-ms-grid-columns:4rem 1fr;grid-template-columns:4rem 1fr}}@media screen and (min-width:48em){.content-item{margin-left:2rem}}.content-item:nth-child(1){-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}@media screen and (min-width:35.75em){.content-item:nth-child(1){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}@media screen and (min-width:70em){.content-item{margin-left:0}.content-item:nth-child(1){-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}}.content-item:nth-child(1).content-sidebar{-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}.content-item:nth-child(2){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}@media screen and (min-width:35.75em){.content-item:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}}@media screen and (min-width:70em){.content-item:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.content-item:nth-child(3){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4}@media screen and (min-width:35.75em){.content-item:nth-child(3){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4}}@media screen and (min-width:70em){.content-item:nth-child(3){-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.content-item:nth-child(4){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:4;-ms-grid-row-span:1;grid-row:4/5}@media screen and (min-width:35.75em){.content-item:nth-child(4){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:3;-ms-grid-row-span:1;grid-row:3/4}}@media screen and (min-width:70em){.content-item:nth-child(4){-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.content-image{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;max-width:1400px}.image-item:nth-child(1){-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}@media screen and (min-width:33.75em){.content-image{-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr}.image-item:nth-child(1){-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}.image-item:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.image-item:nth-child(2){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.image-item:nth-child(3){-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}@media screen and (min-width:33.75em){.image-item:nth-child(3){-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.image-item:nth-child(4){-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}.image-item a{display:block;margin-left:0;margin-right:1.5rem;margin-bottom:1.5rem}@media screen and (min-width:33.75em){.image-item:nth-child(4){-ms-grid-column:4;-ms-grid-column-span:1;grid-column:4/5;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.image-item a{margin-left:0;margin-right:1rem;margin-bottom:1rem}}@media screen and (min-width:45em){.image-item a{margin-right:2rem}}@media screen and (min-width:60em){.image-item a{margin-right:3rem}}.img-centered,.img-full img{margin:1rem 0}.image-item img{width:100%;max-width:260px;height:auto;border-radius:5px;opacity:.8;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;-webkit-box-shadow:0 10px 14px rgba(17,23,22,.25),0 1px 2px rgba(17,23,22,.25);box-shadow:0 10px 14px rgba(17,23,22,.25),0 1px 2px rgba(17,23,22,.25);background-color:#405850}.img-centered img,.img-full img{max-width:100%}.img-full{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;text-align:center}@media screen and (min-width:35.75em){.img-full{-ms-grid-column:1;-ms-grid-column-span:2;grid-column:1/3}}@media screen and (min-width:70em){.img-full{-ms-grid-column:1;-ms-grid-column-span:4;grid-column:1/5}}.about-intro h2,.timeline-roles,.timeline-title{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2}.img-full picture{display:inline-block}.img-full img{display:block;border-radius:.5rem}.img-full:nth-child(1){-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.img-full:nth-child(2){-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}.img-full.double{-webkit-column-gap:4%;-moz-column-gap:4%;column-gap:4%;max-width:930px;margin-left:auto;margin-right:auto}.img-full.double picture{width:48%}img.derp{border-radius:6px;margin-bottom:1rem;max-width:100%}#bg-about{background-color:#111716;background:radial-gradient(ellipse at 80% 100%,#405850 0,#111716 75%)}.about-open #bg-about{opacity:1}.about-open .back-btn{color:#E0F4ED;background:rgba(37,252,180,.06);-webkit-box-shadow:0 10px 14px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05);box-shadow:0 10px 14px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.05)}.img-comp-slider:after,.img-comp-slider:before,.img-slider-button{-webkit-box-shadow:0 10px 14px rgba(36,55,48,.2),0 1px 2px rgba(36,55,48,.2);box-shadow:0 10px 14px rgba(36,55,48,.2),0 1px 2px rgba(36,55,48,.2)}.about{color:#E0F4ED}.about h1,.about h2{max-width:42rem;margin-top:4.5rem}@media screen and (min-width:45em){.about h1,.about h2{margin-top:6rem}}.about h1{margin-top:9rem;margin-bottom:4rem}.about p{color:#8EBCAC}.about p.intro{color:#E0F4ED;margin-bottom:2rem}.about p a{color:#E0F4ED;background-image:-webkit-gradient(linear,left top, left bottom,from(rgba(17,17,17,.1)),to(rgba(17,17,17,.5)));background-image:linear-gradient(to bottom,rgba(17,17,17,.1),rgba(17,17,17,.5));font-weight:400}.about p a:before{background:#8EBCAC}.about .content-sidebar-title{color:#E0F4ED;padding-top:.25rem}.about-inverted{background:#FAFDFC;margin:4.5rem 0 3rem;padding:0 .5rem 5rem;color:#243730}@media screen and (min-width:45em){.about-inverted{padding:0 3.5rem 7rem;margin:7rem 0 5rem}}.about-inverted h2,.timeline-intro{margin-bottom:2rem}.about-inverted h2{margin-top:4.5rem}@media screen and (min-width:45em){.about-inverted h2{margin-top:6rem}}.about-inverted p{color:#405850}.about-inverted .about-content{margin-top:0}.about-intro{display:-ms-grid;display:grid;-ms-grid-columns:1fr;grid-template-columns:1fr;max-width:1200px}@media screen and (min-width:48em){.about-item{margin-left:2rem}.about-item.content-sidebar{margin-left:0}}.about-item svg{position:relative;z-index:1}.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}@media screen and (max-width:69.9375em) and (min-width:35.75em){.about-item:nth-child(2){-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}.about-item:nth-child(3){-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}}.about-item:nth-child(4){-webkit-transform:translateX(60rem);transform:translateX(60rem);-webkit-animation-duration:1.05s;animation-duration:1.05s}.about-svg{position:relative;float:left;margin-right:1.25rem;top:-1rem}@media screen and (min-width:45em){.about-svg{top:-.5rem;margin-right:2rem}}@media screen and (min-width:70em){.about-item{margin-left:0}.about-item .content-sidebar-title{margin-top:98px}.about-svg{top:0;float:none}}.about-svg:before{content:"";display:block;position:absolute;z-index:-1;top:1.75rem;left:.25rem;width:60px;height:60px;border-radius:30px;background:rgba(37,252,180,.06)}.svg-path{stroke-dasharray:17.8;-webkit-animation:steamy 1.5s ease-out forwards;animation:steamy 1.5s ease-out forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.timeline{margin-top:9rem}@media screen and (min-width:64em){.timeline-intro{margin-bottom:4rem}}.timeline-title{-webkit-transform:translateX(30rem);transform:translateX(30rem);-webkit-animation-duration:.6s;animation-duration:.6s;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;margin-bottom:2.125rem}.timeline-title h2{max-width:42rem}.timeline-title p{max-width:36rem}.timeline-title .uppercase-title{margin-bottom:1rem}.timeline-title .large-title{margin-top:0;margin-bottom:1rem}.timeline-roles{-webkit-animation:translateX ease-out forwards;animation:translateX ease-out forwards;-webkit-transform:translateX(40rem);transform:translateX(40rem);-webkit-animation-duration:.75s;animation-duration:.75s;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3}@media screen and (min-width:64em){.timeline-roles{-ms-grid-column:3;-ms-grid-column-span:1;grid-column:3/4;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2}}.content-back .timeline-roles,.content-back .timeline-title{-webkit-animation:none;animation:none;-webkit-transform:translateX(0);transform:translateX(0)}.content-back .timeline-content{-webkit-animation-delay:0s;animation-delay:0s}.timeline-group:first-child .timeline-group-visual{display:none}@media screen and (min-width:45em){.about-svg:before{left:.75rem}.timeline-group:first-child .timeline-group-visual{display:block}}.timeline-group:first-child .timeline-group-content:before{background:#25FCB4}.timeline-group:first-child .timeline-group-content:after{background-image:-webkit-gradient(linear,left top, left bottom,from(#25fcb4),to(#2eeab9));background-image:linear-gradient(#25fcb4,#2eeab9);-webkit-transform:scaleY(.1);transform:scaleY(.1);-webkit-transform-origin:bottom;transform-origin:bottom;-webkit-animation:timeline-line ease-out forwards;animation:timeline-line ease-out forwards;-webkit-animation-delay:.85s;animation-delay:.85s;-webkit-animation-duration:.6s;animation-duration:.6s}.case-study-img picture:before,.timeline-group-visual:before{content:"";z-index:-1;background:#F1F8F6}.timeline-group:last-child .timeline-group-content{padding-bottom:0}.timeline-group:last-child .timeline-group-content:after{display:none}.timeline-group-visual{position:relative;-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;margin-bottom:1rem;margin-top:-12rem}.timeline-group-visual:before{position:absolute;background-image:-webkit-gradient(linear,left top, left bottom,color-stop(50%, #F1F8F6),to(#FAFDFC));background-image:linear-gradient(to bottom,#F1F8F6 50%,#FAFDFC 100%);border-radius:3px;left:1rem;top:5.5rem;bottom:-17rem;width:100%;max-width:27rem}@media screen and (min-width:45em){.timeline-group-visual{display:block;-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;margin-top:2.25rem;margin-right:2rem;text-align:center;margin-bottom:0}.timeline-group-visual:before{left:50%;-webkit-transform:translateX(-60%);transform:translateX(-60%);top:2rem;height:170px;width:280px;max-width:100%;bottom:auto;background-image:none}.timeline-group-visual picture{margin:0 auto}}.timeline-group-visual picture{display:block;height:auto;max-width:270px}.timeline-group-visual img{max-width:270px;border-radius:3px;margin-left:2rem}.capsule-logo{position:absolute;top:32%;left:2rem}.timeline-group-content{-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;-ms-grid-row:2;-ms-grid-row-span:1;grid-row:2/3;position:relative;padding-left:2rem;padding-bottom:20rem;margin-bottom:.5rem}@media screen and (min-width:45em){.timeline-group-visual img{margin-left:0;max-width:100%}.capsule-logo{top:17%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.timeline-group-content{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;padding-left:3rem;padding-bottom:10rem}}.timeline-group-content:after,.timeline-group-content:before{content:"";position:absolute}.timeline-group-content:before{width:1.25rem;height:.1875rem;left:-.32rem;top:.675rem;background:#2EEAB9;border-radius:.1rem}@media screen and (min-width:45em){.timeline-group-content:before{width:1.75rem}}.timeline-group-content:after{width:.1875rem;top:2.25rem;bottom:0;left:0;border-radius:.1rem;background:#2EEAB9}.timeline-group-content .uppercase-title{margin-bottom:0}.timeline-group-content p{margin-bottom:.75rem;max-width:32rem}.timeline-group-content p a{font-weight:500}.timeline-group-content a:before{-webkit-transform-origin:left;transform-origin:left}.case-study.first{margin-top:9rem}.case-study h1{margin-top:0;margin-bottom:1rem}.case-study h2{max-width:42rem;color:#243730}.case-study .about-intro p{margin-left:.35rem}.case-study .content-text h3{color:#243730;letter-spacing:-.02em;margin-top:3rem;margin-bottom:1.25rem}.case-study .content-text h3:first-child{margin-top:0}.case-study-img{display:none}@media screen and (min-width:31.25em){.case-study-img{position:absolute;right:0;opacity:0;-webkit-animation:opacity ease-out forwards;animation:opacity ease-out forwards;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.9s;animation-delay:.9s;display:block;top:27.125rem}}.case-study-img img,.case-study-title{-webkit-animation:translateX ease-out forwards;animation:translateX ease-out forwards}@media screen and (min-width:45em){.case-study-img{top:30rem}}@media screen and (min-width:53.125em){.case-study-img{top:24rem}}@media screen and (min-width:57.5em){.case-study-img{top:21.5rem}}@media screen and (min-width:70em){.case-study-img{top:8rem}.case-study-img picture:before{left:-8%;top:12%}}@media screen and (min-width:83.75em){.case-study-img{width:30%}}.case-study-img picture{position:relative;display:block}.case-study-img picture:before{position:absolute;background:-webkit-gradient(linear,left bottom, right top,from(#F1F8F6),color-stop(75%, #FAFDFC));background:linear-gradient(to top right,#F1F8F6,#FAFDFC 75%);border-radius:3px;left:-8%;top:12%;bottom:20%;width:100%}.case-study-img img{-webkit-transform:translateX(8rem);transform:translateX(8rem);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.9s;animation-delay:.9s;width:220px}@media screen and (min-width:45em){.case-study-img img{width:300px}}@media screen and (min-width:57.5em){.case-study-img img{width:400px}}@media screen and (min-width:83.75em){.case-study-img img{width:100%}}.case-study-img-area{background:#F1F8F6;margin:3rem 0;padding:2rem 0}.case-study-img-area figure{display:inline-block;margin:2.5rem auto}.case-study-img-area figure picture{display:inline-block}.case-study-img-area figure img{margin:0}.case-study-img-area picture{display:block}.case-study-img-area img{display:block;margin:2.5rem auto;max-width:100%}.sait-logo{position:relative}.sait-logo .case-study-content{z-index:2}.sait-logo .sait-logo-svg{position:absolute;z-index:1;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:-8%;width:75%;margin:0}@media screen and (min-width:45em){.sait-logo .sait-logo-svg{width:55%}}.case-study-title{-webkit-transform:translateX(30rem);transform:translateX(30rem);-webkit-animation-duration:.6s;animation-duration:.6s}.case-study-title h1{max-width:42rem;color:#243730}@media screen and (min-width:70em){.sait-logo .sait-logo-svg{width:45%}.case-study-title h1{max-width:38rem}}@media screen and (min-width:77.5em){#capilanou h2{white-space:nowrap}.case-study-title h1{max-width:42rem}}.case-study-title p{max-width:36rem}.case-study-title .uppercase-title{margin-bottom:1rem}.intro-roles{margin-top:3.5rem}.intro-roles .roles{-webkit-animation:translateX ease-out forwards;animation:translateX ease-out forwards}.intro-roles .roles:nth-child(1){-webkit-transform:translateX(40rem);transform:translateX(40rem);-webkit-animation-duration:.75s;animation-duration:.75s}.intro-roles .roles:nth-child(2){-webkit-transform:translateX(50rem);transform:translateX(50rem);-webkit-animation-duration:.9s;animation-duration:.9s}#sait-compare-hero{padding-top:65.625%}#sait-compare-interest{padding-top:47.916%}.img-comp-wrap{max-width:60rem;margin:0 auto 4rem;position:relative}.img-comp-wrap:after,.img-comp-wrap:before{display:block;position:absolute;z-index:4;background:#2EEAB9;color:#fff;border-radius:6px;top:calc(50% - 12px);padding:.25rem .5rem;pointer-events:none;opacity:1;-webkit-transition:opacity .2s ease-out;transition:opacity .2s ease-out;font-size:.85rem}.img-comp-wrap:before{content:"Before";left:-1rem}.img-comp-wrap:after{content:"After";right:-1rem}@media screen and (min-width:25em){.img-comp-wrap:before{left:-1.5rem}.img-comp-wrap:after{right:-1.5rem}}@media screen and (min-width:45em){.img-comp-wrap:after,.img-comp-wrap:before{font-size:1rem}.img-comp-wrap:before{left:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.img-comp-wrap:after{right:0;-webkit-transform:translateX(50%);transform:translateX(50%)}}.img-comp-wrap.hide-after:after,.img-comp-wrap.hide-before:before{opacity:0}.img-comp-wrap:first-child{margin-top:4rem}.img-comp-container{position:relative;height:0;padding-top:65.625%;width:100%;display:block;border-radius:6px}.img-comp-img{position:absolute;z-index:1;top:0;left:0;bottom:0;right:0;overflow:hidden}.img-comp-img img{position:absolute;display:block;top:0;left:0;bottom:0;right:0;margin:0;border-radius:6px;max-width:none;width:auto;height:100%}.img-comp-overlay{z-index:2}.img-comp-slider{position:absolute;z-index:3;cursor:ew-resize;width:4px;top:0;bottom:0}.img-comp-slider:after,.img-comp-slider:before{content:'';position:absolute;width:4px;background:#25FCB4}.img-comp-slider:before{top:0;bottom:calc(50% + 20px)}.img-comp-slider:after{top:calc(50% + 20px);bottom:0}.img-slider-button{position:absolute;width:44px;height:44px;border-radius:50%;top:50%;left:-20px;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:4px solid #25FCB4;-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:url(../interface/exchange-arrow.svg) center center no-repeat}