/*!
 * Alice Cappo - Lead Designer
 * Lead Designer.
 * Compiled: Thu May 13 2021 21:39:31 GMT+0100 (British Summer Time)
 * @version v167
 * @link http://alicecappo.design/
 * @copyright MIT - Damien Seguin
 */:root{--z-index-overlay:7000;--z-index-modal:5500}.u-grid-container{display:grid;grid-template-columns:repeat(12,[col-start] 1fr);grid-gap:0 24px;margin:0 auto}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}b,strong{font-weight:bolder}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden]{display:none}:root{--linear:cubic-bezier(0.250,0.250,0.750,0.750);--easeInQuad:cubic-bezier(0.550,0.085,0.680,0.530);--easeInQuart:cubic-bezier(0.895,0.030,0.685,0.220);--easeInSine:cubic-bezier(0.470,0.000,0.745,0.715);--easeOutQuad:cubic-bezier(0.250,0.460,0.450,0.940);--easeOutQuart:cubic-bezier(0.165,0.840,0.440,1.000);--easeOutBack:cubic-bezier(0.175,0.885,0.320,1.275);--easeInOutQuad:cubic-bezier(0.455,0.030,0.515,0.955);--easeInOutSine:cubic-bezier(0.445,0.050,0.550,0.950);--font-weight-regular:400;--font-weight-bold:700}h1,h2,h3,h4{margin:0;font-weight:400}a,a:visited{text-decoration:none}dd,dl,dt,ol,ul{list-style:none;padding:0;margin:0}label{margin:0}pre{background:#fff;padding:10px}p{padding:0}figure,p{margin:0}i{font-style:normal}b,strong{font-weight:400}picture img{vertical-align:middle}button,input,label,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:none;font:inherit;line-height:normal;box-shadow:none;background:inherit}button:hover{cursor:pointer}button:focus{outline:0}::selection{background-color:transparent;background-color:rgba(0,0,0,.1)}body,html{width:100%;height:100%;background-color:#111;background-color:var(--color-black)}body{overflow-y:scroll;overscroll-behavior:none}::-webkit-scrollbar-track{background-color:#111;background-color:var(--color-black)}::-webkit-scrollbar{width:9px;height:9px;background-color:#444;background-color:var(--color-dark-grey)}::-webkit-scrollbar-thumb{background-color:#ccc;background-color:var(--color-light-grey)}:root{--color-black:#111;--color-white:#fff;--color-lighter-grey:#eee;--color-light-grey:#ccc;--color-medium-grey:#777;--color-dark-grey:#444;--color-darker-grey:#222;--font-heading:"Monument Extended",sans-serif;--font-subheading:"Soulcraft Regular",sans-serif;--font-copy:"Poppins",sans-serif}@font-face{font-family:Soulcraft Regular;src:url(/assets/Soulcraft.992b3a5854bbed3f8e20.woff2) format("woff2"),url(/assets/Soulcraft.46805c8a98ac922a365d.woff) format("woff");font-style:normal;font-weight:1 999;font-stretch:1% 500%;font-display:swap}@font-face{font-family:Monument Extended;src:url(/assets/MonumentExtended-Regular.b92b5ccf4de95fcf8e0b.woff2) format("woff2"),url(/assets/MonumentExtended-Regular.ad23d176993f74011b52.woff) format("woff");font-style:normal;font-weight:400;font-display:swap}.Typography--h1{font-family:Monument Extended,sans-serif;font-family:var(--font-heading);font-size:60px;line-height:1.17;letter-spacing:2px;color:#eee;color:var(--color-lighter-grey)}@media (max-width:575px){.Typography--h1{font-size:30px;line-height:1.33}}.Typography--h2{font-family:Monument Extended,sans-serif;font-family:var(--font-heading);font-size:40px;letter-spacing:1.5px;color:#777;color:var(--color-medium-grey)}@media (max-width:575px){.Typography--h2{font-size:18px;letter-spacing:.5px}}.Typography--h3{font-family:Soulcraft Regular,sans-serif;font-family:var(--font-subheading);font-size:12px;letter-spacing:2px;color:#444;color:var(--color-dark-grey)}.Typography--bodyCopy{font-family:Poppins,sans-serif;font-family:var(--font-copy);font-size:16px;font-weight:300;line-height:1.75;color:#eee;color:var(--color-lighter-grey)}.Typography--bodyCopy--dark{color:#444;color:var(--color-dark-grey)}.Typography--bodyCopyNotes{font-family:Poppins,sans-serif;font-family:var(--font-copy);font-size:12px;line-height:1.5;color:#222;color:var(--color-darker-grey)}.Typography--labelgrey{font-family:Soulcraft Regular,sans-serif;font-family:var(--font-subheading);font-size:12px;letter-spacing:2px;color:#ccc;color:var(--color-light-grey)}.Typography--labelwhite{color:#eee;color:var(--color-lighter-grey)}.Typography--cta,.Typography--labelwhite{font-family:Monument Extended,sans-serif;font-family:var(--font-heading);font-size:12px;letter-spacing:2px}.Typography--cta{color:#777;color:var(--color-medium-grey)}.Typography--font-smoothing{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Clearfix:after,.Clearfix:before{content:" ";display:table}.Clearfix:after{clear:both}.Clearfix{*zoom:1}.u-overflow-hidden{overflow:hidden}.u-container{position:relative;max-width:1240px;margin:0 auto}.Page-content{position:absolute;width:100%;min-height:100%}.fade-appear,.fade-enter{opacity:0}.fade-appear-active,.fade-enter-active{transition:opacity .5s linear;opacity:1}.fade-exit{transition:opacity 1ms linear;opacity:1}.fade-exit-active,.page-work-appear,.page-work-enter{opacity:0}.page-work-appear-active,.page-work-enter-active{transition:opacity 0s linear;opacity:1}.page-work-exit{transition:opacity .5s linear;opacity:1}.page-work-exit-active{opacity:0}.UI{z-index:var(--z-index-overlay);pointer-events:none;position:fixed;top:0;width:100%;height:100vh}.UI .Cta{color:var(--color-medium-grey);transition:color .2s var(--easeInQuart)}.UI .Cta:hover{color:var(--color-lighter-grey);transition:color .25s var(--easeOutQuart)}.UI .Cta-allProjects,.UI .Cta-close,.UI .Cta-goBack{pointer-events:auto;position:absolute;left:40px;top:40px}@media (max-width:575px){.UI .Cta-goBack{display:none}}.UI .Cta-allProjects,.UI .Cta-close{left:50%;transform:translate3d(-50%,0,0)}.UI .WorkListNav{position:absolute;right:2%;top:50%;transform:translate3d(0,-50%,0)}.UI .WorkListNav-item-icon{pointer-events:auto}.UI .Cta-getInTouch{pointer-events:auto;position:fixed;bottom:40px;top:auto;left:50%;transform:translate3d(-50%,0,0)}.UI .SocialList{pointer-events:auto;position:absolute;left:32px;bottom:2%}.UI .Timeline{position:absolute;left:19px;top:0;bottom:0;transform:rotate(-90deg) translate(-50%,50%);transform-origin:0 50%}.MainNav{pointer-events:all}.MainNav-icon{cursor:pointer;pointer-events:auto;width:13px;height:13px;transform:translate3d(-50%,0,0)}.MainNav-contentWrapper{box-sizing:border-box;display:flex;flex-direction:row;width:83%;min-height:100vh;padding:51px 0;margin:0 auto;color:var(--color-light-grey)}@media (max-width:575px){.MainNav-contentWrapper{flex-direction:column}}.MainNav-clientList{display:flex;flex-direction:column;justify-content:center;width:100%}@media (max-width:575px){.MainNav-clientList{width:100%}}.MainNav-clientList--active .MainNav-client-works{color:var(--color-medium-grey);transition:color .25s var(--easeOutQuart)}.MainNav-client{display:flex;flex-direction:column;margin-bottom:30px;pointer-events:auto}@media (min-width:992px){.MainNav-client{flex-direction:row}}@media (max-width:575px){.MainNav-client{margin-bottom:20px;line-height:1.4}}.MainNav-client-name{z-index:1;position:relative;flex:none;padding-right:20px;font-weight:var(--font-weight-regular)}.MainNav-client-works{z-index:1;position:relative;display:flex;flex-direction:column;align-items:flex-start;color:var(--color-lighter-grey);transition:color .2s var(--easeInQuart)}.MainNav-client-works:hover{color:var(--color-white);transition:color .25s var(--easeOutQuart)}.MainNav-client-works span span{cursor:pointer}@media (max-width:575px){.MainNav-client-works{width:100%;margin-bottom:20px}}.MainNav-client-works-imageWrapper{overflow:hidden;pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;width:50vw;height:50vh;transform:translate3d(-50%,-50%,0)}.MainNav-client-works-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}:root{--work-container-width:1440px}.Work{overflow:hidden;min-height:101vh;background-color:var(--color-white)}.Work .intersect{transform-origin:top center;transform:translate3d(0,10px,0) scaleY(1.3);overflow:hidden;opacity:0}.Work .intersect.intersect--active{opacity:1;transform:translate3d(0,0,0) scaleY(1);transition:all .8s var(--easeOutQuad)}.Work-header{margin:0 auto;background-color:var(--color-black)}.Work-meta{position:relative;width:100%;padding:0 20px;margin-top:40px;max-width:1440px;max-width:var(--work-container-width);box-sizing:border-box}@media (min-width:768px){.Work-meta{padding:0 120px}}@media (min-width:992px){.Work-meta{position:absolute;left:50%;transform:translate3d(-50%,0,0);margin-top:82px}}@media (max-width:575px){.Work-meta-content{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-meta-content{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-meta-content{grid-column:col-start 2/span 3}}.Work-meta-item{margin-bottom:40px}.Work-content{width:100%;min-height:100vh;max-width:1440px;max-width:var(--work-container-width);box-sizing:border-box}@media (max-width:575px){.Work-content{padding:0 20px;margin-top:0}}@media (min-width:576px){.Work-content{padding:0 20px;margin-top:0}}@media (min-width:768px){.Work-content{padding:0 120px;margin-top:82px}}.Work-content p a{text-decoration:underline;color:var(--color-darker-grey);font-weight:var(--font-weight-bold)}.Work-content-title{margin-bottom:7px}.Work-content-full{width:100%;margin-top:120px}.Work-content-full .Work-content-title,.Work-content-full a,.Work-content-full p{color:var(--color-lighter-grey)}.Work-content-full a{font-weight:var(--font-weight-bold)}.Work-content-spacer{margin-bottom:80px;grid-column:col-start 1/span 12}@media (max-width:575px){.Work-content-spacer{margin-bottom:40px}}.Work-content-part{margin-bottom:80px}@media (max-width:575px){.Work-content-part{margin-bottom:40px}}.Work-content-part p{margin-bottom:20px}.Work-content--image{position:absolute;left:50%;transform:translate3d(-50%,-50%,0)}@media (max-width:575px){.Work-content--image{position:relative;left:auto;transform:translate3d(0,0,0)}}@media (max-width:575px){.Work-content-part--copy{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-content-part--copy{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-content-part--copy{grid-column:col-start 5/span 6}}.Work-content-part--image,.Work-content-part--video{grid-column:col-start 2/span 10}@media (max-width:575px){.Work-content-part--image,.Work-content-part--video{grid-column:col-start 1/span 12}}.Work-content-figcaption{margin-top:10px}.Work-content-image{width:100%;vertical-align:middle}@media (max-width:575px){.Work-content-part--credits-title,.Work-content-part--results-title{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-content-part--credits-title,.Work-content-part--results-title{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-content-part--credits-title,.Work-content-part--results-title{grid-column:col-start 5/span 8}}@media (max-width:575px){.Work-content-part--credits-columnOne{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-content-part--credits-columnOne{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-content-part--credits-columnOne{grid-column:col-start 5/span 3}}@media (max-width:575px){.Work-content-part--credits-columnTwo{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-content-part--credits-columnTwo{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-content-part--credits-columnTwo{grid-column:col-start 8/span 3}}.Work-content-part--results-results{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}@media (max-width:575px){.Work-content-part--results-results{grid-column:col-start 1/span 12}}@media (min-width:576px){.Work-content-part--results-results{grid-column:col-start 2/span 10}}@media (min-width:992px){.Work-content-part--results-results{grid-column:col-start 5/span 6}}.Work-content-part--results-result{padding:0 12px;margin-bottom:20px}@media (min-width:768px){.Work-content-part--results-result{max-width:180px}}.Work-content-part--result-number{line-height:1}@media (max-width:575px){.Work-content-part--result-number{font-size:40px}}.Work-tags{display:inline-block;position:relative;width:auto;margin-bottom:10px;padding-top:8px;padding-left:8px;margin-left:-8px}.Work-tags-copy{display:block;position:relative;text-transform:uppercase}.Work-footer{width:100%;max-width:1440px;max-width:var(--work-container-width);margin:0 auto;padding:0 120px;box-sizing:border-box}@media (max-width:575px){.Work-footer{padding:0}}@media (min-width:576px){.Work-footer{padding:0}}@media (min-width:992px){.Work-footer{padding:0 120px}}.Work-footer-content{width:100%;padding:60px 0;background-color:var(--color-black)}@media (max-width:575px){.Work-footer-content{box-sizing:border-box;padding:60px 20px}}.Work-footer-button{cursor:pointer;z-index:1;grid-row:1}@media (max-width:575px){.Work-footer-button{grid-column:col-start 1/span 12;margin-left:-10px;margin-top:10px}}@media (min-width:576px){.Work-footer-button{grid-column:col-start 2/span 10;margin-left:-10px;margin-top:10px}}@media (min-width:768px){.Work-footer-button{grid-column:col-start 3/span 5;margin-top:20px;margin-left:-25px}}.Work-footer-image{grid-row:1;grid-column:col-start 1/span 12;max-width:100%}@media (min-width:576px){.Work-footer-image{grid-column:col-start 2/span 10}}@media (min-width:768px){.Work-footer-image{grid-column:col-start 3/span 5}}.Work-footer-header{grid-row:1;grid-column:col-start 2/span 10;align-self:flex-end;margin-bottom:20px}@media (min-width:576px){.Work-footer-header{grid-column:col-start 3/span 8}}@media (min-width:768px){.Work-footer-header{grid-column:col-start 6/span 5}}.Work-footer-title{font-size:30px;color:#eee;color:var(--color-lighter-grey)}@media (min-width:992px){.Work-footer-title{font-size:60px}}.Work-footer-clientName{text-transform:uppercase}.CardWork-content{display:flex;position:relative;width:100%;margin:auto}.CardWork-canvas{align-self:center;position:relative;width:100%;transform:translate3d(0,0,0)}.CardWork-header{position:absolute;top:97%;left:20%;width:calc(80% + 8.5vw);max-width:min(50vw,960px);transform:translate3d(0,-50%,0)}@media (max-width:575px){.CardWork-header{position:absolute;top:15%;left:50%;width:calc(100% - 40px);max-width:none;transform:translate3d(-50%,0,0);text-align:center}}.CardWork-header .Cta--round{display:none;margin-top:20px}@media (max-width:575px){.CardWork-header .Cta--round{display:block}}.CardWork-header-cta{display:flex;justify-content:center}.CardWork-clientName span{display:inline-block}.CardWork-clientName{line-height:1;text-transform:uppercase}.CardWork-clientName,.CardWork-title{transform:translate3d(0,0,0)}@media (max-width:575px){.CardWork-title{margin-top:5px}}.CardWork-title span{display:inline;position:relative;height:100%}.CardWork-tags{position:absolute;top:0;left:0;margin-left:-5%;margin-top:2%;line-height:1;text-transform:uppercase;transform:translate3d(0,0,0)}@media (max-width:575px){.CardWork-tags{display:none}}.CardWork-link{position:absolute;right:-5%;top:-21px;height:50px;line-height:50px;padding:0 27px;text-transform:uppercase}@media (max-width:575px){.CardWork-link{position:absolute;top:auto;right:auto;bottom:15%;left:50%;transform:translate3d(-50%,0,0)}}.CardWork-link svg{position:absolute;left:0}.CardWork-link svg rect{fill:transparent;stroke:#eee;stroke:var(--color-lighter-grey);stroke-width:2px}.CardWork-link:after{content:"";position:absolute;left:calc(100% - 17px);top:50%;width:0;height:1px;background-color:#eee;background-color:var(--color-lighter-grey);transition:width .2s var(--easeInQuart)}.CardWork-link:hover:after{width:30px;transition:width .25s .2s var(--easeOutQuart)}.CardWork-link.CardWork-link--out:hover:after{width:0;transform:translate3d(30px,0,0);transition:width .25s .2s var(--easeOutQuart),transform .25s .2s var(--easeOutQuart)}.Cta{padding:0;border:0;color:inherit;line-height:normal;overflow:visible;background:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;text-transform:uppercase}.Cta::-moz-focus-inner{border:0;padding:0}.Cta::focus{outline:none}.Cta--round{position:relative;color:var(--color-black);line-height:60px}.Cta--round:before{z-index:-1;content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);width:60px;height:60px;background-color:var(--color-white);border-radius:50%;transition:transform .15s 0s var(--easeInSine)}.VideoPlayer-video{position:absolute;width:100%;height:100%}.VideoPlayer-image img{width:100%}.VideoPlayer-button{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.VideoPlayer-button-icon{width:56px;height:56px}.About{pointer-events:all}.About--active .About-articleTitle{opacity:1;transition:opacity .5s var(--easeInOutSine)}.About-contentWrapper{box-sizing:border-box;display:flex;flex-direction:row;width:83%;min-height:100vh;padding:51px 0;margin:0 auto;color:var(--color-light-grey)}@media (max-width:575px){.About-contentWrapper{flex-direction:column;padding-bottom:120px}}.About-content{display:flex;flex-direction:column;justify-content:center;width:100%}@media (max-width:575px){.About-content{width:100%}}.About-aside{width:100%}@media (min-width:768px){.About-aside{width:50%}}.About-article{display:flex;flex-direction:column}@media (min-width:768px){.About-article{flex-direction:row;width:100%}}.About-articleTitle{width:100%;margin-bottom:10px;opacity:0;transition:opacity .2s var(--easeInSine)}@media (max-width:575px){.About-articleTitle{margin-top:40px}}@media (min-width:768px){.About-articleTitle{flex-direction:row;width:50%}}.About-articleBody p{margin-bottom:20px;opacity:0;transition:opacity .2s var(--easeInSine)}.About-articleBody strong{font-weight:var(--font-weight-bold)}.About-articleBody--enter p{opacity:0}.About-articleBody--enter-active p{opacity:1;transition:opacity .3s var(--easeInOutSine)}.About-articleBody--enter-active p:first-of-type{transition-delay:0s}.About-articleBody--enter-active p:nth-of-type(2){transition-delay:.05s}.About-articleBody--enter-active p:nth-of-type(3){transition-delay:.1s}.About-articleBody--enter-active p:nth-of-type(4){transition-delay:.15s}.About-articleBody--enter-active p:nth-of-type(5){transition-delay:.2s}.About-articleBody--enter-active p:nth-of-type(6){transition-delay:.25s}.About-articleBody--exit p{opacity:1}.About-articleBody--exit-done p{opacity:0}.About-articleBody--exit-active p{opacity:0;transition:opacity .15s var(--easeInOutSine)}.About-articleBody--exit-active p:nth-of-type(n){transition-delay:0s}.About-clientLabel{margin-top:28px;margin-bottom:30px;text-transform:uppercase}@media (max-width:575px){.About-clientLabel{margin-top:80px}}.About-clientLogos{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}@media (max-width:575px){.About-clientLogos{padding:0}}.About-clientLogos li{display:flex;justify-content:center;width:33%;margin-bottom:30px;box-sizing:border-box;text-align:center;opacity:0;transition:opacity .2s var(--easeInSine)}@media (max-width:575px){.About-clientLogos li{width:50%;padding:0}}.About-clientLogos img{max-width:100%}.SocialList{display:block;position:relative;margin-top:-14px;margin-left:-14px}.SocialList-link,.SocialList div{display:inline-block}.SocialList-link{position:relative;height:14px;margin-right:16px;padding:14px}.SocialList-link span{position:absolute}.SocialList-link:before{content:"";display:inline-block;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale3d(0,0,0);width:60px;height:60px;background-color:var(--color-medium-grey);border-radius:50%;transition:transform .15s 0s var(--easeInSine)}.SocialList-link:hover:before{transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transition:transform .25s .05s var(--easeOutBack)}.SocialList-icon{display:inline-block;position:relative;height:100%}.Cursor{pointer-events:none!important;z-index:9999;display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:64px;height:64px}.Cursor:hover{cursor:none}.Cursor-canvas{position:absolute;top:0;left:0}.Cursor-copy{position:relative;font-family:var(--font-heading);font-size:10px;letter-spacing:1.67px;color:var(--color-black)}.Preloader{pointer-events:none;position:fixed;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-content:baseline;align-items:center;background-color:var(--color-black);opacity:0;transition:all .3s var(--easeInQuad)}.Preloader-copy{margin-top:30px;color:var(--color-medium-grey)}.Preloader-loading{margin-left:-100vw;width:100vw;-webkit-animation:load 8s var(--linear) infinite forwards;animation:load 8s var(--linear) infinite forwards}.Preloader-loading-copy{font-size:60px;margin:0 15px}.Preloader--active{opacity:1;transition:color .3s var(--easeInOutQuad)}.Preloader--active .Preloader-line:before{transition:all .3s var(--easeInQuad)}@keyframes load{0%{transform:translate3d(-50%,0,0)}to{transform:translate3d(50%,0,0)}}.WorkListNav--hovered .WorkListNav-item.WorkListNav-item--active .WorkListNav-item-copy{opacity:.5;transition-delay:0}.WorkListNav-item{display:flex;justify-content:flex-end;align-content:center;margin:24px 0}.WorkListNav-item.WorkListNav-item--active .WorkListNav-item-copy,.WorkListNav-item.WorkListNav-item--hovered .WorkListNav-item-copy{opacity:1;transition:opacity .8s var(--easeOutQuart);transition-delay:.1s}.WorkListNav-item.WorkListNav-item--active .WorkListNav-item-dot,.WorkListNav-item.WorkListNav-item--hovered .WorkListNav-item-dot{background-color:var(--color-light-grey)}.WorkListNav-item.WorkListNav-item--hovered:not(.WorkListNav-item--active) .WorkListNav-item-dot{opacity:1;transform:scale3d(1,1,1);transition:opacity .3s var(--easeOutQuart),background-color .3s var(--easeOutQuart),transform .5s var(--easeOutBack)}.WorkListNav-item-copy{opacity:0;transition:opacity .2s var(--easeInQuart);text-transform:uppercase;pointer-events:none;margin-top:7px}.WorkListNav-item-icon{cursor:pointer;position:relative;width:24px;height:24px;margin-left:7px}.WorkListNav-item-dot{position:absolute;top:5px;left:-1px;width:14px;height:14px;box-shadow:0 0 4px 0 hsla(0,0%,100%,.3);background-color:var(--color-dark-grey);border-radius:50%;transform:scale3d(.5,.5,.5);transition:opacity .2s var(--easeInQuart),background-color .2s var(--easeInQuart),transform .2s var(--easeInQuart)}.TimelineSeparator{display:inline-block;height:1px;width:0;margin:0 19px;background-color:#444;background-color:var(--color-dark-grey)}.TimelineNumber{display:inline-block;position:relative;opacity:0;transition:all .25s var(--easeInQuad)}.TimelineNumber--enter-active{opacity:1;transition:all .25s .75s var(--easeInOutQuad)}.TimelineNumber--enter-done{opacity:1}.TimelineNumber--exit-active{opacity:0;transition:all .25s var(--easeInOutQuad)}.TimelineNumber-value{display:block;position:absolute;top:0;transform:translate3d(0,-50%,0)}.TimelineNumber-value--left{right:0}.TimelineNumber-value--right{left:0}.Modals{z-index:var(--z-index-modal);position:fixed;right:0;bottom:0;width:100vw;height:100vh}.Modals,.Modals-background{pointer-events:none;top:0;left:0}.Modals-background{position:absolute;width:100%;height:100%;background-color:var(--color-black);opacity:0;transition:opacity .5s var(--easeInQuad)}.Modals-background--active{background-color:var(--color-black);opacity:1;transition:opacity .5s var(--easeOutQuad)}.Modal{top:0;left:0;right:0;pointer-events:auto;overflow-y:scroll}.Home,.Modal{position:absolute;width:100%;height:100%}.Home{overflow:hidden;color:var(--color-light-grey)}.Background{position:fixed;top:0;left:0}.Hero{position:relative;height:100vh}.Hero .Logo{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}@media (max-width:575px){.Hero .Logo{width:100%;padding:0 20px;box-sizing:border-box;max-width:320px}}.Hero .Logo-role,.Hero .Logo-title span:nth-child(2){padding-left:140px}@media (max-width:575px){.Hero .Logo-role,.Hero .Logo-title span:nth-child(2){padding-left:0;text-align:right}}.Logo.Logo--active .Logo-letter{opacity:1;transform:translate3d(0,0,0);transition:all $easeInOutQuad .3s}.Logo-title span{display:block;font-family:var(--font-subheading);font-size:102px;font-stretch:40%;letter-spacing:1px;color:var(--color-medium-grey)}@media (max-width:575px){.Logo-title span{font-size:60px;letter-spacing:.59px}}.Logo-role{opacity:.7}@media (max-width:575px){.Logo-role{text-align:center;margin-top:20px}}.WorkList{overflow:hidden;width:100%;margin:0 auto}.WorkList-item{position:relative;max-width:1200px;height:100vh;margin:auto}.WorkList-item .CardWork{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);max-height:80vh}@media (max-width:575px){.WorkList-item .CardWork{height:100%;max-height:100vh}}.WorkList-item .CardWork-content{max-height:80vh}@media (max-width:575px){.WorkList-item .CardWork-content{max-height:100vh}}.WorkList-item .CardWork-image{min-width:100%;-o-object-fit:cover;object-fit:cover}