/*! autoprefixer: ignore next */
/*! autoprefixer: ignore next */
/*! autoprefixer: ignore next */
@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:"Hellovetica";src:url("/css/fonts/HelloveticaReg.eot");src:url("/css/fonts/HelloveticaReg.eot?#iefix") format("embedded-opentype"),url("/css/fonts/HelloveticaReg.woff2") format("woff2"),url("/css/fonts/HelloveticaReg.woff") format("woff"),url("/css/fonts/HelloveticaReg.ttf") format("truetype"),url("/css/fonts/HelloveticaReg.svg#HelloveticaReg") format("svg");font-weight:normal;font-style:normal}:root{--nav-width:0;--logo-width:284px;--grid-template-text-col:minmax(1em,48em)}@media screen and (max-width:72em){:root{--logo-width:188px}}html{-webkit-text-size-adjust:100%}body{--color-text:var(--color-text-1);--color-header-bg:var(--color-text-1);--color-section-border:var(--color-bg-2);--color-link-slash:var(--color-bg-2);--color-link-border:var(--color-bg-2)}.meta{--color-text:var(--color-bg-1)}body.antimander{--color-section-border:var(--color-text-2);--color-header-bg:var(--color-text-2)}body.antimander .meta{--color-link-border:var(--color-bg-3)}body.decipher .meta{--color-link-slash:var(--color-bg-3);--color-link-border:var(--color-bg-3)}body.deliverables{--color-header-bg:var(--color-bg-2);--color-link-slash:var(--color-text-2);--color-link-border:var(--color-text-2)}body.deliverables .meta{--color-text:var(--color-text-1)}body.theta{--color-header-bg:var(--color-bg-2)}body.theta .meta{--color-text:var(--color-text-2);--color-link-slash:var(--color-bg-1);--color-link-border:var(--color-bg-1)}body.about{--color-header-bg:var(--color-text-3)}a.name .svg{background-color:var(--color-bg-2)}a.name .svg:hover{background-color:var(--color-bg-3)}.index a.name .svg{background-color:var(--color-bg-3)}.index a.name .svg:hover{background-color:var(--color-bg-2)}article h1:after,nav ul li a:after{background-color:var(--color-bg-2)}nav ul li a:not(.no-hover):hover:after,nav ul li a.highlight:after{background-color:var(--color-text-3)}.index nav ul li a:after{background-color:var(--color-bg-3)}.index nav ul li a.visible:after{background-color:var(--color-text-2)}article ul li:before{color:var(--color-bg-2)}body{font-family:"IBM Plex Mono","Courier New",monospace,sans-serif;font-size:11px;font-weight:300;line-height:14px}::-moz-selection{background-color:var(--color-bg-3);color:var(--color-text-3)}::selection{background-color:var(--color-bg-3);color:var(--color-text-3)}nav{font-weight:600;text-transform:uppercase}article h1{font-style:italic;font-weight:600}.punctuation{font-weight:600;color:var(--color-bg-2)}blockquote{position:relative}blockquote>*:last-child:before,blockquote>*:last-child:after{display:inline;font-weight:600;color:var(--color-bg-2)}blockquote>*:last-child:before{content:"“";position:absolute;left:-0.667em}blockquote>*:last-child:after{content:"”"}a{text-decoration:none;color:inherit;white-space:nowrap;position:relative;border-bottom:2px solid var(--color-bg-2);margin-bottom:-1px}a:not(.no-hover):hover,a.visible,a.highlight{background:var(--color-bg-3);color:var(--color-text-3);border-color:var(--color-text-3)!important;font-weight:600}em{font-style:italic}article h1{white-space:nowrap}article h1:before{display:inline-block}article h1:after,nav ul li a:after{content:" ";height:8px;width:11px;display:inline-block;margin-left:-1px;margin-right:-1px;-webkit-mask-image:url(/icons/slash.svg);mask-image:url(/icons/slash.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left bottom;mask-position:left bottom}nav ul li a:after{width:16px;-webkit-mask-image:url(/icons/slash-wide.svg);mask-image:url(/icons/slash-wide.svg)}ol{list-style:decimal}article ul li:before{content:"—";position:absolute;left:-0.667em;font-weight:600}article ul.no-bullet li:before{content:""}body{background-color:var(--color-header-bg);color:var(--color-text-1);border-top:66.67vh solid var(--color-header-bg)}body>.wrapper{width:100vw;min-height:33.33vh;-webkit-box-sizing:border-box;box-sizing:border-box;background:var(--color-bg-1);display:grid;grid-template-columns:auto auto;grid-template-rows:auto}figure.border img,figure.border video{-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1);border-radius:1px}figure.ipad-frame{position:relative;--frame-w:24px;--frame-margin-left:0;--frame-border-radius:calc(var(--frame-w) / 2)}@media screen and (max-width:56em){figure.ipad-frame{--frame-w:3vw;--frame-margin-left:var(--frame-w)}}figure.ipad-frame.overflow img{border-radius:var(--frame-border-radius) var(--frame-border-radius) 0 0;-webkit-box-shadow:none;box-shadow:none}figure.ipad-frame.overflow .frame.ipad{position:absolute;top:0;z-index:-1}figure.ipad-frame.overflow .frame.ipad .inner{width:100%;padding-top:75%;margin-bottom:var(--frame-w);border-radius:var(--frame-border-radius);margin-top:var(--frame-w);margin-bottom:var(--frame-w);margin-left:var(--frame-margin-left);-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 var(--frame-w) rgba(0,0,0,.75);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 var(--frame-w) rgba(0,0,0,.75)}figure.ipad-frame img{border-radius:var(--frame-border-radius);margin-top:var(--frame-w);margin-bottom:var(--frame-w);margin-left:var(--frame-margin-left);-webkit-box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 var(--frame-w) rgba(0,0,0,.75);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 0 0 var(--frame-w) rgba(0,0,0,.75)}.align-top figure,figure.align-top{--frame-margin-left:var(--frame-w)}@-webkit-keyframes link-flash{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}@keyframes link-flash{0%{opacity:1}50%{opacity:1}51%{opacity:0}100%{opacity:0}}a.flashing:before,a.flashing{-webkit-animation-name:link-flash;animation-name:link-flash;-webkit-animation-duration:.1s;animation-duration:.1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:12;animation-iteration-count:12}html{-webkit-scroll-snap-type:y proximity;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}@media not all and (min-resolution:0.001dpcm){body{-webkit-scroll-snap-type:y proximity;-ms-scroll-snap-type:y proximity;scroll-snap-type:y proximity}}article>section,article>section>section{-webkit-scroll-snap-align:start;scroll-snap-align:start;-webkit-scroll-snap-stop:always;scroll-snap-stop:always}@supports(-webkit-touch-callout:none){html,body{-webkit-scroll-snap-type:none;-ms-scroll-snap-type:none;scroll-snap-type:none}html *,body *{-webkit-scroll-snap-align:none;scroll-snap-align:none;-webkit-scroll-snap-stop:none;scroll-snap-stop:none}html article section,body article section{min-height:unset}html article figure.align-mid,body article figure.align-mid{-ms-flex-item-align:end;align-self:end;margin:224px 0}html article .controls,body article .controls{position:relative;top:-3px}html article .controls input,body article .controls input{top:28px}html article .carousel,body article .carousel{margin-top:56px}}.index nav{position:static;height:auto}nav{top:0;left:0;z-index:4000;grid-column:1/2;grid-row:1/2;position:-webkit-sticky;position:sticky;height:0;white-space:nowrap;z-index:2000}nav h1{display:inline-block;position:relative}nav h1 a.name .svg{display:inline-block;-webkit-mask-image:url(../logo.svg);mask-image:url(../logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left bottom;mask-position:left bottom;float:left;margin:0;text-indent:0;height:22px;width:var(--logo-width);top:3px;text-indent:-9999px;position:relative}@media screen and (max-width:72em){nav h1 a.name .svg{-webkit-mask-image:url(/icons/logo-14.svg);mask-image:url(/icons/logo-14.svg);height:14px}}nav ul{display:inline-block;vertical-align:top}nav ul li.hidden{display:none}nav ul li.parent{display:block;padding:0}nav ul li a{display:inline-block;border:none}nav ul li a:before{content:" ";display:none;position:absolute;background:var(--color-bg-3);width:100vw;height:14px;z-index:-1;left:calc(-1*var(--logo-width));right:0;pointer-events:none}nav ul li a:not(.no-hover):hover,nav ul li a.visible,nav ul li a.highlight{z-index:2;background-color:rgba(0,0,0,0)!important}nav ul li a:not(.no-hover):hover:before,nav ul li a.visible:before,nav ul li a.highlight:before{display:block}body.index nav ul li,nav:not(.no-hover):hover ul li,nav.open ul li{color:var(--color-bg-2)}body.index nav ul li.hidden,nav:not(.no-hover):hover ul li.hidden,nav.open ul li.hidden{display:block}body.index nav ul li:not(:first-of-type) a,nav:not(.no-hover):hover ul li:not(:first-of-type) a,nav.open ul li:not(:first-of-type) a{background-color:var(--color-bg-1)}body.index nav ul li:first-of-type a,nav:not(.no-hover):hover ul li:first-of-type a,nav.open ul li:first-of-type a{background-color:rgba(0,0,0,0)!important}article{grid-column:1/3;grid-row:1/2;position:relative;z-index:0}article>section.intro h1{display:none}@media screen and (max-width:32em){article>section.intro h1{display:block}}article>section:not(:last-of-type){border-bottom:var(--color-section-border) solid 14px;padding-left:50vw;margin-left:-50vw}article section{min-height:100vh;max-width:100vw;position:relative;display:grid;grid-template-columns:var(--grid-col-1-width) -webkit-min-content minmax(12em,48em) 1fr;grid-template-columns:var(--grid-col-1-width) min-content minmax(12em,48em) 1fr;grid-template-rows:auto -webkit-min-content;grid-template-rows:auto min-content;-webkit-box-align:start;-ms-flex-align:start;align-items:start}article section.natural-height,article section.intro{min-height:unset}article section.natural-height figure.align-top,article section.natural-height .set.align-top,article section.intro figure.align-top,article section.intro .set.align-top{margin-bottom:112px}article section.natural-height figure:not(.align-top),article section.natural-height .set:not(.align-top),article section.intro figure:not(.align-top),article section.intro .set:not(.align-top){margin-top:112px}@media screen and (max-width:32em){article section.natural-height figure.align-top,article section.natural-height .set.align-top,article section.intro figure.align-top,article section.intro .set.align-top{margin-bottom:0;margin-top:112px}}article section>section{grid-column:1/5;position:relative}article section>section:first-of-type{margin-top:-1.125em}article section>section:not(:last-of-type){border-bottom:var(--color-section-border) solid 1px;padding-left:50vw;margin-left:-50vw}@media screen and (max-width:32em){article section>section:first-of-type .text .sticky{margin-top:14px}}article section>section .text .sticky{margin-top:0}article section>h1{grid-column:2/3;grid-row:1/2;-ms-flex-item-align:start;align-self:start;position:-webkit-sticky;position:sticky;top:0;display:inline-block;z-index:2000}article section>h1 span{display:inline-block}article section .text{grid-column:3/4;grid-row:1/2;height:100%}@media screen and (max-width:56em){article section .text{grid-column:3/5}}@media screen and (max-width:32em){article section .text{grid-column:1/5}article section .text p:first-child,article section .text li{text-indent:var(--nav-width)}article section .text .sticky{margin-top:14px;top:14px!important}}article section .text:not(.no-space):after{content:" ";width:100%;height:112px;display:block}article section .text .sticky{position:-webkit-sticky;position:sticky;top:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}article section .text.hide{display:none}article section figure{grid-column:3/5;grid-row:2/3;-ms-flex-item-align:end;align-self:end}article section figure.full{grid-column:1/5}article section figure.align-mid{-ms-flex-item-align:center;align-self:center;grid-row:1/3}@media screen and (min-width:32em){article section figure.align-top{-ms-flex-item-align:start;align-self:start;grid-row:1/3}}@media screen and (max-width:56em){article section figure{grid-column:1/5}}article .set{grid-column:1/5;display:grid;grid-template-columns:var(--nav-width) var(--section-h1-width) var(--grid-template-text-col) 1fr;grid-auto-rows:auto}@media screen and (max-width:32em){article .set.align-top{margin-top:112px}}@media screen and (min-width:32em){article .set.align-top{grid-row:1/3;-ms-flex-item-align:start;align-self:start}}article .set figure{grid-row:unset}article .set figure:not(:last-child){margin-bottom:14px}@media screen and (min-width:32em){article .no-text .controls{height:64px;-ms-flex-item-align:start;align-self:start;top:0}article .no-text .controls input{top:32px}article .no-text .carousel{grid-row:1/3;-ms-flex-item-align:start;align-self:start}}article .controls{position:-webkit-sticky;position:sticky;display:block;z-index:2;top:64px;width:0;height:0;grid-row:1/2;-ms-flex-item-align:end;align-self:end;justify-self:end;grid-column:2/3}article .controls.start input.prev{opacity:.2}article .controls.start input.next{opacity:1}article .controls.end input.prev{opacity:1}article .controls.end input.next{opacity:.2}@media screen and (max-width:32em){article .controls{justify-self:end}}@-webkit-keyframes button-pulse{0%{background-color:var(--color-bg-2)}50%{background-color:var(--color-bg-3)}100%{background-color:var(--color-bg-2)}}@keyframes button-pulse{0%{background-color:var(--color-bg-2)}50%{background-color:var(--color-bg-3)}100%{background-color:var(--color-bg-2)}}article .controls input{font-size:1em;background:none;border:none;outline:none;font-family:inherit;padding:0;margin:0;-webkit-appearance:none;height:15px;width:12px;position:relative;top:-32px;left:-15px;text-indent:-9999px;overflow:hidden;background-color:var(--color-bg-2);-webkit-mask-image:url(/icons/arrow.svg);mask-image:url(/icons/arrow.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right bottom;mask-position:right bottom;-webkit-animation-name:button-pulse;animation-name:button-pulse;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-timing-function:cubic-bezier(0.37,0,0.63,1);animation-timing-function:cubic-bezier(0.37,0,0.63,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-transition:1s cubic-bezier(0.16,1,0.3,1);transition:1s cubic-bezier(0.16,1,0.3,1);-webkit-transition-property:opacity,background-color;transition-property:opacity,background-color;cursor:pointer}article .controls input.prev{-webkit-transform:scaleX(-1);transform:scaleX(-1)}article .controls input.next{-webkit-animation-delay:.25s;animation-delay:.25s}article .controls input:hover{background-color:var(--color-bg-3)}article .carousel{grid-column:1/5;max-width:100vw;overflow:scroll;position:relative;-webkit-overflow-scrolling:touch;padding-top:1px;padding-bottom:1px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}@media screen and (min-width:32em){article .carousel.align-top{-ms-flex-item-align:start;align-self:start;grid-row:1/3}}article .carousel .slide{-webkit-scroll-snap-align:start;scroll-snap-align:start;-webkit-scroll-snap-stop:always;scroll-snap-stop:always;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100vw;display:grid;grid-template-columns:var(--nav-width) var(--section-h1-width) var(--grid-template-text-col) 1fr;grid-auto-rows:auto}article .carousel .slide figure{grid-column:3/5}article .carousel .slide figure.full{grid-column:1/5}@media screen and (max-width:32em){article .carousel .slide figure{grid-column:1/5}}article figure.mobile img,article figure.mobile video,article figure.mobile .frame{width:25%;min-width:200px;max-width:236.25px}article figure.business-card img,article figure.business-card video,article figure.business-card .frame{width:33%;max-width:252px}article figure.letter img,article figure.letter video,article figure.letter .frame{width:66.67%;max-width:612px}article figure.tabloid img,article figure.tabloid video,article figure.tabloid .frame{width:75%;max-width:792px}article figure.p-18x24 img,article figure.p-18x24 video,article figure.p-18x24 .frame{width:87.5%;max-width:1296px}article figure.a0 img,article figure.a0 video,article figure.a0 .frame{width:95%;max-width:1400px}article figure.desktop img,article figure.desktop video,article figure.desktop .frame{width:87.5%;max-width:806.4px}article figure.xsmall img,article figure.xsmall video,article figure.xsmall .frame{max-width:160px;min-width:160px}article figure.small img,article figure.small video,article figure.small .frame{width:25%;max-width:320px}article figure.medium img,article figure.medium video,article figure.medium .frame{width:50%;max-width:640px}article figure.large img,article figure.large video,article figure.large .frame{width:75%;max-width:960px}article figure.xlarge img,article figure.xlarge video,article figure.xlarge .frame{width:100%;max-width:1024px}article figure.type{grid-column:1/6;grid-row:1/3;height:720px;width:100vw;z-index:-1}article figure.type .wrap{overflow:hidden;position:absolute;top:0;right:0;bottom:0;width:100vw}article figure.type .wrap img{position:absolute;bottom:0;left:-480px;margin-left:var(--total-headers-width);width:2560px}@media screen and (max-width:32em){article figure.type .wrap img{width:calc(2560px / 2);margin-left:0;left:-160px}}@media screen and (max-width:56em){article figure.full-on-mobile img,article figure.full-on-mobile video,article figure.full-on-mobile .frame{width:100%!important}}article figure img,article figure video{width:100%;height:auto;display:block}article figcaption{grid-column:3/4;margin-bottom:14px}article section.header{grid-template-columns:var(--grid-col-1-width) -webkit-min-content min-content 1fr;grid-template-columns:var(--grid-col-1-width) min-content min-content 1fr;grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto;position:relative;margin-top:-66.67vh;grid-column:1/5;height:66.67vh;min-height:unset;max-height:66.67vh;border:none}article section.header>h1{visibility:hidden;grid-row:1/2}article section.header .meta{color:var(--color-text);position:-webkit-sticky;position:sticky;top:0;grid-column:3/4;grid-row:1/2}@media screen and (max-width:32em){article section.header .meta{grid-column:1/4}}article section.header .meta>ul li:before{content:""}article section.header .meta>ul>li{display:grid;grid-template-columns:-webkit-min-content 1fr;grid-template-columns:min-content 1fr}article section.header .meta>ul>li h1{grid-column:1/2}article section.header .meta>ul>li h1:after{background-color:var(--color-link-slash)}article section.header .meta>ul>li p,article section.header .meta>ul>li ul{grid-column:2/3}article section.header .meta>ul>li a{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-color:var(--color-link-border)}article section.header .preview{grid-column:4/5;grid-row:1/3;justify-self:end;-ms-flex-item-align:end;align-self:end;max-height:100%;height:100%;width:100%;overflow:hidden;position:relative;text-align:right;z-index:-1;text-align:right}@media screen and (max-width:56em){article section.header .preview{grid-column:3/5;grid-row:2/3}}@media screen and (max-width:32em){article section.header .preview{grid-column:1/5;grid-row:2/3}}article section.header .preview img{display:none;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:right bottom;object-position:right bottom;position:absolute;bottom:0;right:0}article section.header .preview img.visible{display:block}body.index a.name .svg{background-color:var(--color-bg-2)}body.index a.name .svg:hover{background-color:var(--color-bg-3)}body.index nav ul li a{color:var(--color-text-1);background-color:rgba(0,0,0,0)!important}body.index nav ul li a:hover,body.index nav ul li a.visible{color:var(--color-highlight-text)}body.index nav ul li a:hover:after,body.index nav ul li a.visible:after{background-color:var(--color-highlight-text)!important}body.index nav ul li a:before{background-color:var(--color-highlight)!important}body.index nav ul li a:after{background-color:var(--color-bg-2)!important}body.index main{top:0;height:66.67vh;right:0;position:absolute;left:var(--nav-width)}@media screen and (max-width:56em){body.index main{left:0}}body.index main .img{height:66.67vh;-webkit-mask-image:var(--mask-url);mask-image:var(--mask-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:left top;mask-position:left top;background-color:#393c45;z-index:0;position:absolute;right:0;left:0}body.index main .img.visible{background-color:var(--color-highlight);z-index:500}@media screen and (min-width:56em){article section figure img.center-with-margin{margin-left:calc(var(--nav-width)*-1);width:calc(var(--nav-width)*2)}article section figure img#antimander-logotype{width:1280px;margin-left:-192px}}