@font-face{font-family:"GreyLLWeb-Regular";src:url("../fonts/GreyLLWeb-Regular.woff") format("woff")}@font-face{font-family:"GreyLLWeb-Regular";src:url("../fonts/GreyLLWeb-Regular.woff2") format("woff2")}@font-face{font-family:"GreyLLWeb-Regular";font-weight:bold;src:url("../fonts/GreyLLWeb-Bold.woff") format("woff")}@font-face{font-family:"GreyLLWeb-Regular";font-weight:bold;src:url("../fonts/GreyLLWeb-Bold.woff2") format("woff2")}html{width:100%;max-width:100%}body{font-family:"GreyLLWeb-Regular",sans-serif;color:#000;background-color:#fff;font-size:14px;line-height:18px;margin:0;padding:0;position:relative;width:100%;max-width:100%;float:left}h6{font-size:14px;line-height:26px;padding:0 0 0 4px;margin:0;font-weight:normal}a{color:#00f}b{font-weight:normal}div,textarea,input,button,ul,li,select,label,form,header{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-variant-ligatures:none;background-size:contain;background-position:center center;background-repeat:no-repeat}li,ul{list-style:none !important}.viewer{z-index:1000;position:fixed;width:100vw;height:100vh;display:none}.viewer img{max-width:90%;max-height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);object-fit:contain}.viewer.on{display:block}.content{width:calc(100vw - 440px);position:absolute;top:0;left:440px;max-width:900px;padding:31px 64px 64px 64px;z-index:0}.content .projecttitle{font-weight:600;font-size:56px;line-height:52px}.content .projectdescription{width:100%;max-width:700px}.content .close{display:none;position:absolute;top:0;right:32px;padding:0}.content .projectimage{width:100%;margin-top:6px;margin-bottom:24px}.content .projectimage img{width:100%;max-width:700px}.content .copy{float:left;display:block;clear:both;margin-bottom:16px;max-width:340px}.content .copy p{margin:0 0 0 0}.content .projectsviewer{max-width:700px}.content .theask h3,.content .theanswer h3,.content .projectdescription h3,.content .projectmedia h3,.content .projectcredits h3{padding:0;margin:0;float:left;clear:both;font-size:14px;line-height:26px;background-color:none !important;width:100%}.content .theask,.content .theanswer{display:block;float:left;font-size:13px;line-height:26px;display:inline;width:350px;padding:0;text-align:left}.content .theask h3,.content .theanswer h3{text-align:left}.content .theask{padding-right:16px}.content .theanswer{padding-left:16px}.content .projectcredits{float:left;display:block;clear:both}.content .projectcredits .copy{float:left;display:block;width:100%;font-size:12px;line-height:12px}.content .projectmedia{float:left;display:block;clear:both;width:100%}.content .projectvideos{float:left;display:block;overflow:auto;overflow-x:hidden;width:100%;padding-top:16px}.content .projectvideos iframe.portrait-video{width:394px;height:700px}.content .projectimages{float:left;display:block;overflow:auto;overflow-x:hidden;width:100%}.content .projectimages{display:block;float:left;width:100%;max-width:700px}.content .projectthumb{width:100%;margin-top:12px}.content .projectthumb:last-child{margin-bottom:24px}.content .projectthumb:hover{cursor:pointer}.content .projectthumb img{width:100%}ul li{list-style:none}#dachshund{opacity:0;width:55px;height:28px;position:fixed;background-image:url('../images/dachshund.gif');background-size:39px 28px;background-position:center right;background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;z-index:100;transition:opacity .1s}#dachshund.on{opacity:1}.editor{display:none}.menu{display:block;float:left;clear:both}.link{float:left;display:inline;transition:all .1s;display:block;padding:0 4px;color:inherit;text-decoration:none}.link:hover{cursor:pointer;opacity:.5}.link.menu_projects{padding-left:0 !important}.projectlink{font-weight:400;display:block;position:relative;float:left;clear:both;list-style:none;width:100%;padding:0;height:18px}.projectlink a{display:block;color:inherit;text-decoration:none}.projectlink.selected{color:#c0f}.projectlink.selected:hover{opacity:1}.projectlink:hover{cursor:pointer;opacity:.5}.menuspacer{float:left;display:inline}.pg{float:left;clear:both;display:none}.pg.on{display:block}#biopg{padding-top:88px}#biopg .text{width:100%;max-width:340px;margin-top:11px}#biopg .text+.text{margin-top:26px}#biopg p{margin:0 0 0 0}#biopg .contact-text a{color:#000}#biopg .contact-text a:hover{cursor:pointer;opacity:.5}#contactpg{width:50%}#contactpg a{color:#000}#contactpg a:hover{cursor:pointer;opacity:.5}.projectsholder{display:block;float:left;padding-right:16px;padding-bottom:64px}#projectspg{width:100%;margin-top:26px;display:block}.left{width:420px;height:100vh;position:fixed;top:32px;left:32px;z-index:10;user-select:none;-webkit-user-select:none}.left a,.left img{-webkit-user-drag:none}.mobile-menu-toggle{display:none}.mobile-menu-dog{display:none}.thumbpreview{position:absolute;width:30.70625vw;height:23.5824vw;top:0;pointer-events:none;z-index:5;display:none;translate:0 -30%}.thumbpreview img{width:100%;height:100%;object-fit:contain;display:none}.thumbpreview .box{position:absolute;top:50%;left:0;right:0;margin:0 auto;width:100%;height:100%;transform:translateY(-50%);z-index:1;opacity:0}.thumbpreview .box.top{opacity:1;z-index:1000}.thumbpreview.on{display:block}.editor{position:fixed;bottom:24px;left:24px;height:42px;font-family:courier;font-size:8px;line-height:10px !important;color:#000;background-color:#ccc}.editor label{float:left;clear:both;width:100%;font-size:8px;line-height:10px !important}.editor ul{display:block;float:left;position:relative}.editor ul li{display:block;float:left;padding:0;border-bottom:1px solid #000;position:relative}.editor ul li.selected{font-weight:600}.editor ul li .readout{position:absolute;bottom:0;right:0;padding:2px;width:32px;height:16px;background-color:#fff;color:#00f;font-size:8px;line-height:10px}@media (max-width:768px){#dachshund,.thumbpreview{display:none !important}.left{width:100%;height:auto;position:relative;top:auto;left:auto;padding:16px}.site-header{min-height:36px}.desktop-title-spacing{display:none}.content{width:100%;max-width:none;position:relative;top:auto;left:auto;padding:16px;z-index:auto}.content .projectsviewer,.content .projectdescription,.content .projectimages,.content .projectimage img,.content .copy{width:100%;max-width:none}.content .projectimage{margin-top:0}.content .projectthumb{cursor:default}.content .projectvideos{overflow:hidden}.content .projectvideos iframe{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1.77664975}.content .projectvideos iframe.portrait-video{width:100%;height:auto;aspect-ratio:.56285714}#biopg{padding-top:0}#biopg .text{max-width:none}body.interior-open .left{position:fixed;top:0;left:0;z-index:20;background:#fff}body.interior-open .mobile-menu-toggle{display:block;float:left;border:0;background:transparent;color:#000;font:inherit;line-height:18px;text-align:left;cursor:pointer}body.interior-open .mobile-menu-dog{display:block;width:25px;height:18px;object-fit:contain;object-position:left center;image-rendering:pixelated}body.interior-open .site-title{margin-left:48px}body.interior-open:not(.menu-open) .left #projectspg,body.interior-open:not(.menu-open) .left .link{display:none}body.interior-open .content{padding-top:68px}body.menu-open{overflow:hidden}body.menu-open .left{height:100vh;overflow-y:auto}body.menu-open .left #projectspg,body.menu-open .left .link{display:block}}