.site-header[data-variant=portfolio]{z-index:101;position:fixed}.site-header[data-variant=portfolio] .header-brand{transition:width .2s}#portfoliosidebar{background-color:var(--grey-2);align-items:center;width:360px;height:100%;transition:width .2s;display:flex;position:fixed;top:0;left:0}#sidebarcontainer{width:100%;padding-left:50px}#mobilesidebarcontainer{background-color:var(--red);cursor:pointer;margin-top:74px;padding-bottom:15px;transition:margin-top .2s ease-in-out;display:none}.sidebarsectiontitle{padding-bottom:15px;font-family:GilroyBold;font-size:12pt}.mobilesidebarsectiontitle{margin-left:25px;padding-top:25px;font-family:GilroyBold;font-size:10pt}.filter-button{box-sizing:border-box;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;align-items:center;width:100%;font-family:GilroySemiBold;display:flex}.filter-button[hidden]{display:none}.filter-icon{flex:none;justify-content:center;width:38px;display:inline-flex}.sidebartitle{color:var(--text);padding:10px 20px;font-size:18pt}.sidebartitle .filter-icon{justify-content:center;width:52px;margin-right:12px}.sidebartitle:hover{color:var(--red)}.sidebarselected,.sidebartitle.sidebarselected{background-color:var(--red);color:#fff!important}#currentprojecttitle{color:#fff;margin-top:13px;font-family:GilroySemiBold;font-size:19pt;display:inline-block}#currentprojecticon{color:#fff;vertical-align:top;margin-top:17px;margin-left:25px;padding-right:12px;font-size:16pt;display:inline-block}#currentprojecticon svg{display:block}#selectprojectcategorybutton{float:right;color:#fff;margin-top:15px;margin-right:31px;font-size:19pt}#selectprojectcategoryicon{transition:transform .3s;display:block}#selectprojectcategoryicon.flipped{transform:rotate(180deg)}#mobileprojectdropdown{background-color:var(--grey-3);width:100%;padding-bottom:20px;display:none;overflow:hidden}.mobiledropdowntitle{color:var(--text);cursor:pointer;padding:20px 0 0 44px;font-size:19pt}.mobiledropdowntitle .filter-icon{width:38px;font-size:16pt}.mobiledropdowntitle:hover{color:var(--red)}.portfoliocontainer{background:0 0;margin-left:360px;margin-right:auto;padding-top:135px;padding-bottom:90px;transition:margin-left .2s}.portfoliocontainer[hidden]{display:none}.portfoliocontainer:first-of-type{padding-top:135px}.alternatecontainer{background-color:var(--grey-1)}.portfoliocontainer img{width:400px;height:auto;margin-left:auto;margin-right:auto;display:block}.portfolioworktitle{text-align:center;color:var(--text);margin:21px 0 0;padding-left:30px;padding-right:30px;font-family:GilroyBold;font-size:32pt;font-weight:400}.portfolioworkdescription{text-align:center;margin-top:20px;font-size:14pt}.portfolioworkiconcontainer{justify-content:center;width:250px;margin-top:35px;margin-left:auto;margin-right:auto;display:flex}.portfolioworkviewcontainer{justify-content:center;width:100%;margin-top:50px;display:flex}.portfolioworkviewcontainer.empty{height:47px}@media only screen and (width>=1300px){#portfoliosidebar,.site-header[data-variant=portfolio] .header-brand{width:450px}.portfoliocontainer{margin-left:450px}}@media only screen and (width<=1300px){.site-header[data-variant=portfolio]{background-color:var(--bg)}.site-header[data-variant=portfolio] .header-brand{background-color:var(--grey-2);width:360px}}@media only screen and (width<=950px){.portfolioworktitle{font-size:4.5vw}.portfolioworkdescription{font-size:2vw}}@media only screen and (width<=750px){.site-header[data-variant=portfolio]{background-color:var(--grey-2);height:75px}.site-header[data-variant=portfolio] .header-brand{background-color:#0000;width:auto}#portfoliosidebar{z-index:100;width:100vw;height:130px;transition:height .1s ease-in-out;display:block}#sidebarcontainer{display:none}#mobilesidebarcontainer{display:block}#mobileprojectdropdown{display:none}#mobileprojectdropdown.open{display:block}.portfoliocontainer{margin-left:auto;padding-bottom:140px}.portfoliocontainer img{width:100%}.portfolioworktitle{font-size:5vw}.portfolioworkdescription{font-size:2.5vw}:root[data-compact] .site-header[data-variant=portfolio]{display:none}:root[data-compact] #portfoliosidebar{height:55px}:root[data-compact] #mobilesidebarcontainer{margin-top:0}}@media only screen and (width<=600px){.portfolioworktitle{font-size:6vw}.portfolioworkdescription{font-size:3.2vw}}@media only screen and (width<=350px){.portfoliocontainer{padding-bottom:50px}.portfolioworktitle{padding-left:20px;padding-right:20px;font-size:8vw}.portfolioworkdescription{padding-left:20px;padding-right:20px;font-size:4.2vw}}