html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}.custom-cover{height:800px}g.tick{font-size:21px}.container{max-width:1200px;margin:0 auto;box-sizing:border-box;padding:0 15px}.container--fluid{margin:0;max-width:100%}.row{display:flex;flex-wrap:wrap;width:100%}.col-xs-offset-0{margin-left:0}.col-xs-1{flex:0 0 auto;width:8.3333333333%;padding:0 15px;box-sizing:border-box}.col-xs-offset-1{margin-left:8.3333333333%}.col-xs-2{flex:0 0 auto;width:16.6666666667%;padding:0 15px;box-sizing:border-box}.col-xs-offset-2{margin-left:16.6666666667%}.col-xs-3{flex:0 0 auto;width:25%;padding:0 15px;box-sizing:border-box}.col-xs-offset-3{margin-left:25%}.col-xs-4{flex:0 0 auto;width:33.3333333333%;padding:0 15px;box-sizing:border-box}.col-xs-offset-4{margin-left:33.3333333333%}.col-xs-5{flex:0 0 auto;width:41.6666666667%;padding:0 15px;box-sizing:border-box}.col-xs-offset-5{margin-left:41.6666666667%}.col-xs-6{flex:0 0 auto;width:50%;padding:0 15px;box-sizing:border-box}.col-xs-offset-6{margin-left:50%}.col-xs-7{flex:0 0 auto;width:58.3333333333%;padding:0 15px;box-sizing:border-box}.col-xs-offset-7{margin-left:58.3333333333%}.col-xs-8{flex:0 0 auto;width:66.6666666667%;padding:0 15px;box-sizing:border-box}.col-xs-offset-8{margin-left:66.6666666667%}.col-xs-9{flex:0 0 auto;width:75%;padding:0 15px;box-sizing:border-box}.col-xs-offset-9{margin-left:75%}.col-xs-10{flex:0 0 auto;width:83.3333333333%;padding:0 15px;box-sizing:border-box}.col-xs-offset-10{margin-left:83.3333333333%}.col-xs-11{flex:0 0 auto;width:91.6666666667%;padding:0 15px;box-sizing:border-box}.col-xs-offset-11{margin-left:91.6666666667%}.col-xs-12{flex:0 0 auto;width:100%;padding:0 15px;box-sizing:border-box}.col-xs-offset-12{margin-left:100%}@media screen and (min-width: 576px){.col-sm-offset-0{margin-left:0}.col-sm-1{flex:0 0 auto;width:8.3333333333%;padding:0 15px;box-sizing:border-box}.col-sm-offset-1{margin-left:8.3333333333%}.col-sm-2{flex:0 0 auto;width:16.6666666667%;padding:0 15px;box-sizing:border-box}.col-sm-offset-2{margin-left:16.6666666667%}.col-sm-3{flex:0 0 auto;width:25%;padding:0 15px;box-sizing:border-box}.col-sm-offset-3{margin-left:25%}.col-sm-4{flex:0 0 auto;width:33.3333333333%;padding:0 15px;box-sizing:border-box}.col-sm-offset-4{margin-left:33.3333333333%}.col-sm-5{flex:0 0 auto;width:41.6666666667%;padding:0 15px;box-sizing:border-box}.col-sm-offset-5{margin-left:41.6666666667%}.col-sm-6{flex:0 0 auto;width:50%;padding:0 15px;box-sizing:border-box}.col-sm-offset-6{margin-left:50%}.col-sm-7{flex:0 0 auto;width:58.3333333333%;padding:0 15px;box-sizing:border-box}.col-sm-offset-7{margin-left:58.3333333333%}.col-sm-8{flex:0 0 auto;width:66.6666666667%;padding:0 15px;box-sizing:border-box}.col-sm-offset-8{margin-left:66.6666666667%}.col-sm-9{flex:0 0 auto;width:75%;padding:0 15px;box-sizing:border-box}.col-sm-offset-9{margin-left:75%}.col-sm-10{flex:0 0 auto;width:83.3333333333%;padding:0 15px;box-sizing:border-box}.col-sm-offset-10{margin-left:83.3333333333%}.col-sm-11{flex:0 0 auto;width:91.6666666667%;padding:0 15px;box-sizing:border-box}.col-sm-offset-11{margin-left:91.6666666667%}.col-sm-12{flex:0 0 auto;width:100%;padding:0 15px;box-sizing:border-box}.col-sm-offset-12{margin-left:100%}}@media screen and (min-width: 760px){.col-md-offset-0{margin-left:0}.col-md-1{flex:0 0 auto;width:8.3333333333%;padding:0 15px;box-sizing:border-box}.col-md-offset-1{margin-left:8.3333333333%}.col-md-2{flex:0 0 auto;width:16.6666666667%;padding:0 15px;box-sizing:border-box}.col-md-offset-2{margin-left:16.6666666667%}.col-md-3{flex:0 0 auto;width:25%;padding:0 15px;box-sizing:border-box}.col-md-offset-3{margin-left:25%}.col-md-4{flex:0 0 auto;width:33.3333333333%;padding:0 15px;box-sizing:border-box}.col-md-offset-4{margin-left:33.3333333333%}.col-md-5{flex:0 0 auto;width:41.6666666667%;padding:0 15px;box-sizing:border-box}.col-md-offset-5{margin-left:41.6666666667%}.col-md-6{flex:0 0 auto;width:50%;padding:0 15px;box-sizing:border-box}.col-md-offset-6{margin-left:50%}.col-md-7{flex:0 0 auto;width:58.3333333333%;padding:0 15px;box-sizing:border-box}.col-md-offset-7{margin-left:58.3333333333%}.col-md-8{flex:0 0 auto;width:66.6666666667%;padding:0 15px;box-sizing:border-box}.col-md-offset-8{margin-left:66.6666666667%}.col-md-9{flex:0 0 auto;width:75%;padding:0 15px;box-sizing:border-box}.col-md-offset-9{margin-left:75%}.col-md-10{flex:0 0 auto;width:83.3333333333%;padding:0 15px;box-sizing:border-box}.col-md-offset-10{margin-left:83.3333333333%}.col-md-11{flex:0 0 auto;width:91.6666666667%;padding:0 15px;box-sizing:border-box}.col-md-offset-11{margin-left:91.6666666667%}.col-md-12{flex:0 0 auto;width:100%;padding:0 15px;box-sizing:border-box}.col-md-offset-12{margin-left:100%}}@media screen and (min-width: 992px){.col-lg-offset-0{margin-left:0}.col-lg-1{flex:0 0 auto;width:8.3333333333%;padding:0 15px;box-sizing:border-box}.col-lg-offset-1{margin-left:8.3333333333%}.col-lg-2{flex:0 0 auto;width:16.6666666667%;padding:0 15px;box-sizing:border-box}.col-lg-offset-2{margin-left:16.6666666667%}.col-lg-3{flex:0 0 auto;width:25%;padding:0 15px;box-sizing:border-box}.col-lg-offset-3{margin-left:25%}.col-lg-4{flex:0 0 auto;width:33.3333333333%;padding:0 15px;box-sizing:border-box}.col-lg-offset-4{margin-left:33.3333333333%}.col-lg-5{flex:0 0 auto;width:41.6666666667%;padding:0 15px;box-sizing:border-box}.col-lg-offset-5{margin-left:41.6666666667%}.col-lg-6{flex:0 0 auto;width:50%;padding:0 15px;box-sizing:border-box}.col-lg-offset-6{margin-left:50%}.col-lg-7{flex:0 0 auto;width:58.3333333333%;padding:0 15px;box-sizing:border-box}.col-lg-offset-7{margin-left:58.3333333333%}.col-lg-8{flex:0 0 auto;width:66.6666666667%;padding:0 15px;box-sizing:border-box}.col-lg-offset-8{margin-left:66.6666666667%}.col-lg-9{flex:0 0 auto;width:75%;padding:0 15px;box-sizing:border-box}.col-lg-offset-9{margin-left:75%}.col-lg-10{flex:0 0 auto;width:83.3333333333%;padding:0 15px;box-sizing:border-box}.col-lg-offset-10{margin-left:83.3333333333%}.col-lg-11{flex:0 0 auto;width:91.6666666667%;padding:0 15px;box-sizing:border-box}.col-lg-offset-11{margin-left:91.6666666667%}.col-lg-12{flex:0 0 auto;width:100%;padding:0 15px;box-sizing:border-box}.col-lg-offset-12{margin-left:100%}}@media screen and (min-width: 1200px){.col-xl-offset-0{margin-left:0}.col-xl-1{flex:0 0 auto;width:8.3333333333%;padding:0 15px;box-sizing:border-box}.col-xl-offset-1{margin-left:8.3333333333%}.col-xl-2{flex:0 0 auto;width:16.6666666667%;padding:0 15px;box-sizing:border-box}.col-xl-offset-2{margin-left:16.6666666667%}.col-xl-3{flex:0 0 auto;width:25%;padding:0 15px;box-sizing:border-box}.col-xl-offset-3{margin-left:25%}.col-xl-4{flex:0 0 auto;width:33.3333333333%;padding:0 15px;box-sizing:border-box}.col-xl-offset-4{margin-left:33.3333333333%}.col-xl-5{flex:0 0 auto;width:41.6666666667%;padding:0 15px;box-sizing:border-box}.col-xl-offset-5{margin-left:41.6666666667%}.col-xl-6{flex:0 0 auto;width:50%;padding:0 15px;box-sizing:border-box}.col-xl-offset-6{margin-left:50%}.col-xl-7{flex:0 0 auto;width:58.3333333333%;padding:0 15px;box-sizing:border-box}.col-xl-offset-7{margin-left:58.3333333333%}.col-xl-8{flex:0 0 auto;width:66.6666666667%;padding:0 15px;box-sizing:border-box}.col-xl-offset-8{margin-left:66.6666666667%}.col-xl-9{flex:0 0 auto;width:75%;padding:0 15px;box-sizing:border-box}.col-xl-offset-9{margin-left:75%}.col-xl-10{flex:0 0 auto;width:83.3333333333%;padding:0 15px;box-sizing:border-box}.col-xl-offset-10{margin-left:83.3333333333%}.col-xl-11{flex:0 0 auto;width:91.6666666667%;padding:0 15px;box-sizing:border-box}.col-xl-offset-11{margin-left:91.6666666667%}.col-xl-12{flex:0 0 auto;width:100%;padding:0 15px;box-sizing:border-box}.col-xl-offset-12{margin-left:100%}}.full{height:100%}article img{margin-bottom:32px}.embed-wrapper{position:relative;display:block;height:0;padding:0;overflow:hidden;margin-bottom:32px}.embed-wrapper--16by9{position:relative;display:block;height:0;padding:0;overflow:hidden;margin-bottom:32px;padding-bottom:56.25%}.embed-wrapper--16by9 iframe,.embed-wrapper--16by9 video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-wrapper iframe,.embed-wrapper video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.fade-wrapper{overflow:hidden}.fade-in,.fade-in--up,.fade-in--right,.fade-in--left{opacity:0;transition-property:opacity;transition-duration:.5s;transition-timing-function:ease-in}.fade-in--left{transform:translate(300px, 0);transition-property:transform,opacity}.fade-in--right{transform:translate(-300px, 0);transition-property:transform,opacity}.fade-in--up{transform:translate(0, 100px);transition-property:transform,opacity}.active .fade-in,.active .fade-in--left,.active .fade-in--right,.active .fade-in--up{opacity:1}.active .fade-in--left,.active .fade-in--right,.active .fade-in--up{transform:translate(0, 0);opacity:1}.active .fade-out{transition-property:transform,opacity;transition-duration:.5s;transition-timing-function:ease-in}.sticky{position:-webkit-sticky;position:sticky;margin:0;-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:0}html{scroll-behavior:smooth}article{scroll-behavior:smooth}article img{width:100%}.sponsor-top-bar{height:45px;width:100%;background-color:#f9f9f9}.sponsor-top-bar p{padding:15px 0px 0px 20px;font-size:14px;line-height:14px;font-family:"BWHaasGrotesk-55Roman-Web",sans-serif}.sponsor-top-bar p #sponsored-content{display:inline-block;width:18px;height:18px;background:#bd10e0;border-radius:9px;text-align:center;line-height:18px;font-family:"BWHaasGrotesk-55Roman-Web",sans-serif;color:#fff;position:relative}.sponsor-top-bar p #sponsored-content:hover{background-color:#000}.sponsor-top-bar p #sponsored-content:hover em{display:block}.sponsor-top-bar p #sponsored-content em{display:none;color:#4a4a4a;background-color:#e0e0e0;width:409px;text-align:left;position:absolute;left:22px;top:0;padding:5px;border-radius:5px;font-size:12px;line-height:16px}.sponsor-top-bar p #sponsored-content em span{text-decoration:underline}.sponsor-top-bar a,.sponsor-top-bar a:active{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;color:#000;text-decoration:none}.social-share-buttons.vertical a{display:block}.social-share-buttons.horizontal a{display:inline-block}.social-share-buttons a{padding:6px;width:25px;height:25px;text-decoration:none}.social-share-buttons a:hover{opacity:.5}.article-header{position:relative}.social-wrapper{position:absolute;left:-40px}.article-sponsor,.article-partners{border-bottom:1px solid #dcdcdc;margin-bottom:25px}.article-sponsor p,.article-partners p{margin:0;font-size:14px}.article-sponsor img,.article-partners img{display:inline-block;margin:0 0 16px 40px}.article-sponsor a,.article-sponsor a:active,.article-partners a,.article-partners a:active{color:#000;text-decoration:none}nav.internal-nav{border-bottom:1px solid #dedede;font-weight:300;padding:0 1em;background-color:#fff;margin-bottom:32px}nav.internal-nav ul{margin:0;padding:0;text-align:center}nav.internal-nav ul::after{content:"";display:block;clear:both}nav.internal-nav li{display:inline-block;margin:0 90px;font-size:14px;font-family:"BWHaasGrotesk-55Roman-Web",sans-serif}nav.internal-nav a{text-decoration:none;padding:1em .5em;display:block;color:#000}nav.internal-nav a:hover{opacity:.5}.bb-global-footer{margin-top:0 !important}article{position:relative;z-index:0;font-family:"BWHaasGrotesk-55Roman-Web",sans-serif}article img{margin:0px;height:auto}article h1{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif}article h2{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;font-size:65px;line-height:72px;margin-bottom:40px}article h3{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif}article p{font-size:16px;line-height:25px;margin-bottom:20px}article p sub{font-size:.75em;transform:translateY(4px);display:inline-block}article p.sub{font-size:12px;text-transform:uppercase}article p.lrg{font-size:20px;line-height:25px}article nav{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;background-color:#fff;position:fixed;top:40px;width:100%;z-index:500;box-sizing:border-box;text-align:center;transform:translateY(-175px);transition:transform .5s}article nav.show{transform:translateY(0)}article nav ul{height:100%}article nav ul li{display:inline-block;font-size:12px;margin:0 10px;text-transform:uppercase;opacity:.5}article nav ul li.active{border-bottom:5px solid #000;opacity:1}article nav ul li:hover{opacity:1}article nav ul li a{display:block;padding:30px 0 13px;text-decoration:none;color:#000}article nav ul li a:active{color:#000}article .intro{padding:60px 0}article .intro .box--top,article .intro .box--left{border-color:#979797}article .intro .panel{position:relative;margin-bottom:60px;background-color:rgba(250,250,250,.8);box-sizing:border-box}article .intro .panel h1{font-size:60px;line-height:70px}article .intro .panel p{margin:0}article .intro .panel .intro-title{padding:30px}article .intro .panel .intro-copy{padding:30px}article .intro .panel .intro-logo{padding:30px;display:flex;align-items:center}article .intro .panel .social{display:flex;align-items:center;justify-content:center;height:50%;border-bottom:1px solid #979797;padding:15px;box-sizing:border-box;text-align:center}article .intro .panel .social .share-article-btn{padding:0;border:none;width:25px;height:25px;margin:8px;background-size:contain;background-repeat:no-repeat;background-color:rgba(0,0,0,0)}article .intro .panel .social .share-article-btn:hover{opacity:.5}article .intro .panel .social .share-article-btn.facebook{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/social/facebook.png");background-position:center}article .intro .panel .social .share-article-btn.twitter{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/social/twitter.png");background-position:0 3px}article .intro .panel .social .share-article-btn.linkedin{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/social/linkedin.png");background-position:center}article .box--wrapper{border:1px solid #000}article .box--top{border-top:1px solid #000;padding:0}article .box--left{border-left:1px solid #000;padding:0}article .box--right{border-right:1px solid #000;padding:0}article .box--bottom{border-bottom:1px solid #000;padding:0}article .box--row{padding:0}article .box--thick-left{border-left:15px solid #000}article .section-spacer{height:25vh;width:100%}article .chapter{padding:200px 0 400px}article .chapter.foo{height:100vh}article .chapter .panel{background-color:#fafafa;padding:40px;box-sizing:border-box}article .chapter .num,article .chapter .content{flex-grow:1;flex-shrink:1;flex-basis:0;width:160px}article .chapter .num{width:150px;flex:0 0 auto;align-items:center;justify-content:center;display:flex}article .chapter .num img{display:block}article .chapter .num .heart{width:60px}article .chapter .num .infinity{width:100px}article .chapter .num .cross{width:65px}article .chapter h2{font-size:60px;padding:15px 20px 20px;margin:0}article .chapter p{font-size:20px;line-height:27px;margin:0;padding:20px}article .foo{height:150vh;position:relative}article .foo.section-spacer{height:50vh}article .foo .bar{position:sticky;top:50%}article .foo .bar .foobar{transform:translateY(-10%);margin:0 auto 0;opacity:1;transition:all .45s}article .foo.case-study{height:200vh;opacity:0;transition:opacity .45s;padding:0}article .foo.case-study .bar{top:0px;height:100vh;background-color:#000}article .foo.case-study .foobar{transform:translateY(0)}article .foo.case-study.is-active .foobar{transform:translateY(0);padding-top:120px}article .foo.is-active.case-study{opacity:1}article .foo.is-active .foobar{opacity:1;transform:translateY(-50%)}article .solution{padding:200px 0 400px;opacity:1;height:150vh}article .solution.is-active .foobar{opacity:1;transform:translateY(-50%)}article .solution.is-active .panel{opacity:1}article .solution.is-active .solution-magnify{opacity:1}article .solution .panel{opacity:1;transition:opacity 1s;transition-delay:.5s}article .solution .bar{top:120px}article .solution .bar .foobar{transform:translateY(0%)}article .solution .pad-none{padding:0}article .solution .pad-left{padding-left:0}article .solution .solution-magnify{opacity:0;transition:opacity 1s;display:flex;align-items:center;justify-content:center;margin-top:40px}article .solution .solution-magnify video{box-shadow:1px 1px 21px 0px rgba(0,0,0,.5);border-radius:50%;width:250px;height:250px;opacity:1;transition:opacity 1s}article .solution .num{flex:1;display:flex;align-items:center;justify-content:center;border-right:1px solid #000;border-left:15px solid #000;box-sizing:border-box;font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;font-size:70px}article .solution .panel .solution-content{width:auto;flex:4;box-sizing:border-box}article .solution .panel .solution-content h3{padding:30px 0 15px 30px}article .solution .panel .solution-content p{padding:0 80px 30px 30px}article .solution .panel .solution-content .details{border-top:1px solid}article .solution .panel .solution-content .solution-content-title span{display:none}article .solution .panel{background-color:#fafafa;box-sizing:border-box}article .solution .panel h3{font-size:25px;margin:0;padding:15px 0}article .solution .panel p{font-size:16px;line-height:20px;margin:0}article .solution .panel .cost,article .solution .panel .payback{margin:0;text-align:left;padding:30px}article .solution .panel .cost dt,article .solution .panel .payback dt{font-size:12px;text-transform:uppercase;padding-bottom:5px}article .solution .panel .cost dd,article .solution .panel .payback dd{font-size:16px;font-family:"BWHaasGrotesk-75Bold-Web",sans-serif}article .solution .panel .cost dd.red,article .solution .panel .payback dd.red{color:red}article .solution .panel .cost span,article .solution .panel .payback span{opacity:.5}article .solution .panel .info{position:relative}article .solution .panel .info p{padding:15px}article .solution .panel .relative{position:relative}article .solution .panel .relative .details{border-top:1px solid}article .solution .panel .relative .details .details--box{margin:0 15px 15px}article .foo.case-study-section .bar .foobar{transform:none !important}article .case-study-section{height:200vh}article .case-study-section.foo.is-active .bar{opacity:1}article .case-study-section.foo.is-active .foobar{transform:none;transition:opacity .45s;transition-delay:.5s}article .case-study-section .foobar{color:#fff;transform:none}article .case-study-section .bar{background-color:rgba(0,0,0,.9);min-height:100vh;position:sticky;top:0px;opacity:0;transition:opacity .5s}article .case-study-section .box--wrapper{border-color:#fff;margin:100px 0}article .case-study-section .case-study-section-content{padding:0;border-right:1px solid #fff}article .case-study-section .case-study-section-content .title{border-left:15px solid #fff;border-bottom:1px solid #fff;display:flex}article .case-study-section .case-study-section-content .title h2{margin:0;font-size:50px;line-height:58px}article .case-study-section .case-study-section-content .title .title-main{padding:20px 10px 20px 20px;flex:2}article .case-study-section .case-study-section-content .title .title-sub{width:186px}article .case-study-section .case-study-section-content .title .title-sub h3{padding:20px 10px 20px 20px;border-left:1px solid #fff;border-bottom:1px solid #fff;font-size:14px}article .case-study-section .case-study-section-content .content{padding:30px}article .case-study-section .case-study-section-content .content p.lrg{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;margin-bottom:20px;font-size:15px}article .case-study-section .case-study-section-content .content p{margin-bottom:0;font-size:15px}article .case-study-section .case-study-section-content .content p a{text-decoration:none;font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;color:#fff}article .case-study-section .case-study-section-content .content p a:hover{text-decoration:underline}article .case-study-section .details-img{display:flex;background-position:center;background-size:cover}article .case-study-section .details-img-mobile{display:none;width:100%;background:none;padding:30px;box-sizing:border-box}article .case-study-section .details-img.empire-state{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/case-studies/empire-state-x1.jpg")}article .case-study-section .details-img.zin{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/case-studies/zin-x1.jpg")}article .case-study-section .details-img.one-post{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/case-studies/one-post-x1.jpg")}article .case-study-section .case-study-section-details{padding:0;flex-direction:column;display:flex}article .case-study-section .case-study-section-details .details,article .case-study-section .case-study-section-details .cta{flex:1;display:flex}article .case-study-section .case-study-section-details .details-img{flex:6}article .case-study-section .case-study-section-details .details{flex:none;border-top:1px solid #fff;border-bottom:1px solid #fff;overflow:hidden}article .case-study-section .case-study-section-details .details dl:last-child{border-left:1px solid #fff}article .case-study-section .case-study-section-details .details dl{font-size:11px;padding:20px;width:50%;float:left;display:inline-block;box-sizing:border-box}article .case-study-section .case-study-section-details .details dl dt{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;margin-bottom:5px}article .case-study-section .case-study-section-details .details dl dd{line-height:1.2em;margin-bottom:5px}article .case-study-section .case-study-section-details .cta .btn{width:100%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:15px 25px;transition:all .35s;background-color:#000}article .case-study-section .case-study-section-details .cta .btn:hover{background-color:#fff;color:#000;text-decoration:none}article footer{position:absolute;bottom:40px;width:100%}article footer .panel{padding:60px;background-color:#fff}article footer .footer-content{width:90%}article footer .footer-logo{width:90%;border-bottom:1px solid;padding-bottom:20px;margin-bottom:40px;position:relative}article footer .footer-logo:before{content:"";display:block;height:100%;width:1px;background-color:#000;position:absolute;left:46%}article footer .footer-logo img{width:40%}article footer h2{margin-bottom:30px;font-size:36px;line-height:42px}article footer h2:after{content:"";display:block;width:66px;height:8px;background-color:#000;margin-top:30px}article footer p{font-size:20px;line-height:27px}article footer a{color:#000;text-decoration:none;font-size:10px;text-transform:uppercase;border:1px solid #000;padding:20px 25px;display:inline-block;letter-spacing:2px;transition:all .35s;font-family:"BWHaasGrotesk-75Bold-Web",sans-serif}article footer a:hover{background-color:#000;color:#fff}article.sky{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/cloud-background-short.jpg");background-color:#e8f3f5;background-repeat:no-repeat;background-size:contain}article .intro-proto{width:950px;margin:0 auto 0;padding:120px 0 60px}article .drop-arrow{width:37px;margin:0 auto 0}article .scrolly-section{background-color:#e8f3f5;position:relative}article .scrolly-section .scroll{position:relative}article .scrolly-section .scroll .scroll-content{width:590px;margin:0 auto 0}article .scrolly-section .sticky-wrapper{position:absolute;top:0;height:100%;width:100%}article .scrolly-section .sticky{position:sticky;bottom:0}article .scrolly-section .sticky .abs{position:absolute;top:0}.main-content{min-height:1000px;z-index:5;position:relative}.main-content .scroll-content{width:590px;margin:0 auto 0;padding:200px 0 300px}.building--wrapper{position:sticky;bottom:0;z-index:0;z-index:-1}.building--wrapper .building{transform:translateY(25vh) scale(0.5);position:relative;width:100%;max-width:1500px;margin:0 auto 0;height:100vh;transition:transform 2s}.building--wrapper .building.zoom{transform:translateY(60vh) scale(1)}.building--wrapper .building.neutral{transform:translateY(25%) scale(0.5) !important;transition:transform 2s}.building--wrapper .building.neutral .abs{transform:translateY(0)}.building--wrapper .building-floor.visible .grey-overlay{opacity:.85}.building--wrapper .abs{position:absolute;bottom:0;transition:transform 2s}.building--wrapper .abs .overlay{position:absolute;top:0;opacity:0;transition:opacity 1s}.building--wrapper .abs .overlay.show{opacity:1}.building--wrapper .abs .grey-overlay{position:absolute;top:0;opacity:0;transition:opacity 1s}.building--wrapper .abs .grey-overlay.show{opacity:1}.building--wrapper .abs .building-overlays{position:absolute;left:50%;top:50%;transform:translate(-50%, -100%);width:200px;height:200px}.building--wrapper .abs .magnify{position:absolute;top:0;box-shadow:1px 1px 21px 0px rgba(0,0,0,.5);border-radius:50%;width:200px;height:200px;opacity:0;transition:opacity 1s}.building--wrapper .abs .magnify.show{opacity:1}.building--wrapper .abs.active{transform:translateY(-150%);transition:transform 4s}.building--wrapper .abs img{margin:0;width:100%;margin:0 auto 0;display:block}.more-stories{padding:30px 0}.more-stories h2{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;font-size:36px;line-height:42px;margin-bottom:30px}.more-stories .article-panel{padding-bottom:30px;box-sizing:border-box;height:100%}.more-stories .article-panel a{height:100%;position:relative;color:#fff;text-decoration:none;display:block;background-color:#232323;transition:background-color .5s}.more-stories .article-panel .img-wrapper{overflow:hidden}.more-stories .article-panel .img-wrapper img{width:100%;display:block;margin:0;transition:transform 1s}.more-stories .article-panel .text-wrapper{padding:20px}.more-stories .article-panel .text-wrapper h3{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;line-height:1.4em;margin:20px 0 90px}.more-stories .article-panel .text-wrapper p{font-family:"BWHaasGrotesk-55Roman-Web",sans-serif;letter-spacing:1px;font-size:12px}.more-stories .article-panel .text-wrapper p.btn{font-size:8px;border:1px solid #fff;padding:10px 15px;display:inline-block;position:absolute;bottom:20px}.more-stories .article-panel:hover a{background-color:#5a5a5a}.more-stories .article-panel:hover .img-wrapper img{transform:scale(1.5)}@media only screen and (max-width: 1500px){.building--wrapper .building.zoom{transform:translateY(60vh) scale(1)}}@media only screen and (max-width: 1300px){article #last-casestudy.case-study h2{font-size:60px;line-height:65px}article #last-casestudy.case-study p.lrg{font-size:16px;line-height:22px}article #last-casestudy.case-study p{font-size:14px;line-height:20px}}@media only screen and (max-width: 1200px){.building--wrapper .building.zoom{transform:translateY(50vh) scale(1)}}@media only screen and (max-width: 1100px){article .case-study h2{font-size:60px;line-height:65px}article .case-study p.lrg{font-size:16px;line-height:22px}article .case-study p{font-size:14px;line-height:20px}article footer .footer-logo:before{left:66%}article footer .footer-logo img{width:60%}}@media only screen and (max-width: 992px){.building--wrapper .building.zoom{transform:translateY(30vh) scale(1)}}@media only screen and (max-width: 760px){article nav{top:0}.building--wrapper{overflow:hidden}.building--wrapper .building{transform:translateY(0vh) scale(1)}.building--wrapper .building.zoom{transform:translateY(0vh) scale(1.5)}.building--wrapper .building.neutral{transform:translateY(0vh) scale(1) !important}}@media only screen and (max-width: 576px){article.sky{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/cloud-background-560.jpg")}article .case-study-section.foo .bar{opacity:1}article .intro{padding-top:15px}article .intro .panel .intro-title{order:2}article .intro .panel .social-column{order:1}article .intro .panel .social-column .social{display:block;height:auto;border:none;text-align:left}article .intro .panel .intro-title,article .intro .panel .intro-copy,article .intro .panel .intro-logo{padding:15px}article .intro .panel h1{font-size:45px;line-height:1em;margin-top:0px}article .intro .box--left{border:none}article .solution .panel{opacity:1}.main-content{overflow:hidden}article .foo.case-study{height:auto;opacity:1}article .case-study-section .case-study-section-content .title{display:flex;flex-direction:column}article .case-study-section .case-study-section-content .title .title-main{order:2;flex:1;padding:30px 30px 0px}article .case-study-section .case-study-section-content .title .title-sub{flex:1;order:1;padding:0 30px}article .case-study-section .case-study-section-content .title .title-sub h3{border-left:none;padding:0 0 20px 0}article .case-study-section .box--wrapper{border:none;margin:0}article .case-study-section .case-study-section-content{border:none}article .case-study-section .case-study-section-content .title{border:none;padding-bottom:0}article .case-study-section h2{font-size:45px;line-height:55px}article .case-study-section p.lrg{border-bottom:1px solid;padding-bottom:20px}article .case-study-section .details-img{display:none}article .case-study-section .details-img-mobile{display:block}article .case-study-section .case-study-section-details{padding:0 30px 0}article .case-study-section .cta{margin:30px 0}article .case-study-section .cta .btn{color:#fff;text-decoration:none;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:15px 25px;transition:all .35s;display:inline-block;border:1px solid #fff;background-color:#000}article .case-study .content{padding:30px 30px 30px}article .case-study .content .details{margin-bottom:30px}article .case-study .content h2{margin-bottom:80px}article .case-study .content p.lrg:before{top:-47px}article .case-study .case-study--bk-img{height:300px;width:100%}article .case-study .case-study--bk-img.empire-state{background-position:top}article .case-study .case-study--bk-img.zin{background-position:bottom}article .case-study .case-study--bk-img.one-post{background-position:bottom}article .foo .bar{position:static}article .solution .solution-lighting{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/lighting-2x.jpg")}article .solution .solution-hvac{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/hvac-2x.jpg")}article .solution .solution-optimize{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/optimize-performance-2x.jpg")}article .solution .solution-waste{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/waste-2x.jpg")}article .solution .solution-continious{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/continious-commisioning-2x.jpg")}article .solution .solution-treasure{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/treasure-hunt-2x.jpg")}article .solution .solution-elevator{background-image:url("https://dev-wbo-assets-s3.s3.amazonaws.com/s3/mspandorasbox/immersive-archive/jll/seven-ways-to-retrofit/images/solutions/elevator-control-2x.jpg")}article .solution .num{display:none}article .solution .panel{padding:20px}article .solution .panel .solution-content{padding:0px;border:1px solid #000}article .solution .panel .solution-content .solution-content-title{display:flex;border-bottom:1px solid #000;font-size:60px;text-align:center}article .solution .panel .solution-content .solution-content-title span{font-family:"BWHaasGrotesk-75Bold-Web",sans-serif;flex:1;display:block;border-left:15px solid #000;border-right:1px solid #000;padding:15px}article .solution .panel .solution-content .solution-content-title h3{flex:auto;padding:15px;text-align:left}article .solution .panel .solution-content p{font-size:16px;line-height:24px;padding:20px}article .solution .panel .solution-content .payback,article .solution .panel .solution-content .cost{padding:15px 20px}article .solution .solution-img,article .solution .solution-content{width:100%;flex:none}article .solution .solution-img img,article .solution .solution-content img{display:none}article .solution .solution-img img.mob,article .solution .solution-content img.mob{width:100%;display:block}article .foo{height:auto}article .foo .bar .foobar{opacity:1}article .foo .case-study{opacity:1}article .foo.is-active .foobar{transform:translateY(0%)}.building--wrapper{overflow:hidden}.building--wrapper .abs .magnify{transform:translate(0px, -20px) scale(0.75) !important}.building--wrapper .abs.active{transform:translateY(-200%);transition:transform 3s}article footer .panel{padding:20px}article footer h2{font-size:25px;line-height:1.2em}article footer p{font-size:16px;line-height:24px}article footer .footer-content{width:100%}article footer .footer-logo{width:100%}article footer .footer-logo:before{display:none}article footer .footer-logo img{width:100%}.more-stories h2{font-size:25px;line-height:1.2em}}@media only screen and (max-width: 380px){article .intro .panel h1{font-size:42px;line-height:1em}article .solution .solution-magnify video{width:200px;height:200px}.more-stories h2{font-size:23px;line-height:1.2em}}@media only screen and (max-width: 320px){article .intro .panel h1{font-size:34px;line-height:1em}article footer .panel{padding:20px}article footer h2{font-size:25px;line-height:1.2em}article footer p{font-size:16px;line-height:24px}article .solution .panel .solution-content .solution-content-title h3{font-size:22px}article .solution .panel .solution-content .solution-content-title span{font-size:40px}.more-stories h2{font-size:20px;line-height:1.2em}}body.ie article nav{top:0}body.ie article .foo .bar{position:static}body.ie article .solution .panel,body.ie article .solution .solution-magnify,body.ie article .foo .foobar,body.ie article .case-study-section.foo .bar{opacity:1 !important;transform:none}body.ie article .solution,body.ie article .foo,body.ie article .case-study-section{height:100vh}body.ie .building--wrapper{position:fixed;top:0;z-index:0;width:100%;height:auto}body.ie .building--wrapper .building{transform:translateY(80vh) scale(0.5)}body.ie .building--wrapper .building.zoom{transform:translateY(50vh) scale(1)}body.ie .spacing-section{height:150vh}