@charset "UTF-8";@font-face{src:url(/dist/CourierPrime-Regular.9e607886.ttf);font-family:Courier Prime}@font-face{src:url(/dist/CourierPrime-Italic.de432f48.ttf);font-family:Courier Prime;font-style:italic}@font-face{src:url(/dist/CourierPrime-Bold.b4cd8ab8.ttf);font-family:Courier Prime;font-weight:700}@font-face{src:url(/dist/CourierPrime-BoldItalic.62958a96.ttf);font-family:Courier Prime;font-weight:700;font-style:italic}html{--bg:#e5e5e5;--fg:#000;--white:#fff;--yellow:#ffc72b;--red:#d22731;--body:1.2rem;--margin:1.25vw;--border-size:6px;--border:var(--border-size) solid var(--fg);--leading:1.2;--line-break:calc(var(--body)*var(--leading));--ease:cubic-bezier(0.16,1,0.3,1);--dim:0.25;--shadow:0.75rem 0.75rem 1.5rem rgba(0,0,0,0.25);--bg-text:#bfbfbf;--grid:#d9d9d9;--cols:8;--caption-space:var(--line-break)}@media (max-width:720px){html{--body:1.2rem;--margin:2rem;--cols:2;--caption-space:1rem}}*{margin:0;padding:0;font:inherit;color:inherit;text-decoration:none;box-sizing:border-box}html{font-size:10px;background:var(--bg);scroll-behavior:smooth}body{font-family:Courier Prime,monospace;font-size:var(--body);line-height:var(--leading);width:100vw;overflow-x:hidden}body.busy{overflow:hidden}#top,body.busy,body.locked{pointer-events:none}#top{display:grid;grid-template-columns:repeat(var(--cols),1fr);-moz-column-gap:var(--margin);column-gap:var(--margin);padding:0 var(--margin);position:-webkit-sticky;position:sticky;top:0;left:0;z-index:4;width:100%;min-height:100vh;overflow:visible;padding-bottom:calc(var(--line-break)*2)}@media (min-width:721px){body.locker-removed[data-template=home] #top,body[data-template=client] #top{position:fixed}}@media (max-width:720px){#top{grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;overflow:visible;min-height:100vh;position:relative}#top>.col:not(.description){min-height:calc(50vw - var(--margin)/2 - var(--margin));padding-bottom:var(--margin)}#top>.col.description.closed{padding-bottom:var(--border-size)!important}#top>.col.description.closed .fonts{display:none}body:not([data-template=home]) #top>.col{padding-bottom:calc(var(--margin)*2)}#top>.col p:last-child{margin-bottom:0}#top>.col.gap{display:none}}#top>.col>*{pointer-events:auto}@media (min-width:721px){body[data-page=home] #top{position:-webkit-sticky;position:sticky}}#top .cont h2,#top h1,#top h3,strong{font-weight:700}main{min-height:100vh;position:relative}main svg{position:absolute;pointer-events:none}main h1,main h2{margin-bottom:var(--line-break)}main ul{list-style:none}main .col{padding-top:var(--line-break);position:relative}main .col:not(.gap){border-top:var(--border)}main .col.double{grid-column:span 2}main .col.quad{grid-column:span 4}main .col .staticarr{position:absolute;right:0}main .col h1,main .col h2{position:relative}main .col h1 .hook,main .col h2 .hook{position:absolute;right:0}main .col h1 .hook:hover,main .col h2 .hook:hover{text-decoration:underline}#splash{width:100vw;height:100vh;background:var(--fg);color:var(--bg);position:relative;z-index:5}#splash .bg-text{-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background:var(--bg)}#splash a.down{position:absolute;bottom:var(--margin);left:var(--margin);z-index:5}.grid{position:fixed;top:0;left:0;right:0;height:100%;z-index:1;display:grid;grid-template-columns:repeat(var(--cols),1fr);padding:0 var(--margin);-moz-column-gap:var(--margin);column-gap:var(--margin);pointer-events:none;color:var(--grid);background:none;visibility:hidden}.grid__col{border-left:1px solid;border-right:1px solid;height:100vh}@media (max-width:720px){.grid__col__col:not(:first-of-type):not(:nth-of-type(2)){display:none}}body[data-template=home] .mtop .col:nth-of-type(2) a:hover span,main a:not(.hook):not(.noarr):hover span{text-decoration:underline}body[data-template=home] .mtop .col:nth-of-type(2) a:after,main a:not(.hook):not(.noarr):after{content:" →"}.noarr a:after{content:""!important}main .uline:hover{text-decoration:underline}main .bg-logo{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:var(--bg-text);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:1;-webkit-mask-size:contain;mask-size:contain;transition:background 1s var(--ease)}main .bg-logo.full{background:var(--fg)}.client-logo{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;background:var(--bg-text);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;z-index:1;display:none;-webkit-mask-size:contain;mask-size:contain}main p{margin-bottom:var(--line-break)}section.gallery{padding-left:var(--margin);display:flex;flex-wrap:wrap;position:relative;z-index:3}@media (min-width:721px){section.gallery .pusher{width:100%;height:100vh;transition:height 2s var(--ease);transition-delay:1s}section.gallery.in .pusher{height:50vh}}section.gallery .side{width:calc(50vw - var(--margin)*0.5);display:flex;flex-wrap:wrap}section.gallery .side .space,section.gallery .side figure{width:calc(100% - var(--margin));margin-right:var(--margin);margin-bottom:var(--margin)}section.gallery .side .space figcaption,section.gallery .side figure figcaption{margin-top:var(--caption-space)}section.gallery .side .space figcaption a,section.gallery .side figure figcaption a{text-decoration:underline}section.gallery .side .space figcaption a:after,section.gallery .side figure figcaption a:after{content:""!important}section.gallery .side .space figcaption a:hover,section.gallery .side figure figcaption a:hover{text-decoration:none}section.gallery .side .space:nth-of-type(odd),section.gallery .side figure:nth-of-type(odd){margin-left:auto}section.gallery .side .space[data-col="1"],section.gallery .side figure[data-col="1"]{width:calc(25% - var(--margin))}section.gallery .side .space[data-col="2"],section.gallery .side figure[data-col="2"]{width:calc(50% - var(--margin))}section.gallery .side .space[data-col="3"],section.gallery .side figure[data-col="3"]{width:calc(75% - var(--margin))}section.gallery .side .space[data-col="4"],section.gallery .side figure[data-col="4"]{width:calc(100% - var(--margin))}section.gallery .side .space img,section.gallery .side figure img{display:block;width:100%;height:auto;box-shadow:var(--shadow)}.bg-text{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;background:var(--bg-text);z-index:2}.bg-text.fixed{position:fixed}.bg-text.full{background:var(--fg)}.bg-text.ack .red{background:var(--red);position:absolute;top:35vw;left:50%;right:0;bottom:0}.bg-text.ack .yellow{background:var(--yellow);position:absolute;top:35vw;left:0;right:50%;bottom:0}body[data-template=home].locker-removed .bg-text{position:fixed}nav.bottom{padding-left:var(--margin);position:relative;z-index:5;margin:var(--margin) 0 0 0;font-weight:700}nav.bottom,nav.bottom>div{display:flex;justify-content:space-between}nav.bottom>div{width:calc(12.5% - var(--margin));margin-right:var(--margin);border-top:var(--border);padding-bottom:var(--line-break);padding-top:var(--line-break)}@media (max-width:720px){nav.bottom>div{width:calc(50% - var(--margin));padding-bottom:calc(var(--line-break)*2)}}nav.bottom>div a:hover span{text-decoration:underline}.gallery-spacer{height:100vh}figure.bg-project{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(50vw - var(--margin)*0.5 - var(--margin));display:none;transition:opacity 1s var(--ease);z-index:2;pointer-events:none}figure.bg-project.out{opacity:0}figure.bg-project img{width:100%;height:auto;display:block;box-shadow:var(--shadow)}.clients li,.projects li{cursor:default}.underline p a{text-decoration:underline}.underline p a:hover{text-decoration:none}.underline p a:after{content:""!important}.hoverline a{text-decoration:none}.hoverline a:hover{text-decoration:underline}.hoverline a:after{content:""!important}.collabs p a{text-decoration:underline}.collabs p a:hover,.collabs p a:hover span{text-decoration:none!important}.collabs p a:after{content:""!important}.description{position:relative}.description-arrow{position:absolute;right:0}.description-arrow:hover{text-decoration:underline}.description-arrow:after{display:none}.description-toggle-text:hover{text-decoration:underline}.description-toggle-text:hover span{text-decoration:none!important}.description-text p{margin-bottom:var(--line-break)!important}@media (max-width:720px){main .bg-text{display:none}.desktop-only{display:none!important}}@media (min-width:721px){.mobile-only{display:none!important}}.mhouse__subhead,body[data-page=the-letter-d] .mhouse__cases{display:grid;grid-template-columns:1fr 1fr;-moz-column-gap:var(--margin);column-gap:var(--margin)}body:not([data-page=the-letter-d]) .mhouse__cases{border-top:var(--border);padding-top:var(--line-break)}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case{border-top:none!important}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure{margin-bottom:calc(var(--line-break)*2 + var(--border-size))}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure img{display:block;width:100%;height:auto;box-shadow:var(--shadow)}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure figcaption{margin-top:var(--caption-space)}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure figcaption a{text-decoration:underline}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure figcaption a:after{content:""!important}body:not([data-page=the-letter-d]) .mhouse__cases .mhouse__case figure figcaption a:hover{text-decoration:none}.mhouse__subhead{margin-bottom:1.4em}.mhouse__cases{margin-bottom:var(--margin)}.mhouse__cases .square{width:100%;padding-top:100%;background-size:contain;background-position:50%}.mhouse__case{border-top:var(--border)}.mhouse__case img{width:100%;height:auto}.mhouse__rests{border-top:var(--border);padding-top:var(--line-break)}.mhouse__triggers a:not(.active){text-decoration:underline}.mhouse__triggers a:not(.active):hover{text-decoration:none}.mhouse[data-view=image] .mhouse__rests div[data-type=case],.mhouse[data-view=text] .mhouse__cases{display:none}body[data-page=the-letter-d] .mhouse[data-view=text] .mhouse__rests{-moz-column-count:2;column-count:2;-moz-column-gap:var(--margin);column-gap:var(--margin)}@media (max-width:720px){body[data-template=client] #top{height:auto!important;min-height:0!important}.gallery{padding-right:var(--margin)}.gallery figure.mobile-only{margin-bottom:calc(var(--line-break)*2 + var(--border-size))}.gallery figure.mobile-only img{width:100%;height:auto;box-shadow:var(--shadow)}.gallery figure.mobile-only figcaption{margin-top:var(--caption-space)}.gallery figure.mobile-only figcaption a{text-decoration:underline}.gallery figure.mobile-only figcaption a:after{content:""!important}.gallery figure.mobile-only figcaption a:hover{text-decoration:none}}#mobile-test{position:absolute;bottom:0;right:0;width:1px;height:1px;pointer-events:none}.mtop{background:var(--bg);position:fixed;top:0;left:0;width:100%;z-index:30;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:var(--margin);column-gap:var(--margin);padding:0 var(--margin);overflow:hidden;transition:transform .2s ease}@media (min-width:721px){.mtop{display:none}}body:not(.scrolled) .mtop{transform:translateY(-100%)}.mtop:after{content:"";position:absolute;height:var(--border-size);background:var(--fg);display:block;bottom:0;left:var(--margin);right:var(--margin);z-index:3}.mtop .grid{position:absolute;z-index:-1}body[data-template=client] .mtop p,body[data-template=collaborators] .mtop p,body[data-template=default] .mtop,body[data-template=house] .mtop p{display:none}body[data-template=client] .mtop .col,body[data-template=collaborators] .mtop .col,body[data-template=house] .mtop .col{position:relative}body[data-template=client] .mtop .col .hook,body[data-template=collaborators] .mtop .col .hook,body[data-template=collaborators] .mtop .staticarr,body[data-template=house] .mtop .col .hook{position:absolute;right:0}body[data-template=home] .mtop .col:nth-of-type(2) h2{margin-bottom:var(--line-break);font-weight:700}.mtop .col{border-top:var(--border);padding:var(--line-break) 0 var(--margin)}.mfeat{width:100vw;height:100vh;position:relative;background-size:cover;background-position:50%;z-index:5}.mfeat-darr{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding-bottom:var(--margin);color:#fff}.mfeat-link{position:absolute;top:0;left:0;width:100%;height:100%}.lazy{transition:opacity .5s ease}.lazy:not(.loaded){opacity:0}@media (min-width:721px){body[data-template=home] main .bg-text{-webkit-mask-position:center left;mask-position:center left}body[data-template=home] .gallery.teaser{position:absolute;top:0}body[data-template=home] .gallery.teaser .side{flex-wrap:nowrap}body[data-template=home] .gallery.teaser .side .space{display:none}body[data-template=home] .gallery.teaser.in .pusher{height:40vh}}.mfeat[data-is-clients=true]{background:var(--fg)}.mfeat[data-is-clients=true] .bg-logo{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media (max-width:720px){.mfeat.positional,.mtop,main{transition:transform 1s var(--ease)}body[data-dir=next] .mtop.out,body[data-dir=next] main.out{transform:translateX(-100%)}body[data-dir=prev] .mtop.out,body[data-dir=prev] main.out{transform:translateX(100%)!important}.mfeat.positional{position:fixed;top:0;left:0;width:100%;height:100%}.mfeat.positional:not(.active){display:none}body[data-dir=next] .mfeat.positional:not(.in){transform:translateX(100%)}body[data-dir=prev] .mfeat.positional:not(.in){transform:translateX(-100%)}}
/*# sourceMappingURL=/dist/bundle.css.map */