@charset "UTF-8";:root{--content-width:90rem;--padding:60px;--lightgray:#e3e3e3;--padding:60px;--gutters:1rem;--yellow:#FAD802;--dark:#1a1c1f;--dark-alpha:#1a1c1fee;--background:var(--dark)}.margin-top-lg{margin-top:100px}body{font:18px/1.4em DIN,sans-serif;font-style:normal;color:#fff;text-align:left;width:100vw;min-height:100vh;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;letter-spacing:-.04em;background:var(--background) center/cover no-repeat;transition:background-color 1s}.noscroll,body.no-scroll{overflow-y:none;position:absolute;overflow:hidden}a{color:currentColor;text-decoration:none}p a{opacity:.7}p a:hover{opacity:1;text-decoration:underline}b,strong{font-variant:normal;font-weight:lighter;font-family:"DIN Medium"}b i,em b,em strong,strong em{font-family:"DIN Medium";font-weight:lighter;font-style:normal}hr{display:none}p:first-child{margin-top:0}h1,h2,h3,h4,h5,h6{padding:0;display:block;clear:both;line-height:1.2;font-weight:100;font-family:Din}h1 img,h2 img,h3 img,h4 img,h5 img,h6 img{margin:0;padding:0}h2{font-size:vaR(--text-xl);margin-bottom:var(--space-sm)}p{line-height:1.5em;margin-bottom:30px}p:last-child{margin-bottom:0}p.lede{font-size:1.2em}p.indent{text-indent:2em}p.traditional{margin-top:0;margin-bottom:0}p .left{margin:1rem 1rem 1rem 0;padding:0}p .right{margin:1rem 0 1rem 1rem;padding:0}.centered img{margin:auto}blockquote{margin-bottom:1rem;margin-top:1rem;font-size:1.2em}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}small{font-size:.9em}.directionlink{font-size:.8em;margin-top:-1rem;position:relative;display:block;opacity:.5}.contact-info .icon{width:40px;height:40px;position:relative;display:inline-block}.contact-info a{color:#000}.contact-info .icon img{padding:5px}#loader-screen{position:fixed;z-index:999999;display:block;top:0;left:0;width:100vw;height:100vh;overflow:hidden}.fullscreen{width:100vw;height:100vh;object-fit:cover}.fullscreen svg{object-fit:cover}#loader-screen.outro.reveal{top:0}.load-panel-1{position:absolute;z-index:99999;display:block;top:0;left:0;width:100vw;height:100vh;background:url(../images/blur-overlay.svg) center center/cover no-repeat transparent;transition:transform 1s cubic-bezier(.55,.085,.68,.53);animation-delay:1s}.load-panel-1.reveal{transform:translateY(-200%);pointer-events:none}#loader-screen.hidden{height:0;pointer-events:none}.project-panel{display:flex;width:100vw;height:100vh;overflow:hidden;background:center/cover no-repeat;color:#fff;cursor:pointer}.project-panel .content{position:relative;top:100%;transform:translateY(-100%)}.page-title,.project-panel h3,h1.page-title{color:#fff;font-size:6vw;line-height:1em;text-transform:uppercase;font-family:DIN;letter-spacing:.05em;margin:0;padding:0;opacity:.8;position:relative}.page-title:hover,.project-panel:hover .page-title{opacity:1}.client,.client-name,.date{font-size:3vw;opacity:.8;width:100%;text-transform:uppercase;text-align:center;display:inline-block;letter-spacing:.04em;margin-top:15px}.note-text caption,.note-text h1,.note-text h2,.note-text h3,.note-text h4,.note-text p{max-width:80ch;margin-right:auto;margin-left:auto}.note-text p{opacity:.8}.note-text figure{margin-bottom:var(--space-md);display:block;margin-left:auto;margin-right:auto;position:relative}.note-text figure img{display:block;margin-left:auto;margin-right:auto;position:relative}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:1.5rem;margin-bottom:1.5rem;padding:3rem 0}.gallery figure a{border:0}.gallery figure{margin:0;padding:0}@media screen and (min-width:40rem){.gallery{margin-left:-3rem;margin-right:-3rem}}.inner{padding:var(--padding)}.page-ontop{z-index:2147483647}.home-tpl #mast{z-index:999999}.page>*{margin:0 auto}.note{background-color:var(--background)}header .date{opacity:.5}#mast{padding:var(--padding)}#identity{width:70px;margin:0;padding:0;margin-left:auto}#identity a{display:block}#identity svg{max-height:100px}#nav-panel{display:block;margin:0;padding:0;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--dark-alpha);opacity:1;position:fixed;z-index:9999;transform:translateX(0) translateY(-100%);transition:transform .7s ease-in-out}#nav-panel{transition-property:transform;transition:.5s ease-in-out}#nav-panel.active{z-index:9999;transform:translateX(0) translateY(0)}#nav-panel.hidden{transform:translateX(0) translateY(-100%)}.menu,.menu ul{margin:0;padding:0}#nav-panel.active .inner{padding-top:150px}#nav-panel .menu li{position:relative;display:block;text-align:left;font-size:3em;text-transform:uppercase;line-height:1em}#nav-panel .menu li a{color:#fff;text-align:left;line-height:1em;letter-spacing:-.01em;font-weight:500;transition:.3s ease-in-out}#nav-panel .menu li a:hover{opacity:1;color:var(--yellow)}#nav-panel .is-active a,#nav-panel .menu a.active,#nav-panel.menu a:hover{opacity:1;color:var(--yellow);z-index:1}#menu-toggle{width:60px;height:60px;left:60px;top:60px;position:fixed;text-align:left;-webkit-transform:rotate(0);transform:rotate(0);-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;margin:0}#menu-toggle span{display:block;position:absolute;height:4px;width:60px;background:#fff;left:0;transform:rotate(0)}#menu-toggle span:nth-child(1){top:30px}#menu-toggle span:nth-child(2){top:30px;float:right;position:relative;transform:rotate(90deg)}#menu-toggle.active span{opacity:1;background-color:#fff}#menu-toggle.active{transform:rotate(45deg);z-index:999999}#mast{display:flex;position:fixed;top:0;left:0;z-index:99999;width:100%;color:#fff}main{margin-top:0;margin-right:0;margin-left:0;padding:0;position:relative;top:0;left:0;min-height:calc(100vh)}hr{display:block;height:1px;width:10%;padding:0;border:none;background-color:#fff}.about-tpl{color:rgba(0,0,0,.8);background-repeat:no-repeat;background-position:center center;background-size:cover;background-attachment:fixed;background-color:#bedee8}.about-text p{text-align:center}.about-text .text{display:flex;align-items:center;justify-content:center;text-align:left}.about-tpl section h2:first-child{margin-top:0}.shaded{opacity:.8}.menu a[aria-current]{border-bottom:2px solid #000}p a{color:var(--yellow);opacity:1}.about-tpl section{margin-bottom:60px}.about-tpl section ul{display:grid;list-style:none;justify-items:center;justify-content:space-evenly;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;margin:0;padding:0}.page-title{text-align:center;font-size:1em;letter-spacing:.04em}.project-tpl .client{text-transform:uppercase;opacity:.5;letter-spacing:.03em}.project-tpl .overview{max-width:960px;margin-right:auto;margin-left:auto}.hero{width:100vw;height:90vh;overflow:hidden;background-repeat:no-repeat;background-position:center top;background-size:cover;color:#fff;display:flex}.hero img{max-height:90vh}.gridded{display:grid;list-style:none;grid-template-columns:1;gap:var(--space-2xs);margin-bottom:var(--space-2xs);padding:0}.gridded figure{margin:0 0 var(--space-sm)}.article-feed header img{width:100vw;height:50vw;min-height:50vh;max-height:50vh}@media screen and (min-width:48rem){#mast{flex-direction:row;justify-content:space-between}#nav-panel .menu li{position:relative;display:block;text-align:left;font-size:6vw;text-transform:uppercase}.gridded{display:grid;list-style:none;justify-items:center;justify-content:space-evenly;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:0}body{font:18px/1.4em DIN}.article hero{width:100vw;height:50vw;min-height:50vh;max-height:50vh;background-position:cover;margin-bottom:100px}.page-title,.project-panel h3,h1.page-title{color:#fff;font-size:4vw;line-height:1em;text-transform:uppercase;font-family:DIN;letter-spacing:.05em;margin:0;padding:0;position:relative}.client,.client-name,.date{font-size:1.1em;opacity:.8;text-transform:uppercase;margin-top:15px;text-align:center;letter-spacing:.04em}}.intro{text-align:center;margin-top:120px}#sitefooter{opacity:.5;margin-top:40px;text-align:right;font-size:.8em;clear:both}.project-tpl figure,.project-tpl figure img{width:100%}span.caption{position:relative;display:block;padding:1rem;margin-bottom:30px}figcaption,span.caption{padding:1rem;opacity:.3;text-transform:uppercase;letter-spacing:.03em;text-align:center}.project-title{position:relative;margin-top:0;cursor:pointer;transition:all .9s ease;letter-spacing:.03em;color:#fff;text-align:center;width:100%}.project-tpl .playbutton{position:relative;display:block;cursor:pointer;transition:all .9s ease;color:#fff;width:100%;height:80px;background-size:.8em;background:url(../images/play-btn.svg) center center no-repeat;margin-bottom:40px}.playbutton.hidden{opacity:0}.overlay-panel{background:var(--dark-alpha);color:#fff;position:fixed;top:-250px;left:0;width:100%;height:250px;padding:1rem;box-sizing:border-box;overflow:hidden;opacity:0;z-index:99999;transition:all .3s ease}.overlay-panel.enabled{top:0;min-height:100vh;overflow:visible;opacity:1}.overlay-close{width:80px;height:80px;position:absolute;top:40px;right:40px;z-index:88889;margin:0;cursor:pointer;display:block;transform:scale(.6) rotate(0);transition:.3s ease-in-out;opacity:.7}.overlay-close:hover{opacity:1}.overlay-close span{display:block;position:absolute;height:4px;width:100%;background:#fff;left:0;top:45px;transform:rotate(0);transition:.4s ease-in-out}.overlay-close span:nth-child(1){transform:rotate(45deg)}.overlay-close span:nth-child(2){transform:rotate(-45deg)}.overlay-panel .inner{padding:40px}iframe{border:none;margin:0;padding:0;position:relative;display:block}.video{position:relative;overflow:hidden;width:100%;padding-top:56.25%}.video iframe,.video video{position:absolute;top:0;left:0;width:100%;height:100%}.video.wide{position:relative;padding-bottom:41.98%;height:0;max-width:100%}.video figcaption{padding-top:58.25%;pointer-events:none}.video.wide figcaption{padding-top:43%}.video iframe{width:100%;height:100%;text-align:center;position:absolute;top:0;left:0;width:100%;height:100%}.canplay{cursor:pointer}.pagination{margin:0;padding:0;position:relative;display:flex;width:100%}.pagination-item{display:flex;margin:0;padding:60px;font-size:3em;opacity:.8;flex-grow:1;text-align:center}.pagination-item:hover{opacity:1}.about .ico{width:25px;text-align:center;position:relative;display:inline-block;margin:0 5px 5px}.about .ico img{max-width:100%}.toggle{cursor:pointer}.toggle-content{height:0;overflow:hidden}.active .toggle-content{height:auto}a.button{color:#fff;margin:0 0 40px;padding:.5em 1em;position:relative;display:inline-block;background-color:var(--lightgray);font-weight:700;border-radius:2px}a.button:hover{background-color:var(--yellow)}.phone{font-family:'DIN BOLD'}.small{font-size:.8em}.permaphone{position:fixed;bottom:0;left:0;display:block;float:left;z-index:100;margin:0;padding:60px;font:1.4em 'DIN BOLD';letter-spacing:.02em}.pagelayer{width:100vw;position:fixed;top:0;left:0;transform:translateZ(1);transform-style:preserve-3d;opacity:0;visibility:hidden;backface-visibility:hidden;padding-bottom:100px;background-color:var(--dark-alpha);overflow-y:auto;max-height:100%;backdrop-filter:blur(10px);min-height:100vh}#pagelayer.active,.pagelayer.active{visibility:visible;overflow:visible;z-index:9999999;height:auto;opacity:1;overflow-y:scroll}.pagemoveToLeft{animation:moveToLeft .4s ease both}.pagemoveFromLeft{animation:moveFromLeft .4s ease both}.pagemoveToRight{animation:moveToRight .4s ease both}.pagemoveFromRight{transform:translateX(100%);animation:moveFromRight .4s ease both}.pagemoveInFromBottom{animation:moveFromBottom .4s ease both}.pageimmediateupdate{opacity:1;animation:moveToLeft 0s ease both}.pageinner{min-height:100vh;display:block;margin:0;padding:0;background-color:#dddfdf}.pagemoveFromLeft{animation:moveFromLeft .8s ease both}.pagemoveToRight{animation:moveToRight .8s ease both}.pagemoveFromRight{transform:translateX(100%);animation:moveFromRight .8s ease both}@media (any-hover:none){a{will-change:auto}}.is-inactive{opacity:.1;cursor:default}.error-page{color:#fff;background-color:tomato}@keyframes pullup{100%{margin-top:0}}@keyframes fadeIn{0%{opacity:0}66%{opacity:0}100%{opacity:1}}@keyframes enterFromRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes moveToLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes moveFromLeft{from{transform:translateX(100%)}to{transform:translateX(0)}}@-webkit-keyframes moveToRight{to{transform:translateX(100%)}}@keyframes moveToRight{to{transform:translateX(100%)}}@keyframes moveFromRight{from{transform:translateX(100%)}to{transform:translateX(-100%)}}.feed-article header.inner{padding-top:11rem;padding-bottom:0}.feed-article header img{width:auto;margin-bottom:40px;border:1rem solid rgba(0,0,0,.29)}.overlay-panel iframe{max-height:90vh}.header{pointer-events:none}.header *{pointer-events:auto}.header a,.header button{pointer-events:auto}