@font-face{font-family:Replica;src:url(font/lineto-replica-regular.eot);src:url(font/lineto-replica-regular.eot?#iefix) format('embedded-opentype'),url(font/lineto-replica-regular.woff) format('woff'),url(font/lineto-replica-regular.ttf) format('truetype'),url(font/lineto-replica-regular.svg#ReplicaRegular) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:Replica;src:url(font/lineto-replica-italic.eot);src:url(font/lineto-replica-italic.eot?#iefix) format('embedded-opentype'),url(font/lineto-replica-italic.woff) format('woff'),url(font/lineto-replica-italic.ttf) format('truetype'),url(font/lineto-replica-italic.svg#ReplicaRegular) format('svg');font-weight:400;font-style:italic}
@font-face{font-family:Replica;src:url(font/lineto-replica-light.eot);src:url(font/lineto-replica-light.eot?#iefix) format('embedded-opentype'),url(font/lineto-replica-light.woff) format('woff'),url(font/lineto-replica-light.ttf) format('truetype'),url(font/lineto-replica-light.svg#ReplicaLight) format('svg');font-weight:300;font-style:normal}
@font-face{font-family:Replica;src:url(font/lineto-replica-bold.eot);src:url(font/lineto-replica-bold.eot?#iefix) format('embedded-opentype'),url(font/lineto-replica-bold.woff) format('woff'),url(font/lineto-replica-bold.ttf) format('truetype'),url(font/lineto-replica-bold.svg#ReplicaBold) format('svg');font-weight:700;font-style:normal}
html{box-sizing:border-box}
*,:after,:before{box-sizing:inherit}
html{height:100%;margin:0;padding:0}
body{margin:0;padding:0;min-height:100%;font-family:replica,san-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body:before{position:fixed;display:block;content:'';width:100%;height:100%;z-index:-1;top:0;left:0;background:#eaeaea;background:-webkit-linear-gradient(top,#dadada 0,#fff 100%);background:linear-gradient(to bottom,#dadada 0,#fff 100%)}
@media (max-width:768px){body{font-size:16px}}
a{color:#4e4e4e}
a:active,a:hover{color:#c52127}
header{font-weight:700}
@media (max-width:768px){header{position:relative;height:100vh;min-height:320px}}
@media (min-width:769px){header{position:fixed;z-index:1000;width:100%}
header ul{position:absolute;top:40px;right:125px;margin:0;padding:0;list-style:none;opacity:0}
header li{display:inline-block;margin:0 0 0 20px;font-size:12px;text-transform:uppercase;cursor:pointer}
header a{color:#a2a2a2;text-decoration:none;-webkit-transition:all .1s;transition:all .1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;cursor:pointer}
header a:hover{color:grey}}
#logo{position:absolute}
@media (max-width:768px){#logo{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:280px;height:110px;pointer-events:none}}
@media (min-width:769px){#logo{left:52px;top:40px;z-index:1000;width:110px;height:44px;cursor:pointer}}
footer{position:fixed;z-index:8000;opacity:0;right:30px;top:32px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;color:#a2a2a2;text-transform:uppercase}
footer svg{width:34px;height:34px;padding:7px;-webkit-transition:all .1s;transition:all .1s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;fill:#a2a2a2}
footer a{color:#a2a2a2;text-decoration:none;outline:0;margin-left:10px;cursor:pointer}
footer a:hover svg{fill:grey}
.close,.milestone-view__close{position:fixed;top:40px;right:52px;width:30px;height:30px;cursor:pointer;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.close svg,.milestone-view__close svg{padding:0;fill:#aaa;pointer-events:none}
.close:hover,.milestone-view__close:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
@media (max-width:768px){.close,.milestone-view__close{display:none}
.close svg,.milestone-view__close svg{padding:0}}
.spinner.show{display:block}
.spinner{display:none;width:40px;height:40px;margin-left:-20px;margin-top:-20px;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear;position:fixed;top:50%;left:50%;z-index:6000}
.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#c52127;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}
.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}
@-webkit-keyframes sk-rotate{100%{-webkit-transform:rotate(360deg)}}
@keyframes sk-rotate{100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-webkit-keyframes sk-bounce{0%,100%{-webkit-transform:scale(0)}
50%{-webkit-transform:scale(1)}}
@keyframes sk-bounce{0%,100%{transform:scale(0);-webkit-transform:scale(0)}
50%{transform:scale(1);-webkit-transform:scale(1)}}
.old-browser{color:grey;font-size:25px;font-weight:300;line-height:30px;max-width:700px;text-align:center;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:0 15px;width:100%}
.old-browser a,.old-browser a:active,.old-browser a:focus,.old-browser a:visited{color:#c52127;text-decoration:none}
@media (max-width:768px){.old-browser{font-size:18px;line-height:23px}}
body.show-intro{max-height:100%;overflow:hidden}
.intro{display:none}
body.show-intro .intro{position:fixed;z-index:100000;width:100%;height:100%;display:block;overflow:hidden;color:#fff}
body.show-intro .intro__bg{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);z-index:1;width:6000px;width:140vmax;height:6000px;height:140vmax;background:#c3242d;border-radius:100%}
body.show-intro .intro__line-container{position:absolute;width:100vw;height:350px;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);overflow:hidden;z-index:2}
body.show-intro .intro__content{position:absolute;top:50%;left:50%;width:450px;z-index:3;text-align:center;-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
body.show-intro .intro .part1{position:absolute;top:50%;left:-100px;width:650px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:0;font-size:18px;font-style:italic;line-height:24px;text-align:center}
body.show-intro .intro .part1 .p0{margin-bottom:0}
body.show-intro .intro .part1 .p1{margin-top:0}
body.show-intro .intro .part1 .divider{width:50px;margin:24px auto;overflow:hidden}
body.show-intro .intro .part1 .divider div{width:0;border-top:1px solid #fff}
body.show-intro .intro .part2{opacity:0}
@media (max-width:768px){body.show-intro .intro__instructions{display:none}}
@media (min-width:769px){body.show-intro .intro__instructions{position:relative;top:-30px;width:450px;height:120px;margin-bottom:30px;text-align:center;line-height:120px;opacity:0;background:url(img/instructions.png) no-repeat}}
body.show-intro .intro__start{margin:20px auto 0;opacity:0;font-size:18px;line-height:34px;text-align:center;text-transform:uppercase;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);cursor:pointer;display:inline-block;width:auto;height:auto;padding:10px 50px;letter-spacing:1px}
body.show-intro .intro__start:after{content:"";width:0;height:1px;background-color:#fff;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:5px;-webkit-transition:all .5s;transition:all .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
body.show-intro .intro__start:hover:after{width:90px}
body.show-intro .intro__line,body.show-intro .intro__line2{position:absolute;width:0;top:172px;left:-10%;border-top:2px solid #fff}
body.show-intro .intro__art{width:450px;height:350px;z-index:3}
body.show-intro .intro.hide{-webkit-animation:outro-bg .1s 1s normal forwards;animation:outro-bg .1s 1s normal forwards}
body.show-intro .intro.hide .intro__line-container{display:none}
body.show-intro .intro.hide .intro__content{-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);opacity:0;-webkit-transition:-webkit-transform .6s,opacity .4s;transition:transform .6s,opacity .4s}
body.show-intro .intro.hide .intro__bg{-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .5s,opacity .4s .3s;transition:transform .5s,opacity .4s .3s}
body.show-intro-2 .intro .part2{opacity:1}
@media (min-width:769px){body.show-intro-2 .intro__instructions{-webkit-animation:fade-in .4s ease-in 2s normal forwards,instruction-animation 7s steps(146) 2s normal infinite;animation:fade-in .4s ease-in 2s normal forwards,instruction-animation 7s steps(146) 2s normal infinite}}
body.show-intro-2 .intro__start{-webkit-animation:fade-in-cta .8s cubic-bezier(.23,1,.32,1) 3s normal forwards;animation:fade-in-cta .8s cubic-bezier(.23,1,.32,1) 3s normal forwards}
body.show-intro-2 .intro__line{-webkit-animation:intro-line-animation 1s cubic-bezier(.86,0,.07,1) .7s normal forwards;animation:intro-line-animation 1s cubic-bezier(.86,0,.07,1) .7s normal forwards}
body.show-intro-2 .intro__line2{-webkit-animation:intro-line-animation2 .8s cubic-bezier(.86,0,.07,1) .9s normal forwards;animation:intro-line-animation2 .8s cubic-bezier(.86,0,.07,1) .9s normal forwards}
@media (max-width:768px){body.show-intro{position:fixed}
body.show-intro .intro__content{width:280px}
body.show-intro .intro .part1{left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:65vw;min-width:280px}
body.show-intro .intro .part1 br{display:none}
body.show-intro .intro__bg{width:1800px;width:140vmax;height:1800px;height:140vmax}
body.show-intro .intro__line-container{height:200px}
body.show-intro .intro__line,body.show-intro .intro__line2{top:120px}
body.show-intro .intro__art{width:280px;height:245px;margin-left:-20px;background:url(img/intro-ipad.png) no-repeat}
body.show-intro-2 .intro__line{-webkit-animation:intro-line-animation 1s cubic-bezier(.86,0,.07,1) .7s normal forwards;animation:intro-line-animation 1s cubic-bezier(.86,0,.07,1) .7s normal forwards}
body.show-intro-2 .intro__line2{-webkit-animation:intro-line-animation2 .8s cubic-bezier(.86,0,.07,1) .9s normal forwards;animation:intro-line-animation2 .8s cubic-bezier(.86,0,.07,1) .9s normal forwards}
body.show-intro-2 .intro__art{-webkit-animation:intro-animation .9s steps(57) 1.15s normal forwards;animation:intro-animation .9s steps(57) 1.15s normal forwards}}
@media (min-width:769px){body.show-intro .intro__art{background:url(img/intro.png) no-repeat}
body.show-intro-2 .intro__art{-webkit-animation:intro-animation-lg .9s steps(57) 1.15s normal forwards;animation:intro-animation-lg .9s steps(57) 1.15s normal forwards}}
@media (max-height:400px){body.show-intro .intro__start{margin:-20px auto 0}
body.show-intro .intro .intro__content{-webkit-transform:translate(-50%,-65%) scale(1);-ms-transform:translate(-50%,-65%) scale(1);transform:translate(-50%,-65%) scale(1)}}
@-webkit-keyframes intro-animation{100%{background-position:-15960px}}
@keyframes intro-animation{100%{background-position:-15960px}}
@-webkit-keyframes intro-animation-lg{100%{background-position:-25650px}}
@keyframes intro-animation-lg{100%{background-position:-25650px}}
@-webkit-keyframes fade-in{100%{opacity:1}}
@keyframes fade-in{100%{opacity:1}}
@-webkit-keyframes fade-in-cta{0%{opacity:0}
1%{-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes fade-in-cta{0%{opacity:0}
1%{-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes intro-line-animation{0%{width:50%;left:-50%}
100%{width:100%;left:100%}}
@keyframes intro-line-animation{0%{width:50%;left:-50%}
100%{width:100%;left:100%}}
@-webkit-keyframes intro-line-animation2{0%{width:50%;left:-50%}
1%{width:50%;left:-40%}
100%{width:100%;left:100%}}
@keyframes intro-line-animation2{0%{width:50%;left:-50%}
1%{width:50%;left:-40%}
100%{width:100%;left:100%}}
@-webkit-keyframes instruction-animation{100%,80%{background-position:0 -17520px}}
@keyframes instruction-animation{100%,80%{background-position:0 -17520px}}
@-webkit-keyframes outro-bg{100%{width:0;height:0}}
@keyframes outro-bg{100%{width:0;height:0}}
.timeline{position:absolute;top:50%;left:0;width:100%;height:530px;padding:0;z-index:10;overflow:hidden!important;cursor:ew-resize!important;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.timeline .entries{position:absolute}
.timeline .orb{position:absolute;height:330px;width:180px;top:170px;z-index:10;color:grey;text-transform:uppercase}
.timeline .orb .meta{position:absolute;top:163px;left:40px;font-weight:700;width:100px;font-size:13px;text-align:center}
.timeline .orb__hit-area{position:absolute;top:30px;left:30px;width:120px;height:120px;border-radius:100%;cursor:pointer;background:#c52127;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:cubic-bezier(.68,-.55,.31,1.65);transition-timing-function:cubic-bezier(.68,-.55,.31,1.65)}
.timeline .orb__hit-area:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);-webkit-transition:all .3s;transition:all .3s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.timeline .category{position:absolute;width:180px;height:0;top:90px;left:0}
.timeline .category .dot{position:absolute;top:-15px;left:-5px;width:30px;height:30px;border-radius:100%;cursor:default}
.timeline .category .dot:before{position:absolute;left:50%;bottom:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;content:"";width:1px;height:0;border-left:2px solid rgba(197,33,39,.6);-webkit-transition:height .5s cubic-bezier(.86,0,.07,1);transition:height .5s cubic-bezier(.86,0,.07,1)}
.timeline .category .dot:after{position:absolute;bottom:20px;left:50%;margin-left:-40px;width:80px;opacity:0;text-align:center;-webkit-transition:all .3s cubic-bezier(.915,.03,.68,.53) .1s;transition:all .3s cubic-bezier(.915,.03,.68,.53) .1s}
.timeline .category .dot:hover:before{height:30px}
.timeline .category .dot:hover:after{opacity:1;bottom:51px;white-space:pre;-webkit-transition:all .5s cubic-bezier(.175,.885,.52,1.275) .1s;transition:all .5s cubic-bezier(.175,.885,.52,1.275) .1s}
.timeline .category .dot__art{box-sizing:content-box;display:block;content:'';width:20px;height:20px;background-color:#c52127;border:3px solid #eaeaea;border-radius:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.timeline .category--chaser{pointer-events:none;z-index:4}
.timeline .category--chaser .dot:after,.timeline .category--chaser .dot:before{display:none}
.timeline .category--chaser .dot__art{background-color:#c52127;opacity:0}
.timeline .category--digital .dot:after{content:'Digital'}
.timeline .category--digital .dot:before{border-color:#3fbfad}
.timeline .category--digital .dot__art{background-color:#3fbfad}
.timeline .category--outdoor .dot:after{content:'Outdoor'}
.timeline .category--outdoor .dot:before{border-color:grey}
.timeline .category--outdoor .dot__art{background-color:grey}
.timeline .category--print .dot:after{content:'Print/\AOutdoor'}
.timeline .category--print .dot:before{border-color:#0a3b58}
.timeline .category--print .dot__art{background-color:#0a3b58}
.timeline .category--tv .dot:after{content:'TV'}
.timeline .category--tv .dot:before{border-color:#e16166}
.timeline .category--tv .dot__art{background-color:#e16166}
.timeline .milestones{position:absolute;top:190px}
.timeline .work{position:absolute;top:260px;height:260px}
.timeline .timeline__art{position:absolute;height:330px;min-width:1000px;top:170px;z-index:5}
.timeline-start{position:fixed;top:0;left:0;width:1200px;height:2000px;z-index:1}
.timeline-end{position:fixed;top:0;right:0;width:1200px;height:2000px;z-index:1}
@media (min-height:700px){.timeline .orb:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:8px;background:url(img/era-shadow.png) no-repeat;background-size:100% 8px}
.timeline .timeline__art{background:url(img/strand-shadow.png) 0 bottom no-repeat;background-size:100% 8px}}
.timeline .entry{position:absolute;width:200px;min-height:30px;z-index:20;text-align:center;padding:0 20px;color:grey;text-transform:uppercase;cursor:pointer}
.timeline .entry div{margin:3px 0}
.timeline .entry .dot{position:absolute;left:50%;top:-50px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:0;border-radius:100%}
.timeline .entry .client{color:#aaa;font-size:11px}
.timeline .entry .title{font-weight:700;font-size:13px;-webkit-transition:all .6s;transition:all .6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.timeline .entry--work{min-height:110px}
.timeline .entry--work .img{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:0;height:0;margin:0;z-index:2;background-size:50px 50px;background-position:center center;border-radius:100%;-webkit-transition:all .3s cubic-bezier(.86,0,.07,1) 0s;transition:all .3s cubic-bezier(.86,0,.07,1) 0s}
.timeline .entry--work .dot{top:0;width:56px;height:56px;overflow:hidden;-webkit-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:all 1s cubic-bezier(.86,0,.07,1) 0s;transition:all 1s cubic-bezier(.86,0,.07,1) 0s}
.timeline .entry--work .dot:after{display:block;content:"";position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:10px;height:10px;z-index:1;background:#c52127;border-radius:100%;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1) .1s;transition:all .5s cubic-bezier(.86,0,.07,1) .1s}
.timeline .entry--work:hover .dot:after{width:56px;height:56px;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1) 0s;transition:all .5s cubic-bezier(.86,0,.07,1) 0s}
.timeline .entry--work:hover .dot .img{width:50px;height:50px;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1) .1s;transition:all .5s cubic-bezier(.86,0,.07,1) .1s}
.timeline .entry--work:hover .title{color:#c52127;-webkit-transition:color .3s;transition:color .3s}
.timeline .entry--work .meta{opacity:0;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:all .5s cubic-bezier(.23,1,.32,1) .2s;transition:all .5s cubic-bezier(.23,1,.32,1) .2s}
.timeline .entry--work.show .dot{-webkit-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
.timeline .entry--work.show .meta{opacity:1;-webkit-transform:translateY(70px);-ms-transform:translateY(70px);transform:translateY(70px)}
.timeline .entry--milestone{width:auto;padding:0;font-size:11px;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all .8s cubic-bezier(.23,1,.32,1);transition:all .8s cubic-bezier(.23,1,.32,1)}
.timeline .entry--milestone.bubble{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;-webkit-animation:milestone .8s ease-in-out infinite alternate;animation:milestone .8s ease-in-out infinite alternate}
.timeline .entry--milestone:nth-child(2n){-webkit-animation-duration:1.2s;animation-duration:1.2s}
.timeline .entry--milestone:nth-child(3n){-webkit-animation-duration:1s;animation-duration:1s}
.timeline .entry--milestone.show{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1)}
.timeline .entry--milestone .meta{width:200px;bottom:30px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all .3s cubic-bezier(.915,.03,.68,.53) .1s;transition:all .3s cubic-bezier(.915,.03,.68,.53) .1s;pointer-events:none}
.timeline .entry--milestone .dot{top:auto;bottom:0;width:30px;height:30px}
.timeline .entry--milestone .dot:before{position:absolute;left:50%;bottom:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);display:block;content:"";width:1px;height:0;border-left:2px solid rgba(197,33,39,.6);-webkit-transition:height .5s cubic-bezier(.86,0,.07,1);transition:height .5s cubic-bezier(.86,0,.07,1)}
.timeline .entry--milestone .dot:after{display:block;content:"";position:absolute;left:50%;bottom:10px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:10px;height:10px;z-index:1;border:2px solid rgba(197,33,39,.6);border-radius:100%;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1) .2s;transition:all .5s cubic-bezier(.86,0,.07,1) .2s}
.timeline .entry--milestone .meta{position:absolute;opacity:0}
.timeline .entry--milestone .year{color:#4e4e4e}
.timeline .entry--milestone:hover{-webkit-animation-play-state:paused;animation-play-state:paused}
.timeline .entry--milestone:hover .dot:before{height:30px}
.timeline .entry--milestone:hover .meta{opacity:1;bottom:65px;-webkit-transition:all .5s cubic-bezier(.175,.885,.52,1.275) .1s;transition:all .5s cubic-bezier(.175,.885,.52,1.275) .1s}
@-webkit-keyframes milestone{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
@keyframes milestone{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{-webkit-transform:translateY(5px);transform:translateY(5px)}}
.timeline-animation{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;display:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:22000}
.timeline-animation .meta{position:absolute;width:60%;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) scale(.7);-ms-transform:translate(-50%,-50%) scale(.7);transform:translate(-50%,-50%) scale(.7);color:#fff;text-align:center;text-transform:uppercase;cursor:default;opacity:0;z-index:10}
.timeline-animation .meta h1{margin:0;font-size:3rem}
.timeline-animation .meta h2{margin:0;font-family:Georgia,serif;font-size:1.5rem;font-weight:400}
.timeline-animation .spinner{top:auto;bottom:-60px;width:20px;height:20px;margin-left:-10px;margin-top:-10px}
.timeline-animation .spinner .dot1,.timeline-animation .spinner .dot2{background-color:#fff;width:60%;height:60%}
.timeline-animation .sfx{width:100%;height:100%}
.timeline-animation .sfx-holder{width:100%;height:100%;overflow:hidden}
@media (max-width:768px){.timeline-animation .meta h1{font-size:1.5rem}
.timeline-animation .meta h2{font-size:.9rem}}
.detail-view{position:absolute;width:100%;height:100%;min-height:100vh;top:0;left:0;overflow:hidden;z-index:20}
.detail-view .spinner{display:block}
.detail-view .meta{max-width:960px;margin:90px 200px 0}
.detail-view .meta .when{color:#a1a1a1;text-transform:uppercase}
.detail-view .meta .campaign{color:grey;font-size:30px;font-weight:300;line-height:60px;text-transform:uppercase}
.detail-view .meta .description{color:grey;line-height:24px}
.detail-view .meta .description p{margin:0 0 24px}
.detail-view .meta .description p:last-child{margin-bottom:0}
.detail-view .line{position:absolute;top:-30px;left:0;right:0;border-bottom:1px solid #c52127}
.detail-view .work{position:relative;padding:90px 0 0 200px;overflow:hidden!important}
.detail-view .work ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;list-style:none;margin:0;padding:0;white-space:nowrap}
.detail-view .work li{position:relative;display:inline-block;margin:0 140px 0 0;padding:0;cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}
.detail-view .work li:before{position:absolute;top:-35px;display:block;content:'';width:10px;height:10px;border-radius:100%;background:#c52127}
.detail-view .work li.tv:before{background:#e16166}
.detail-view .work li.outdoor:before,.detail-view .work li.print:before{background:#0a3b58}
.detail-view .work li.digital:before{background:#3fbfad}
.detail-view .work .title{color:#4e4e4e}
.detail-view .work .medium{color:#a1a1a1;font-size:12px;text-transform:uppercase;padding-top:4px}
.detail-view .work .tall .preview{min-height:340px}
.detail-view .work .preview{position:relative;display:inline-block;margin:20px 0;cursor:pointer;min-height:265px}
.detail-view .work .preview .preview__art{display:inline-block}
.detail-view .work .preview .preview__art img{border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.detail-view .work .preview .preview__art:hover img{border-color:#c52127}
.detail-view .work .preview .preview__art--mobile{display:none}
.detail-view .work .preview img{width:150px;height:auto}
.detail-view .work .preview .shadow{position:absolute;bottom:0;display:block;margin-top:50px;width:100%;height:8px}
.detail-view .work .is-video .preview__art{position:relative}
.detail-view .work .is-video .preview__art:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);content:'';width:34px;height:34px;background:url(img/thumbnailplay.png);background-size:34px 34px}
@media (max-width:768px){.detail-view{height:auto}
.detail-view:before{content:'';position:fixed;top:0;bottom:0;width:27px;border-right:1px solid #c52127}
.detail-view .meta{margin:90px 50px 0}
.detail-view .meta .campaign{line-height:1.1em;margin:10px auto 30px}
.detail-view .line{display:none}
.detail-view .work{padding:40px 50px 0;cursor:default!important}
.detail-view .work ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.detail-view .work li{width:100%;margin:0;cursor:default}
.detail-view .work li:before{top:0;left:-31px;width:16px;height:16px}
.detail-view .work .preview{width:100%;max-width:300px;height:auto}
.detail-view .work .preview img{width:100%}
.detail-view .work .preview .preview__art,.detail-view .work .preview .shadow{display:none}
.detail-view .work .preview .preview__art--mobile{display:block;background:#000}
.detail-view .close{display:block;position:fixed;top:16px;right:16px;opacity:1;z-index:20}}
@media (min-width:769px){.detail-view .work{cursor:move!important;cursor:ew-resize!important}
.detail-view .work li:last-child{padding-right:200px}
.detail-view .work li:last-child:after{content:"";position:absolute;top:-30px;left:-60%;right:0;border-bottom:1px solid #c52127;z-index:-1}
.detail-view .work li:first-child:after{display:none}
.detail-view .preview__art{display:inline-block}
.detail-view .preview__art--mobile{display:none}}
.milestone-view{opacity:0;color:#4e4e4e}
.milestone-view.show{opacity:1}
.milestone-view__header{height:80px}
.milestone-view__header h3{text-align:center;text-transform:uppercase;font-weight:700;font-size:14px;margin:0 0 3px}
.milestone-view__header h4{text-align:center;font-weight:400;font-size:14px;margin:0;color:grey}
.milestone-view__list{margin:0;padding:0;list-style:none}
@media only screen and (min-width:1024px){.milestone-view__list{width:900px}}
@media only screen and (min-width:1280px){.milestone-view__list{width:1200px}}
.milestone-view__pagination-btn{position:absolute;left:50%;cursor:pointer;display:none;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.milestone-view__pagination-btn svg{width:35px;height:35px;padding:5px;fill:#aaa;pointer-events:none;-webkit-transition:all .3s;transition:all .3s}
.milestone-view__pagination-btn.show{display:block}
.milestone-view__pagination-btn:hover svg{padding:2px;fill:#a1a1a1}
.milestone-view__pagination-btn--prev{top:50px}
.milestone-view__pagination-btn--next{bottom:35px}
.milestone-view__sub-list ul{margin:0;padding:0 20px;list-style:none}
.milestone-view__sub-list b{color:#c52127;font-weight:700;font-size:13px}
.milestone-view__sub-list p,.people-view p{font-size:13px;margin-top:3px;font-style:italic}
@media (min-width:769px){.milestone-view{overflow-y:hidden;position:absolute;top:0;left:0;right:0;height:100%;padding:0;min-height:600px;z-index:20}
.milestone-view__list{position:absolute;top:120px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:60px;width:90%;min-height:480px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.milestone-view__list>li{position:relative;display:inline-block;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:24%}
.milestone-view .divider,.milestone-view__pagination-btn,.milestone-view__sub-list{-webkit-transition:all .6s;transition:all .6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.milestone-view__sub-list{position:absolute;top:90px;bottom:90px;overflow:hidden}
.milestone-view__sub-list ul{-webkit-transition:all 1s;transition:all 1s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.milestone-view__sub-list li{opacity:0;-webkit-transition:all 1s;transition:all 1s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transition-delay:0s;transition-delay:0s}
.milestone-view__sub-list li.show{opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}}
@media (max-width:768px){.milestone-view{padding-top:80px}
.milestone-view__header{height:50px}
.milestone-view__header h3,.milestone-view__header h4{font-size:16px}
.milestone-view .slick-slide{opacity:0!important;display:block;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);padding:0 10px 50px}
.milestone-view .slick-slide:focus{outline:0}
.milestone-view .slick-slide>.divider{display:none}
.milestone-view .slick-arrow{position:fixed;top:50%;z-index:4000;cursor:pointer;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.milestone-view .slick-arrow svg{width:40px;height:40px;padding:5px;fill:#a1a1a1;pointer-events:none}
.milestone-view .slick-arrow.slick-prev{left:15px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.milestone-view .slick-arrow.slick-next{right:15px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.milestone-view .slick-arrow.slick-disabled{opacity:0;pointer-events:none}
.milestone-view__list{width:100%;display:block}
.milestone-view__list li.slick-current{opacity:1!important}
.milestone-view__list li.slick-current .milestone-view__footer{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.milestone-view__sub-list b{display:block;font-size:14px}
.milestone-view__sub-list ul{padding:0;margin-top:0!important}
.milestone-view__pagination-btn,.milestone-view__pagination-btn.show{display:none}}
.people-view .name{color:#c52127;font-weight:700;font-size:13px;font-style:normal;margin-bottom:0}
.people-view .title{font-style:italic;margin-top:0;font-size:13px}
.people-view .image-wrapper{height:130px;overflow:hidden;background-repeat:no-repeat;background-size:100% auto;position:relative}
.people-view .image-wrapper div{position:absolute;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:center;pointer-events:none}
.people-view .bio{position:relative;padding-top:15px}
.people-view .bio span.divider{bottom:auto;top:5px}
.people-view .bio p{font-size:13px}
.people-view__list{margin:0;padding:0;list-style:none;color:#4e4e4e}
.people-view__list li{padding:0 20px}
@media only screen and (min-width:1024px){.people-view__list{width:900px}}
@media only screen and (min-width:1280px){.people-view__list{width:1200px}}
@media (max-width:768px){.people-view{padding-top:80px}
.people-view .slick-slide{opacity:0!important;display:block;-webkit-transition:opacity 1s;transition:opacity 1s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);padding:0 10px 50px}
.people-view .slick-slide:focus{outline:0}
.people-view .slick-slide>.divider{display:none}
.people-view .slick-arrow{position:fixed;top:50%;z-index:4000;cursor:pointer;opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.people-view .slick-arrow svg{width:40px;height:40px;padding:5px;fill:#a1a1a1;pointer-events:none}
.people-view .slick-arrow.slick-prev{left:15px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
.people-view .slick-arrow.slick-next{right:15px;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
.people-view .slick-arrow.slick-disabled{opacity:0;pointer-events:none}
.people-view__list{width:100%;display:block}
.people-view__list li.slick-current{opacity:1!important}
.people-view__list li.slick-current .milestone-view__footer{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}}
@media (min-width:769px){.people-view__list{position:absolute;top:120px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:60px;width:90%;min-height:480px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.people-view__list>li{position:relative;display:inline-block;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;width:19%}}
.search.show{opacity:1}
.search{position:absolute;top:0;left:0;right:0;height:100%;overflow-x:hidden;z-index:20;padding:0 52px;opacity:0}
.search .form{margin:0}
.search .close{z-index:50}
.search__input{position:relative;z-index:2}
.search__input input{background:0 0;border:none;color:#aaa;padding:0;font-family:Replica}
.search__input input::-webkit-input-placeholder{color:#c5c5c5}
.search__input input::-moz-placeholder{color:#c5c5c5}
.search__input input:-ms-input-placeholder{color:#c5c5c5}
.search__input input::placeholder{color:#c5c5c5}
.search__input input:focus{outline:0}
.search__results-none{visibility:hidden;opacity:0;-webkit-transition:all .6s;transition:all .6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.search__results-none .copy{color:grey;font-size:30px;font-weight:300;line-height:35px;margin:10px 0}
.search__results-none .tip{color:#aaa;line-height:24px;font-size:14px}
.search__results-none.show{visibility:visible;opacity:1}
.search__categories>li{position:relative}
.search__categories>li:before{content:'';position:absolute;width:10px;height:10px;background:#c52127;border-radius:100%}
.search__categories>li.tv:before{background:#e16166}
.search__categories>li.print:before{background:#0a3b58}
.search__categories>li.digital:before{background:#3fbfad}
.search ul{list-style:none;margin:0;padding:0}
.search ul.search-results li{cursor:pointer;opacity:0}
.search ul.search-results li:nth-child( 1){-webkit-animation-delay:.1s;animation-delay:.1s}
.search ul.search-results li:nth-child( 2){-webkit-animation-delay:.2s;animation-delay:.2s}
.search ul.search-results li:nth-child( 3){-webkit-animation-delay:.3s;animation-delay:.3s}
.search ul.search-results li:nth-child( 4){-webkit-animation-delay:.4s;animation-delay:.4s}
.search ul.search-results li:nth-child( 5){-webkit-animation-delay:.5s;animation-delay:.5s}
.search ul.search-results li:nth-child( 6){-webkit-animation-delay:.6s;animation-delay:.6s}
.search ul.search-results li:nth-child( 7){-webkit-animation-delay:.7s;animation-delay:.7s}
.search ul.search-results li:nth-child( 8){-webkit-animation-delay:.8s;animation-delay:.8s}
.search ul.search-results li:nth-child( 9){-webkit-animation-delay:.9s;animation-delay:.9s}
.search ul.search-results li:nth-child( 10){-webkit-animation-delay:1s;animation-delay:1s}
.search ul.search-results li:nth-child( 11){-webkit-animation-delay:1.1s;animation-delay:1.1s}
.search ul.search-results li:nth-child( 12){-webkit-animation-delay:1.2s;animation-delay:1.2s}
.search ul.search-results li:nth-child( 13){-webkit-animation-delay:1.3s;animation-delay:1.3s}
.search ul.search-results li:nth-child( 14){-webkit-animation-delay:1.4s;animation-delay:1.4s}
.search ul.search-results li:nth-child( 15){-webkit-animation-delay:1.5s;animation-delay:1.5s}
.search ul.search-results li:nth-child( 16){-webkit-animation-delay:1.6s;animation-delay:1.6s}
.search ul.search-results li:nth-child( 17){-webkit-animation-delay:1.7s;animation-delay:1.7s}
.search ul.search-results li:nth-child( 18){-webkit-animation-delay:1.8s;animation-delay:1.8s}
.search ul.search-results li:nth-child( 19){-webkit-animation-delay:1.9s;animation-delay:1.9s}
.search ul.search-results li:nth-child( 20){-webkit-animation-delay:2s;animation-delay:2s}
.search ul.search-results li:nth-child( 21){-webkit-animation-delay:2.1s;animation-delay:2.1s}
.search ul.search-results li:nth-child( 22){-webkit-animation-delay:2.2s;animation-delay:2.2s}
.search ul.search-results li:nth-child( 23){-webkit-animation-delay:2.3s;animation-delay:2.3s}
.search ul.search-results li:nth-child( 24){-webkit-animation-delay:2.4s;animation-delay:2.4s}
.search ul.search-results li:nth-child( 25){-webkit-animation-delay:2.5s;animation-delay:2.5s}
.search ul.search-results li:nth-child( 26){-webkit-animation-delay:2.6s;animation-delay:2.6s}
.search ul.search-results li:nth-child( 27){-webkit-animation-delay:2.7s;animation-delay:2.7s}
.search ul.search-results li:nth-child( 28){-webkit-animation-delay:2.8s;animation-delay:2.8s}
.search ul.search-results li:nth-child( 29){-webkit-animation-delay:2.9s;animation-delay:2.9s}
.search ul.search-results li:nth-child( 30){-webkit-animation-delay:3s;animation-delay:3s}
.search ul.search-results li:nth-child( 31){-webkit-animation-delay:3.1s;animation-delay:3.1s}
.search ul.search-results li:nth-child( 32){-webkit-animation-delay:3.2s;animation-delay:3.2s}
.search ul.search-results li:nth-child( 33){-webkit-animation-delay:3.3s;animation-delay:3.3s}
.search ul.search-results li:nth-child( 34){-webkit-animation-delay:3.4s;animation-delay:3.4s}
.search ul.search-results li:nth-child( 35){-webkit-animation-delay:3.5s;animation-delay:3.5s}
.search ul.search-results li:nth-child( 36){-webkit-animation-delay:3.6s;animation-delay:3.6s}
.search ul.search-results li:nth-child( 37){-webkit-animation-delay:3.7s;animation-delay:3.7s}
.search ul.search-results li:nth-child( 38){-webkit-animation-delay:3.8s;animation-delay:3.8s}
.search ul.search-results li:nth-child( 39){-webkit-animation-delay:3.9s;animation-delay:3.9s}
.search ul.search-results li:nth-child( 40){-webkit-animation-delay:4s;animation-delay:4s}
.search ul.search-results li img{border:4px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1);-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.search li{margin:20px 0;padding:0;font-weight:700;color:#a1a1a1;font-size:20px;text-transform:uppercase}
.search h3{margin:20px 0;color:#a2a2a2;font-size:16px;font-weight:700}
.search h3 span{color:#aaa}
@media (min-width:769px){.search__input{margin:125px 0 45px}
.search__input input{font-size:80px}
.search__results-none{margin-top:120px}
.search ul.search-results li{-webkit-animation:FadeIn .5s ease-in-out;animation:FadeIn .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}
.search ul.search-results li:hover{color:#c52127;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1)}
.search ul.search-results li:hover img{border-color:#c52127;-webkit-transition:all .5s cubic-bezier(.86,0,.07,1);transition:all .5s cubic-bezier(.86,0,.07,1)}
.search__line{position:absolute;top:231px;left:52px;right:0;border-top:1px solid #c52127}
.search__categories>li{width:170px}
.search__categories>li:before{top:-35px}
.search__categories>li:nth-child(1){width:300px}
.search__results{margin:45px 0;position:absolute;top:217px;width:100%}
.search__results>ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.search__results>ul>li{display:inline-block;margin:0 40px 0 0}}
@media (max-width:768px){.search{padding:80px 20px 0;-webkit-overflow-scrolling:touch}
.search__input input{width:100%;font-size:60px}
.search__results-none{padding-left:20px}
.search li{margin:10px 0;font-size:16px}
.search ul{padding-left:20px}
.search ul.search-results li{-webkit-animation:FadeLeft .5s ease-in-out;animation:FadeLeft .5s ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}
.search ul.search-results li:active{color:#c52127}
.search ul.search-results li:active img{border-color:#c52127}
.search__line{content:"";display:block;position:absolute;width:1px;left:25px;top:200px;bottom:0;background-color:#c52127}
.search__categories>li{width:100%}
.search__categories>li:before{top:3px;left:-20px}
.search__categories>li:after{content:"";display:block;position:absolute;width:1px;left:-15px;top:13px;min-height:50px;height:110%;background-color:#c52127}}
@-webkit-keyframes FadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes FadeIn{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
@-webkit-keyframes FadeLeft{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes FadeLeft{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}
.about-view .content{position:static;top:50%;left:50%;width:auto;padding-bottom:50px;margin:60px 50px auto;opacity:0;font-size:18px;font-style:italic;line-height:24px;text-align:left;color:grey}
@media (min-width:769px){.about-view .content{position:absolute;text-align:center;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);margin:auto;padding-bottom:0;width:650px;max-width:auto}}
.about-view .content .p4,.about-view .content .p5{margin-bottom:0;margin-top:0;font-size:14px}
@media (max-width:768px){body .legend,body .mobile-timeline,body .timeline,body .timeline-end,body .timeline-start,body header,body header ul{display:none}}
@media (min-width:769px){body .mobile-timeline{display:none}
body .legend,body .timeline,body .timeline-end,body .timeline-start{display:block;opacity:.05;pointer-events:none;-webkit-transition:opacity .5s;transition:opacity .5s}}
@media (max-width:768px){body[data-state=timeline] .mobile-timeline{display:block}
body[data-state=timeline] .legend,body[data-state=timeline] .timeline,body[data-state=timeline] .timeline-end,body[data-state=timeline] .timeline-start,body[data-state=timeline] footer{display:none}
body[data-state=timeline] header{display:block}}
@media (min-width:769px){body[data-state=timeline] .legend,body[data-state=timeline] .timeline,body[data-state=timeline] .timeline-end,body[data-state=timeline] .timeline-start{display:block;opacity:1;pointer-events:auto;-webkit-transition:opacity .5s;transition:opacity .5s}
body[data-state=timeline] .mobile-timeline{display:none}
body[data-state=timeline] header ul{display:block;opacity:1}
body[data-state=timeline] footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1}}
body[data-state=timeline] .about-view,body[data-state=timeline] .detail-view,body[data-state=timeline] .milestone-view,body[data-state=timeline] .people-view,body[data-state=timeline] .search,body[data-state=about] .detail-view,body[data-state=about] .milestone-view,body[data-state=about] .search{display:none}
body[data-state=about] .about-view{display:block}
body[data-state=about] .people-view,body[data-state=about] footer,body[data-state=about] header ul,body[data-state=milestone] .detail-view,body[data-state=milestone] .search{display:none}
body[data-state=milestone] .milestone-view{display:block}
body[data-state=milestone] .about-view,body[data-state=milestone] .people-view,body[data-state=milestone] footer,body[data-state=milestone] header ul{display:none}
body[data-state=work] .detail-view{display:block}
body[data-state=work] #hamburger-menu,body[data-state=work] .about-view,body[data-state=work] .milestone-view,body[data-state=work] .mobile-menu,body[data-state=work] .people-view,body[data-state=work] .search,body[data-state=work] footer,body[data-state=work] header ul,body[data-state=search] .detail-view{display:none}
body[data-state=search] .search{display:block}
body[data-state=search] .about-view,body[data-state=search] .milestone-view,body[data-state=search] .people-view,body[data-state=search] footer,body[data-state=search] header ul,body[data-state=people] .about-view,body[data-state=people] .detail-view,body[data-state=people] .milestone-view,body[data-state=people] .search{display:none}
body[data-state=people] .people-view{display:block}
body[data-state=people] footer,body[data-state=people] header ul{display:none}
.mfp-bg{top:100%;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#fff;background:rgba(255,255,255,.3);-webkit-transition:all .8s;transition:all .8s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.3s;transition-delay:.3s}
.mfp-bg.mfp-ready{top:0;background:rgba(255,255,255,.9);-webkit-transition-delay:0s;transition-delay:0s}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden;overflow-y:hidden!important}
.mfp-wrap.mfp-ready .mfp-content{top:0;opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s}
.mfp-wrap.mfp-ready .popup__close{opacity:1}
.mfp-wrap.mfp-ready .popup__arrow--left{opacity:1;left:40px}
.mfp-wrap.mfp-ready .popup__arrow--right{opacity:1;right:40px}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;top:20%;opacity:0;-webkit-transition:top .8s,opacity .4s;transition:top .8s,opacity .4s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transition-delay:0s;transition-delay:0s}
.mfp-content.outro{-webkit-animation:outro .4s forwards;animation:outro .4s forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.mfp-content.intro{-webkit-animation:intro .4s forwards;animation:intro .4s forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.mfp-content.outro2{-webkit-animation:outro2 .4s forwards;animation:outro2 .4s forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.mfp-content.intro2{-webkit-animation:intro2 .4s forwards;animation:intro2 .4s forwards;-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1)}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none!important}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#CCC}
.mfp-preloader a:hover{color:#FFF}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-holder .mfp-close{top:-40px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;box-sizing:border-box;padding:40px 0;margin:0 auto}
.mfp-figure{line-height:0}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}
.mfp-figure figure{margin:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);-ms-transform:scale(.75);transform:scale(.75)}
.mfp-arrow-left{-webkit-transform-origin:0;-ms-transform-origin:0;transform-origin:0}
.mfp-arrow-right{-webkit-transform-origin:100%;-ms-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}}
@-webkit-keyframes outro{0%{margin-left:0;opacity:1}
100%{margin-left:-300px;opacity:0}}
@keyframes outro{0%{margin-left:0;opacity:1}
100%{margin-left:-300px;opacity:0}}
@-webkit-keyframes intro{0%{margin-left:300px;opacity:0}
100%{margin-left:0;opacity:1}}
@keyframes intro{0%{margin-left:300px;opacity:0}
100%{margin-left:0;opacity:1}}
@-webkit-keyframes outro2{0%{margin-left:0;opacity:1}
100%{margin-left:300px;opacity:0}}
@keyframes outro2{0%{margin-left:0;opacity:1}
100%{margin-left:300px;opacity:0}}
@-webkit-keyframes intro2{0%{margin-left:-300px;opacity:0}
100%{margin-left:0;opacity:1}}
@keyframes intro2{0%{margin-left:-300px;opacity:0}
100%{margin-left:0;opacity:1}}
.popup{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.popup__container{position:relative;z-index:30;max-width:85%;min-width:240px;padding:30px;margin:0;background:#fff;box-shadow:0 16px 48px 0 rgba(0,0,0,.3)}
.popup__container img,.popup__container video{max-width:100%;height:auto;max-height:80vh}
.popup__container .content{max-width:80vw}
.popup--work .meta{margin-bottom:5px;font-size:14px}
.popup--work .title{color:#4e4e4e}
.popup--work .medium{margin-left:5px;color:#a1a1a1;font-size:10px;text-transform:uppercase}
.popup__arrow,.popup__close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none}
.popup__close{opacity:1;position:fixed;top:40px;right:52px;width:30px;height:30px;cursor:pointer;-webkit-transition:-webkit-transform .3s cubic-bezier(.23,1,.32,1) 0s;transition:transform .3s cubic-bezier(.23,1,.32,1) 0s}
.popup__close svg{pointer-events:none}
.popup__close:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
.popup__arrow{position:fixed;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:40px;height:80px;opacity:0;-webkit-transition:all .5s;transition:all .5s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-webkit-transition-delay:1s;transition-delay:1s}
.popup__arrow svg{width:20px;height:40px;pointer-events:none}
.popup__arrow svg *{stroke:grey}
.popup__arrow:hover svg *{stroke:#c52127}
.popup__arrow--left{left:100px}
.popup__arrow--right{right:100px}
.mfp-inline-holder .mfp-content{width:auto;margin:inherit;margin-right:0;margin-left:0}
.sr-only{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0!important;border:0!important;height:1px!important;width:1px!important;overflow:hidden}
.player{position:relative;max-width:100%;overflow:hidden}
.player,.player *,.player ::after,.player ::before{box-sizing:border-box}
.player-video-wrapper{position:relative}
.player video{width:100%;height:auto;vertical-align:middle}
.player-captions{display:none;position:absolute;bottom:0;left:0;width:100%;padding:20px;min-height:2.5em;color:#fff;font-size:16px;font-weight:600;text-shadow:-1px -1px 0 #a1a1a1,1px -1px 0 #a1a1a1,-1px 1px 0 #a1a1a1,1px 1px 0 #a1a1a1;text-align:center}
@media (min-width:768px){.player-captions{font-size:24px}}
.player.captions-active .player-captions{display:block}
.player-controls{zoom:1;position:relative;background:#edeeee;line-height:1;text-align:center}
.player-controls:after,.player-controls:before{content:"";display:table}
.player-controls:after{clear:both}
.player-controls-sound{display:block;margin:10px auto 0}
.player-controls-playback{float:left}
.player-controls-sound{float:right;margin-top:0}
.player-controls button,.player-controls input+label{display:inline-block;vertical-align:middle;margin:0 2px;padding:5px 10px;cursor:pointer}
.player-controls button svg,.player-controls input+label svg{width:18px;height:18px;display:block;fill:currentColor;-webkit-transition:fill .3s ease;transition:fill .3s ease}
.player-controls button,.player-controls input+label,.player-controls input.inverted+label,.player-controls input.inverted:checked+label,.player-controls input:checked+label{color:#a1a1a1}
.player-controls button{border:0;background:0 0;overflow:hidden}
.player-controls button:hover,.player-controls input+label:hover{color:#c52127}
.player-controls .icon-exit-fullscreen,.player-controls .icon-muted{display:none}
.player-controls .player-time{display:inline-block;vertical-align:middle;margin-left:10px;color:#a1a1a1;font-weight:600;font-size:13px}
.player-progress{position:absolute;background:#c5c6c8}
.player-progress-buffer,.player-progress-played{position:absolute;left:0;top:0;width:100%;height:100%;margin:0;vertical-align:top}
.player-progress-buffer[value],.player-progress-played[value]{-webkit-appearance:none;border:none;background:0 0}
.player-progress-buffer[value]::-webkit-progress-bar,.player-progress-played[value]::-webkit-progress-bar{background:0 0}
.player-progress-buffer[value]::-webkit-progress-value,.player-progress-played[value]::-webkit-progress-value{background:currentColor}
.player-progress-buffer[value]::-moz-progress-bar,.player-progress-played[value]::-moz-progress-bar{background:currentColor}
.player-progress-played{z-index:2}
.player-progress-played[value]{cursor:pointer;color:#c52127}
.player-progress-buffer[value]{color:#a1a1a1}
.player-controls [data-player=pause],.player.playing .player-controls [data-player=play]{display:none}
.player.playing .player-controls [data-player=pause]{display:inline-block}
.player.muted .player-controls .icon-muted{display:block}
.player.muted .player-controls .icon-muted+svg{display:none}
.player-fullscreen,.player.fullscreen-active{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;width:100%;z-index:10000000;background:#000}
.player-fullscreen .player-video-wrapper,.player.fullscreen-active .player-video-wrapper{height:100%;width:100%}
.player-fullscreen .player-video-wrapper video,.player.fullscreen-active .player-video-wrapper video{height:100%}
.player-fullscreen .player-video-wrapper .player-captions,.player.fullscreen-active .player-video-wrapper .player-captions{top:auto;bottom:90px}
@media (min-width:560px) and (max-width:767px){.player-fullscreen .player-video-wrapper .player-captions,.player.fullscreen-active .player-video-wrapper .player-captions{bottom:60px}}
@media (min-width:768px){.player-fullscreen .player-video-wrapper .player-captions,.player.fullscreen-active .player-video-wrapper .player-captions{bottom:80px}}
.player-fullscreen .player-controls,.player.fullscreen-active .player-controls{position:absolute;bottom:0;left:0;right:0}
.player.fullscreen-active .icon-exit-fullscreen{display:block}
.player [data-player=captions],.player [data-player=captions]+label,.player [data-player=fullscreen],.player [data-player=fullscreen]+label,.player.fullscreen-active .icon-exit-fullscreen+svg{display:none}
.player.captions-enabled [data-player=captions],.player.captions-enabled [data-player=captions]+label,.player.fullscreen-enabled [data-player=fullscreen],.player.fullscreen-enabled [data-player=fullscreen]+label{display:inline-block}
.player-fullscreen [data-player=fullscreen],.player-fullscreen [data-player=fullscreen]+label,button[data-player=restart],button[data-player=rewind],button[data-player=fast-forward],input[data-player=volume],input[data-player=captions],label[for*=captions],span.player-time{display:none!important}
.player-controls{padding:10px}
.player-progress{height:4px;width:auto;left:60px;right:104px;top:22px}
.legend{position:fixed;bottom:5px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%;z-index:15;font-size:12px;text-transform:uppercase;max-width:1250px}
.legend #current-era-text{font-size:165px;color:rgba(76,77,79,.1);height:110px;margin-bottom:40px;text-align:center;overflow:hidden;position:absolute;width:100%;-webkit-transform:translateY(-40%);-ms-transform:translateY(-40%);transform:translateY(-40%)}
.legend #current-era-text>div{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);opacity:0;width:100%;top:100%;-webkit-transition:all .7s;transition:all .7s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transition-delay:.1s;transition-delay:.1s}
.legend #current-era-text>div span{display:inline-block}
.legend #current-era-text>div .current-era-text-short{display:none}
.legend #current-era-text .active-era{opacity:1;top:0}
.legend ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-content:space-around;-ms-flex-line-pack:distribute;align-content:space-around;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;padding:0;margin:0}
.legend>ul>li.active-era-desktop,.legend>ul>li.active-era-desktop:first-child,.legend>ul>li.active-era-desktop:last-child{-webkit-flex-basis:40%;-ms-flex-preferred-size:40%;flex-basis:40%}
.legend>ul>li.active-era-desktop:first-child>a span,.legend>ul>li.active-era-desktop:last-child>a span,.legend>ul>li.active-era-desktop>a span{opacity:0}
.legend>ul>li.active-era-desktop ul,.legend>ul>li.active-era-desktop:first-child ul,.legend>ul>li.active-era-desktop:last-child ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1}
.legend>ul>li.active-era-desktop .progress-bar,.legend>ul>li.active-era-desktop:first-child .progress-bar,.legend>ul>li.active-era-desktop:last-child .progress-bar{opacity:1}
.legend>ul>li.active-era-desktop:nth-child(2),.legend>ul>li.active-era-desktop:nth-child(2):first-child,.legend>ul>li.active-era-desktop:nth-child(2):last-child{-webkit-flex-basis:30%;-ms-flex-preferred-size:30%;flex-basis:30%}
.legend>ul>li.active-era-desktop:nth-child(3),.legend>ul>li.active-era-desktop:nth-child(3):first-child,.legend>ul>li.active-era-desktop:nth-child(3):last-child{-webkit-flex-basis:70%;-ms-flex-preferred-size:70%;flex-basis:70%}
.legend>ul>li.active-era-desktop:nth-child(4) a:before,.legend>ul>li.active-era-desktop:nth-child(4):first-child a:before,.legend>ul>li.active-era-desktop:nth-child(4):last-child a:before{right:auto}
.legend>ul>li.active-era-desktop:nth-child(4) ul,.legend>ul>li.active-era-desktop:nth-child(4):first-child ul,.legend>ul>li.active-era-desktop:nth-child(4):last-child ul{padding-right:0}
.legend>ul>li.active-era ul li,.legend>ul>li.active-era:first-child ul li,.legend>ul>li.active-era:last-child ul li{pointer-events:auto}
.legend>ul>li.active-era a .era-dot,.legend>ul>li.active-era a:hover .era-dot,.legend>ul>li.active-era:first-child a .era-dot,.legend>ul>li.active-era:first-child a:hover .era-dot,.legend>ul>li.active-era:last-child a .era-dot,.legend>ul>li.active-era:last-child a:hover .era-dot{opacity:1;background-color:#c52127}
.legend>ul>li.active-era a .era-dot svg,.legend>ul>li.active-era a:hover .era-dot svg,.legend>ul>li.active-era:first-child a .era-dot svg,.legend>ul>li.active-era:first-child a:hover .era-dot svg,.legend>ul>li.active-era:last-child a .era-dot svg,.legend>ul>li.active-era:last-child a:hover .era-dot svg{opacity:1}
.legend>ul>li,.legend>ul>li.close-active-era{-webkit-flex-basis:150px;-ms-flex-preferred-size:150px;flex-basis:150px}
.legend>ul>li ul,.legend>ul>li.close-active-era ul{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.legend>ul>li{display:block;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;position:relative;-webkit-transition:.7s all;transition:.7s all;overflow:hidden}
.legend>ul>li:first-child a:before{left:50%}
.legend>ul>li:last-child{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0}
.legend>ul>li:last-child a:before{right:50%}
.legend>ul>li .progress-bar{position:absolute;top:74px;left:50%;height:16px;width:5px;background-color:#e4e4e4;border-radius:8px;z-index:-10;opacity:0;-webkit-transition:all .7s;transition:all .7s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.legend>ul>li>a,.legend>ul>li>a:active,.legend>ul>li>a:focus,.legend>ul>li>a:hover,.legend>ul>li>a:visited{color:grey;outline:0;border:none;display:inline-block;text-align:center;position:relative;padding:20px 0;cursor:pointer}
.legend>ul>li>a:active:hover .era-dot,.legend>ul>li>a:focus:hover .era-dot,.legend>ul>li>a:hover .era-dot,.legend>ul>li>a:hover:hover .era-dot,.legend>ul>li>a:visited:hover .era-dot{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);background-color:#c52127}
.legend>ul>li>a:active:before,.legend>ul>li>a:before,.legend>ul>li>a:focus:before,.legend>ul>li>a:hover:before,.legend>ul>li>a:visited:before{content:"";display:block;background-color:#c6c6c8;width:9000px;height:1px;position:absolute;top:82px;z-index:-5}
.legend>ul>li>a .era-dot,.legend>ul>li>a:active .era-dot,.legend>ul>li>a:focus .era-dot,.legend>ul>li>a:hover .era-dot,.legend>ul>li>a:visited .era-dot{content:"";display:inline-block;background-color:#7f7f7f;width:20px;height:20px;border-radius:100%;position:relative;margin-bottom:10px;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .5s;transition:all .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.legend>ul>li>a .era-dot svg,.legend>ul>li>a:active .era-dot svg,.legend>ul>li>a:focus .era-dot svg,.legend>ul>li>a:hover .era-dot svg,.legend>ul>li>a:visited .era-dot svg{opacity:0}
.legend>ul>li>a p,.legend>ul>li>a:active p,.legend>ul>li>a:focus p,.legend>ul>li>a:hover p,.legend>ul>li>a:visited p{display:block;max-width:100px;font-weight:700;-webkit-transition:color .5s;transition:color .5s;pointer-events:none;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.legend>ul>li>a span,.legend>ul>li>a:active span,.legend>ul>li>a:focus span,.legend>ul>li>a:hover span,.legend>ul>li>a:visited span{margin:0;padding:0;font-size:10px;display:block;color:#aaa;text-transform:uppercase;pointer-events:none;-webkit-transition:color .5s;transition:color .5s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.legend>ul ul{position:absolute;top:73px;width:100%}
.legend>ul ul li{display:block;-webkit-flex-basis:25px;-ms-flex-preferred-size:25px;flex-basis:25px;padding:5px;cursor:pointer;pointer-events:none}
.legend>ul ul li.active-year a,.legend>ul ul li:hover a{-webkit-transition:color .3s;transition:color .3s;color:#c52127;font-weight:700}
.legend>ul ul li span{display:inline-block;width:1px;height:8px;border-radius:4px;background-color:#c52127;margin-left:6px;margin-bottom:13px;pointer-events:none}
.legend>ul ul li a{font-size:10px;display:block;color:#aaa;text-transform:uppercase;text-align:center;pointer-events:none;-webkit-transition:all .6s;transition:all .6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
@media (max-width:1300px){.legend{width:80%}}
@media (max-width:1100px){.legend{width:90%}
.legend #current-era-text>div .current-era-text{display:none}
.legend #current-era-text>div .current-era-text-short{display:block}}
@media (max-width:1300px){.legend #current-era-text>div .current-era-text{display:none}
.legend #current-era-text>div .current-era-text-short{display:block}}
.legend.inactive>ul>li:not(.active-era)>a,.legend.inactive>ul>li:not(.active-era)>a:active,.legend.inactive>ul>li:not(.active-era)>a:focus,.legend.inactive>ul>li:not(.active-era)>a:hover,.legend.inactive>ul>li:not(.active-era)>a:visited{cursor:default}
.legend.inactive>ul>li:not(.active-era)>a .era-dot,.legend.inactive>ul>li:not(.active-era)>a:active .era-dot,.legend.inactive>ul>li:not(.active-era)>a:focus .era-dot,.legend.inactive>ul>li:not(.active-era)>a:hover .era-dot,.legend.inactive>ul>li:not(.active-era)>a:visited .era-dot{background-color:#c5c5c5}
.legend.inactive>ul>li:not(.active-era)>a p,.legend.inactive>ul>li:not(.active-era)>a span,.legend.inactive>ul>li:not(.active-era)>a:active p,.legend.inactive>ul>li:not(.active-era)>a:active span,.legend.inactive>ul>li:not(.active-era)>a:focus p,.legend.inactive>ul>li:not(.active-era)>a:focus span,.legend.inactive>ul>li:not(.active-era)>a:hover p,.legend.inactive>ul>li:not(.active-era)>a:hover span,.legend.inactive>ul>li:not(.active-era)>a:visited p,.legend.inactive>ul>li:not(.active-era)>a:visited span{color:#c5c5c5}
.legend.inactive>ul>li:not(.active-era)>a:active:hover .era-dot,.legend.inactive>ul>li:not(.active-era)>a:focus:hover .era-dot,.legend.inactive>ul>li:not(.active-era)>a:hover .era-dot,.legend.inactive>ul>li:not(.active-era)>a:hover:hover .era-dot,.legend.inactive>ul>li:not(.active-era)>a:visited:hover .era-dot{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);background-color:#c5c5c5}
#hamburger-menu,.mobile-menu{display:none}
@media (max-width:768px){body.open-menu{overflow:hidden}
body.open-menu .detail-view,body.open-menu .milestone-view,body.open-menu .mobile-timeline,body.open-menu .search{position:fixed}
body.open-menu #hamburger-menu span{background-color:#fff;-webkit-transition-delay:.1s;transition-delay:.1s}
body.open-menu #hamburger-menu span:nth-child(1){opacity:0}
body.open-menu #hamburger-menu span:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
body.open-menu #hamburger-menu span:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
body.open-menu #hamburger-menu span:nth-child(4){opacity:0}
body.open-menu .mobile-menu{visibility:visible}
body.open-menu .mobile-menu .mobile-menu-bg{top:-50%;right:-50%;opacity:1;width:200vh;height:200vh}
body.open-menu .mobile-menu ul li:nth-child( 0){opacity:1;-webkit-transition-delay:0s;transition-delay:0s}
body.open-menu .mobile-menu ul li:nth-child( 1){opacity:1;-webkit-transition-delay:.1s;transition-delay:.1s}
body.open-menu .mobile-menu ul li:nth-child( 2){opacity:1;-webkit-transition-delay:.2s;transition-delay:.2s}
body.open-menu .mobile-menu ul li:nth-child( 3){opacity:1;-webkit-transition-delay:.3s;transition-delay:.3s}
body.open-menu .mobile-menu ul li:nth-child( 4){opacity:1;-webkit-transition-delay:.4s;transition-delay:.4s}
body.open-menu .mobile-menu ul li:nth-child( 5){opacity:1;-webkit-transition-delay:.5s;transition-delay:.5s}
body.open-menu .mobile-menu ul li:nth-child( 6){opacity:1;-webkit-transition-delay:.6s;transition-delay:.6s}
body.open-menu .mobile-menu ul li:nth-child( 7){opacity:1;-webkit-transition-delay:.7s;transition-delay:.7s}
body.open-menu .mobile-menu ul li:nth-child( 8){opacity:1;-webkit-transition-delay:.8s;transition-delay:.8s}
body.open-menu .mobile-menu ul li:nth-child( 9){opacity:1;-webkit-transition-delay:.9s;transition-delay:.9s}
#hamburger-menu{height:40px;width:50px;color:#fff;text-align:center;outline:0;border:0;cursor:pointer;top:10px;right:10px;position:fixed;z-index:95000;display:block;visibility:visible}
#hamburger-menu span{display:block;position:absolute;height:3px;width:30px;opacity:1;left:10px;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);background-color:#a1a1a1;border-radius:3px;-webkit-transition:all .4s;transition:all .4s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-delay:.7s;transition-delay:.7s}
#hamburger-menu span:nth-child(1){top:10px}
#hamburger-menu span:nth-child(2),#hamburger-menu span:nth-child(3){top:18px}
#hamburger-menu span:nth-child(4){top:26px}
.mobile-menu{width:100%;min-height:100%;position:fixed;z-index:90000;display:block;visibility:hidden}
.mobile-menu .mobile-menu-bg{position:absolute;background-color:#c52127;opacity:.5s;border-radius:50%;z-index:-1;width:0;height:0;top:28px;right:30px;-webkit-transition:all .6s;transition:all .6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1)}
.mobile-menu li,.mobile-menu ul{margin:0}
.mobile-menu ul{padding:0;top:50%;position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%}
.mobile-menu .divider{width:100%;height:1px;padding:10px 30px}
.mobile-menu .divider:after{display:block;content:'';border-top:1px solid #fff}
.mobile-menu li{list-style:none;padding:0;opacity:0;-webkit-transition:all .7s;transition:all .7s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.mobile-menu a{display:block;padding:10px 30px;color:#fff;text-decoration:none;font-size:18px;text-transform:uppercase;font-weight:700}
.mobile-menu span{display:block;font-weight:700}
.mobile-menu span.mobile-menu-year{font-weight:300}}
@media (max-height:400px){body.open-menu{overflow:visible}
body.open-menu .mobile-menu ul{top:auto;position:relative;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);padding:20px 0}
body.open-menu .mobile-menu .mobile-menu-bg{width:400vh;height:400vh}}
.mobile-timeline{text-transform:uppercase;font-size:16px}
.mobile-timeline__era{position:relative;width:100%;overflow:hidden}
.mobile-timeline__era .meta .label.in-frame{opacity:1;-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important;-webkit-transition:-webkit-transform 1s cubic-bezier(.23,1,.32,1),opacity .8s ease-out;transition:transform 1s cubic-bezier(.23,1,.32,1),opacity .8s ease-out}
.mobile-timeline__era:nth-child(even) .meta{text-align:right}
.mobile-timeline__era:nth-child(even) .meta .label{left:auto;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);text-align:right}
.mobile-timeline__era .meta{padding:100px 0}
.mobile-timeline__era .meta .label{position:absolute;top:20px;left:0;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);display:inline-block;padding:0 25px;opacity:0}
.mobile-timeline__era .meta .title{display:inline-block;color:#4e4e4e;font-weight:700;letter-spacing:.5px;max-width:110px}
.mobile-timeline__era .meta .years{color:#aaa;font-size:16px}
.mobile-timeline__era .meta .orb{width:200px;height:200px;margin:0 auto;border-radius:100%;background-color:#c52127}
.mobile-timeline__era .entry{display:block;cursor:pointer;position:relative;padding:20px 50px 20px 60px}
.mobile-timeline__era .entry--milestone{pointer-events:none;text-transform:none}
.mobile-timeline__era .entry--milestone:before{position:absolute;display:block;content:'';width:10px;height:10px;left:43px;top:30px;border-radius:100%;border:1px solid #c52127;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.mobile-timeline__era .entry--milestone .title{color:#a1a1a1}
.mobile-timeline__era .entry--work .dot{position:absolute;left:27px;top:40px;z-index:20;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:40px;height:40px;background-size:cover;border-radius:100%;border:3px solid #c52127}
.mobile-timeline__era .entry--work .year{display:none}
.mobile-timeline__era .entry--work .client{color:#a1a1a1;font-size:14px}
.mobile-timeline__era .content{position:relative;top:-220px;height:0;overflow:hidden}
.mobile-timeline__era .content:after{display:block;content:'';height:80px}
.mobile-timeline__era .content .header{padding:20px 50px 20px 40px}
.mobile-timeline__era .content .header .title{display:inline-block;color:#4e4e4e;font-weight:700;letter-spacing:.5px;max-width:150px;font-size:24px}
.mobile-timeline__era .content .header .years{color:#aaa;font-size:18px}
.mobile-timeline .actions{position:fixed;bottom:0;right:0;height:80px;width:80px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out}
.mobile-timeline .actions.show{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.mobile-timeline .actions .close{display:block;position:relative;left:20px;top:20px;opacity:1;width:40px;height:40px}
.mobile-timeline__canvas{position:fixed;top:0;left:0;z-index:1;width:100%;pointer-events:none}
#mobile-timeline__strand{position:absolute;top:0;bottom:0;left:0;z-index:1;width:100%;pointer-events:none}