body.projects nav.main{right:147px}body.projects nav.main a{color:#00FFCC}body.projects nav.main a.current{color:#00FFCC}#project-icon{position:fixed;top:0px;right:-120px;width:0;height:0;border-style:solid;border-width:100px 120px 0 120px;border-color:transparent;border-top-color:#00FFCC;transition:border-color 0.5s linear 0.5s;z-index:3}#project-icon img{opacity:0;position:absolute;top:-97px;left:-88px;transition:opacity 0.5s linear 0.5s}#project-icon.bankcard img.bankcard{opacity:1}#project-icon.kingdom img.kingdom{opacity:1}#project-icon.procore img.procore{opacity:1}#project-icon.clover img.clover{opacity:1}#project-icon.elliston img.elliston{opacity:1}#project-icon.spar img.spar{opacity:1}#project-icon.borrego img.borrego{opacity:1}#project-icon.tetra img.tetra{opacity:1}#project-icon.watanabe img.watanabe{opacity:1}#project-nav{position:fixed;left:0;top:131px;z-index:10}#project-nav ul{list-style:none;margin:0;padding:0}#project-nav li{position:relative;cursor:pointer;transition:all 0.4s ease;max-width:150px}#project-nav li div{margin-bottom:1px;text-decoration:none;white-space:nowrap;overflow:hidden;transition:all 0.4s ease, background-color 0.5s;max-width:150px;height:38px;background-color:#5a5856}#project-nav li div span{display:block;font-family:"Space Grotesk", Helvetica, Arial, sans-serif;font-weight:500;font-size:17px;line-height:1em;letter-spacing:.04em;text-transform:uppercase;padding:10px 13px 12px;margin-left:8px;transition:background-color 0.5s;color:#f6f4e9;background-color:#5a5856}#project-nav li::after{content:'';display:block;position:absolute;top:0px;left:0px;width:60px;height:38px;z-index:-1}#project-nav li.closed{max-width:60px}#project-nav li.closed div{max-width:8px}#project-nav li.open div{background-color:#50756e}#project-nav li.open.collapsed{max-width:60px}#project-nav li.open.collapsed div{max-width:16px}#project-nav li.open.collapsed div span{background-color:transparent}#project-nav li.active div{background-color:#00FFCC}section.bankcard{background-color:#202225}section.bankcard .left-column{padding-top:218px;background-color:#202225}section.bankcard .left-column .glitch-box::after{background-color:#202225}section.bankcard::after{background-color:#202225}section.bankcard h2{color:#f4cb95}section.bankcard h3{color:#D2D2D2}section.bankcard p,section.bankcard li{color:#e0e0e0}.project-image-container.bankcard .callout{background-color:#202225}.project-image-container.bankcard .callout h4{color:#f4cb95}.project-image-container.bankcard .callout p{color:#e0e0e0}section.kingdom{background-color:#15110e}section.kingdom .left-column{padding-top:257px;background-color:#15110e}section.kingdom .left-column .glitch-box::after{background-color:#15110e}section.kingdom::after{background-color:#15110e}section.kingdom h2{color:#f6f4e9}section.kingdom h3{color:#959998}section.kingdom p,section.kingdom li{color:#D2D2D2}.project-image-container.kingdom .callout{background-color:#e2e2e2}.project-image-container.kingdom .callout h4{color:#662e36}.project-image-container.kingdom .callout p{color:#25211a}section.procore{background-color:#1f1f1f}section.procore .left-column{padding-top:296px;background-color:#1f1f1f}section.procore .left-column .glitch-box::after{background-color:#1f1f1f}section.procore::after{background-color:#1f1f1f}section.procore h2{color:#bea457}section.procore h3{color:#D9D9D9}section.procore p,section.procore li{color:#D2D2D2}.project-image-container.procore .callout{background-color:#1f1f1f}.project-image-container.procore .callout h4{color:#bea457}.project-image-container.procore .callout p{color:#D2D2D2}section.clover{background-color:#163A38}section.clover .left-column{padding-top:335px;background-color:#163A38}section.clover .left-column .glitch-box::after{background-color:#163A38}section.clover::after{background-color:#163A38}section.clover h2{color:#efede7}section.clover h3{color:#d9dbd6}section.clover p,section.clover li{color:#c4cecd}.project-image-container.clover .callout{background-color:#FFFFFF}.project-image-container.clover .callout h4{color:#c3a448}.project-image-container.clover .callout p{color:#1D1D1E}section.elliston{background-color:#27292D}section.elliston .left-column{padding-top:128px;background-color:#27292D}section.elliston .left-column .glitch-box::after{background-color:#27292D}section.elliston::after{background-color:#27292D}section.elliston h2{color:#e8e7e4}section.elliston h3{color:#d5d4d2}section.elliston p,section.elliston li{color:#d4d2cd}.project-image-container.elliston .callout{background-color:#2b2e32}.project-image-container.elliston .callout h4{color:#bf9d4c}.project-image-container.elliston .callout p{color:#DBD9D5}section.spar{background-color:#141413}section.spar .left-column{padding-top:128px;background-color:#141413}section.spar .left-column .glitch-box::after{background-color:#141413}section.spar::after{background-color:#141413}section.spar h2{color:#e8e7e4}section.spar h3{color:#ced0cd}section.spar p,section.spar li{color:#ceccca}.project-image-container.spar .callout{background-color:#e8eff0}.project-image-container.spar .callout h4{color:#a21e30}.project-image-container.spar .callout p{color:#2a2123}section.borrego{background-color:#FFFFFF}section.borrego .left-column{padding-top:128px;background-color:#FFFFFF}section.borrego .left-column .glitch-box::after{background-color:#FFFFFF}section.borrego::after{background-color:#FFFFFF}section.borrego h2{color:#1B1C19}section.borrego h3{color:#mix #1B1C19,#fff,90%}section.borrego p,section.borrego li,section.borrego p a{color:#2a2b28}.project-image-container.borrego .callout{background-color:#1d1d1e}.project-image-container.borrego .callout h4{color:#c3a448}.project-image-container.borrego .callout p{color:#FFFFFF}section.tetra{background-color:#C6C1B5}section.tetra .left-column{padding-top:128px;background-color:#C6C1B5}section.tetra .left-column .glitch-box::after{background-color:#C6C1B5}section.tetra::after{background-color:#C6C1B5}section.tetra h2{color:#1f1f1f}section.tetra h3{color:#302f2e}section.tetra p,section.tetra li{color:#212123}.project-image-container.tetra .callout{background-color:#c7c1b3}.project-image-container.tetra .callout h4{color:#FFFFFF}.project-image-container.tetra .callout p{color:#0c0c0c}section.watanabe{background-color:#FFFFFF}section.watanabe .left-column{padding-top:128px;background-color:#FFFFFF}section.watanabe .left-column .glitch-box::after{background-color:#FFFFFF}section.watanabe::after{background-color:#FFFFFF}section.watanabe h2{color:#1B1C19}section.watanabe h3{color:#323330}section.watanabe p,section.watanabe li{color:#2a2b28}.project-image-container.watanabe .callout{background-color:#FFFFFF}.project-image-container.watanabe .callout h4{color:#c3a448}.project-image-container.watanabe .callout p{color:#1D1D1E}section.project-landing{height:90%;width:100%;position:relative;border-bottom:1px solid white;clear:left}section.project-landing .left-column{width:33%;min-height:104%;position:relative;padding-left:74px;z-index:1}section.project-landing .left-column .text-content{width:74%;padding-bottom:116px}section.project-landing .left-column .glitch-box{position:absolute;bottom:0px;left:0px}section.project-landing .left-column .glitch-box img{position:relative;top:43px;left:36px;z-index:2}section.project-landing .left-column .glitch-box::after{content:'';height:31px;width:268px;display:block;position:relative;top:31px}section.project-landing h2{font-family:"Space Grotesk", Helvetica, Arial, sans-serif;font-weight:300;font-size:22px;text-transform:uppercase;margin-bottom:34px;letter-spacing:0.04em;position:relative;left:-1px;line-height:1.08em}section.project-landing h3{font-family:"Space Grotesk", Helvetica, Arial, sans-serif;font-weight:400;font-size:16px;text-transform:uppercase;margin-bottom:5px;letter-spacing:0.04em}section.project-landing ul{margin:0 0 29px;padding-left:6px;list-style-type:none}section.project-landing li{font-family:"Space Grotesk", Helvetica, Arial, sans-serif;font-size:15px;margin:6px 0}section.project-landing li:before{content:"-";margin-right:4px}section.project-landing p{font-family:"Helvetica Now", Helvetica, Arial, sans-serif;font-weight:200;font-size:15px;line-height:1.55em}section.project-landing p+p{margin-top:1.6em}section.project-landing a{font-style:italic;text-decoration:none}section.project-landing a:hover{text-decoration:line-through}section.project-landing .project-image{position:absolute;right:0;top:0;width:67%;height:100%;border-bottom:none}section.project-landing::after{content:'';height:24px;width:40%;display:block;position:absolute;bottom:0px;left:0px}.project-image{display:block;border-bottom:1px solid white;background-color:#1f1f1f}.project-image>div{opacity:0;transition:opacity .7s linear .3s;width:100% !important;height:100%;background-size:cover;background-position:50% 50%}.project-image>div.fade-in{opacity:1}.project-image.left>div{border-right:1px solid white}.project-image.full-width{width:100%;clear:left}.project-image.one-half{width:50%;float:left}.project-image.two-thirds{width:66.7%;float:left}.project-image.one-third{width:33.3%;float:left}.project-image.sixty-percent{width:60%;float:left}.project-image.forty-percent{width:40%;float:left}.project-image-column.left .project-image>div{border-right:1px solid white}.project-image-column.one-half{width:50%;float:left}.project-image-column.two-thirds{width:66.7%;float:left}.project-image-column.one-third{width:33.3%;float:left}.project-image-column.sixty-percent{width:60%;float:left}.project-image-column.forty-percent{width:40%;float:left}.callout h4{font-family:"Space Grotesk", Helvetica, Arial, sans-serif;font-weight:300;font-size:22px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:22px}.callout p{font-family:"Helvetica Now", Helvetica, Arial, sans-serif;font-weight:200;font-size:15px;line-height:1.55em}.callout p+p{margin-top:22px}.callout-group-style-1{width:100%;position:relative}.callout-group-style-1 .callout-container .project-image{width:100%}.callout-group-style-1 .callout-left{border-right:1px solid white;height:100%;position:absolute}.callout-group-style-1 .callout{padding:50px 45px 48px 110px;border-bottom:1px solid white}.callout-group-style-1 .callout h4,.callout-group-style-1 .callout p{text-align:right}.callout-group-style-1a .callout-left{width:50%}.callout-group-style-1a .callout-right{margin-left:50%}.callout-group-style-1b .callout-left{width:62%}.callout-group-style-1b .callout-right{margin-left:62%}.callout-group-style-1c .callout-left{width:60%}.callout-group-style-1c .callout-right{margin-left:60%}.callout-group-style-1d .callout-left{width:60%;position:static}.callout-group-style-1d .callout-right{width:40%;height:100%;position:absolute;left:60%;top:0}.callout-group-style-1d .callout{border-right:1px solid white;border-bottom:1px solid white}.callout-group-style-2{width:100%;position:relative}.callout-group-style-2 .callout-container .project-image{width:100%}.callout-group-style-2 .callout-left{width:38%;border-right:1px solid white;height:100%;position:absolute}.callout-group-style-2 .callout-middle{width:24%;border-right:1px solid white;margin-left:38%}.callout-group-style-2 .callout-right{width:38%;height:100%;position:absolute;top:0;right:0}.callout-group-style-2 .callout{padding:96px 56px;border-bottom:1px solid white}.callout-group-style-2 .callout h4,.callout-group-style-2 .callout p{text-align:center}.callout-group-style-3{width:100%;position:relative}.callout-group-style-3 .callout-container{width:50%}.callout-group-style-3 .callout-container .project-image{width:100%}.callout-group-style-3 .callout-left{border-right:1px solid white}.callout-group-style-3 .callout{padding:96px 56px;border-bottom:1px solid white}.callout-group-style-3 .callout h4,.callout-group-style-3 .callout p{text-align:right}.callout-group-style-3a .callout-right{height:100%;position:absolute;top:0;right:0}.callout-group-style-3b .callout-left{position:absolute;height:100%}.callout-group-style-3b .callout-right{margin-left:50%}.callout-group-style-3c .callout-left{width:38%}.callout-group-style-3c .callout-right{width:62%;height:100%;position:absolute;top:0;right:0}.callout-group-style-3d .callout-left{width:62%;position:absolute;height:100%}.callout-group-style-3d .callout-right{width:38%;margin-left:62%}.callout-group-style-4{width:100%;position:relative}.callout-group-style-4 .callout{padding:96px 56px;border-bottom:1px solid white}.callout-group-style-4 .callout h4,.callout-group-style-4 .callout p{text-align:center}@media screen and (min-width: 1024px){section.project-landing .project-image div{padding-bottom:0 !important}}@media screen and (max-width: 1200px){section.project-landing .left-column{width:43%}section.project-landing .project-image{width:57%}.callout-group-style-2 .callout-left{width:28%}.callout-group-style-2 .callout-middle{width:44%;margin-left:28%}.callout-group-style-2 .callout-right{width:28%}}@media screen and (max-width: 1023px){section.project-landing{height:auto}section.project-landing .left-column{width:100%;min-height:auto}section.project-landing .left-column .text-content{width:61%}section.project-landing .project-image{position:static;width:100%;border-top:1px solid white}section.project-landing::after{display:none}}@media screen and (max-width: 767px){#project-icon{display:none}.callout-group-style-1b .callout-left,.callout-group-style-1c .callout-left{width:50%}.callout-group-style-1b .callout-right,.callout-group-style-1c .callout-right{margin-left:50%}}@media screen and (max-width: 479px){section.project-landing h2{margin-top:-10px}section.project-landing .left-column{padding-left:48px;padding-right:68px}section.project-landing .left-column .text-content{width:100%}.project-image{border-left:none;border-right:none}.project-image.left>div{border-left:none;border-right:none}.project-image.one-half{width:100%;clear:left}.project-image.two-thirds{width:100%;clear:left}.project-image.one-third{width:100%;clear:left}.project-image.sixty-percent{width:100%;clear:left}.project-image.forty-percent{width:100%;clear:left}.project-image-column{border-left:none;border-right:none}.project-image-column.left .project-image>div{border-left:none;border-right:none}.project-image-column.one-half{width:100%;clear:left}.project-image-column.two-thirds{width:100%;clear:left}.project-image-column.one-third{width:100%;clear:left}.project-image-column.sixty-percent{width:100%;clear:left}.project-image-column.forty-percent{width:100%;clear:left}.callout{padding:47px 40px 47px 70px !important}.callout h4,.callout p{text-align:right !important}.callout h4{font-size:21px}.callout p{font-size:14px}.project-image-container.bankcard .callout h4{color:#e0e0e0}.project-image-container.kingdom .callout h4{color:#25211a}.project-image-container.procore .callout h4{color:#D2D2D2}.project-image-container.clover .callout h4{color:#1D1D1E}.project-image-container.elliston .callout h4{color:#DBD9D5}.project-image-container.spar .callout h4{color:#2a2123}.project-image-container.borrego .callout h4{color:#FFFFFF}.project-image-container.tetra .callout h4{color:#0c0c0c}.project-image-container.watanabe .callout h4{color:#1D1D1E}.callout-group-style-1 .callout-left{border-right:none;height:280px;position:relative}.callout-group-style-1a .callout-left{width:100%}.callout-group-style-1a .callout-right{margin-left:0}.callout-group-style-1b .callout-left{width:100%}.callout-group-style-1b .callout-right{margin-left:0}.callout-group-style-1c .callout-left{width:100%}.callout-group-style-1c .callout-right{margin-left:0}.callout-group-style-1d .callout-left{width:100%;height:auto}.callout-group-style-1d .callout-right{width:100%;height:380px;position:relative;left:0}.callout-group-style-1d .callout{border-right:none}.callout-group-style-2 .callout-left{width:100%;border-right:none;height:230px;position:relative}.callout-group-style-2 .callout-middle{width:100%;border-right:none;margin-left:0}.callout-group-style-2 .callout-right{width:100%;height:230px;position:relative}.callout-group-style-3 .callout-container{width:100%}.callout-group-style-3 .callout-left{border-right:none}.callout-group-style-3a .callout-right{height:230px;position:relative}.callout-group-style-3b .callout-left{height:250px;position:relative}.callout-group-style-3b .callout-right{margin-left:0}.callout-group-style-3c .callout-right{height:230px;position:relative}.callout-group-style-3d .callout-left{height:230px;position:relative}.callout-group-style-3d .callout-right{margin-left:0}}