@media(max-width:35.9875em){body.debug *{outline:1px dotted pink}}@media(min-width:36em)and (max-width:47.9875em){body.debug *{outline:1px dotted #f0f}}@media(min-width:48em)and (max-width:61.9875em){body.debug *{outline:1px dotted orange}}@media(min-width:62em)and (max-width:74.9875em){body.debug *{outline:1px dotted blue}}@media(min-width:75em){body.debug *{outline:1px dotted red}}.text-right{text-align:right}.text-center{text-align:center}.svg{position:relative}.svg svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@font-face{font-family:iA Writer Duospace;font-weight:400;font-style:normal;src:url(/_next/static/media/iAWriterDuospace-Regular.aa522ec9.eot) format("embedded-opentype"),url(/_next/static/media/iAWriterDuospace-Regular.64279819.woff2) format("woff2"),url(/_next/static/media/iAWriterDuospace-Regular.262d01b7.woff) format("woff")}@font-face{font-family:HEX-Regular;font-weight:400;font-style:normal;src:url(/_next/static/media/hex-regular-webfont.42fe936a.woff2) format("woff2"),url(/_next/static/media/hex-regular-webfont.b4a8feee.woff) format("woff")}@font-face{font-family:hexregular;src:url(/_next/static/media/hex-regular-webfont.42fe936a.woff2) format("woff2"),url(/_next/static/media/hex-regular-webfont.b4a8feee.woff) format("woff");font-weight:400;font-style:normal}*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{font-style:normal;line-height:inherit}address,dl,ol,ul{margin-bottom:1rem}dl,ol,ul{margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg:not(:root){overflow:hidden}table{border-collapse:collapse}caption{text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}input:-webkit-autofill,input:-webkit-autofill:focus{-webkit-transition:background-color 600000s 0s,color 600000s 0s;transition:background-color 600000s 0s,color 600000s 0s}input[data-autocompleted]{background-color:transparent!important}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}html{font-size:66.5%}@media(max-width:47.9875em){html{font-size:59.5%}}body{font-smooth:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.8rem;font-family:iA Writer Duospace,monospace;line-height:1.7em;font-weight:400;font-display:auto!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{display:block;line-height:1.25em!important}.h1,h1{line-height:1em!important;font-size:5.2rem;margin:1.2rem 0 3.2rem}.h1,.h2,h1,h2{font-weight:400!important}.h2,h2{font-size:4rem;margin:1.2rem 0 1.6rem}.h3,h3{font-size:3rem;margin:1.6rem 0}.h4,h4{margin:.4rem 0 1.2rem;font-weight:700}.h4,.lead,h4{font-size:2.3rem}.lead{margin:0 0 2.4rem;color:#c4c4c4}.lead,.lead *{position:relative}.lead:hover:before{opacity:1}.lead:before{transition:.3s;opacity:.3;content:"3rem ";color:pink;background-color:#000;position:absolute;top:auto;right:100%;bottom:100%;left:auto;font-size:13px!important;line-height:15px!important;height:15px!important;min-height:15px!important;font-weight:400!important;border-radius:2px!important;display:block!important;padding:0 5px!important;font-family:sans-serif!important}mark{display:block}strong{font-weight:700}p,strong{font-size:1.8rem}p{line-height:1.7em}.small{font-size:1.4rem}@media(min-width:36em){.wrap{margin:0 4%}}.wrap{padding-left:1.5rem;padding-right:1.5rem;position:relative}section{padding-bottom:3rem;margin-bottom:3rem}@media(min-width:48em){section{padding-bottom:6rem;margin-bottom:6rem}}section:first-child{padding-top:9rem}@media(min-width:36em){section:first-child{padding-top:15rem}}section.featured{position:relative;overflow:hidden;height:80vh}section.dark{background-color:#000}main{min-height:100vh}.row{display:block!important;transition:.2s}.col{flex:1 1}@media(max-width:47.9875em){[class*=col-],[class*=row]{margin-bottom:4.8rem}[class*=col-]:last-child,[class*=row]:last-child{margin-bottom:0}}@media(min-width:48em){.row{display:-moz-flex!important;display:flex!important;flex-flow:row wrap;position:relative;margin-right:-1.5rem;margin-left:-1.5rem}.row,.row [class^=col]{padding-left:1.5rem;padding-right:1.5rem}.col-1{width:12.5%}.col-2{width:25%}.col-3{width:37.5%}.col-4{width:50%}.col-5{width:62.5%}.col-6{width:75%}.col-7{width:87.5%}.col-8{width:100%}.push-1{margin-left:12.5%}.push-2{margin-left:25%}.push-3{margin-left:37.5%}.push-4{margin-left:50%}.push-5{margin-left:62.5%}.push-6{margin-left:75%}.push-7{margin-left:87.5%}.push-8{margin-left:100%}}.mb0{margin-bottom:0}.overlay{pointer-events:none;z-index:1;position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(255,255,0,.3);display:none}body.ds-grid .overlay{display:block!important;z-index:99999999999999}.grid{height:100vh;pointer-events:none}.grid div[class^=col]{height:100vh;outline:1px solid rgba(255,0,255,.4);background-color:rgba(255,0,255,.4)}.grid div[class^=col]:first-child:before{content:"1";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(2):before{content:"2";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(3):before{content:"3";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(4):before{content:"4";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(5):before{content:"5";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(6):before{content:"6";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(7):before{content:"7";background-color:rgba(0,0,255,.2);display:block;height:100vh}.grid div[class^=col]:nth-child(8):before{content:"8";background-color:rgba(0,0,255,.2);display:block;height:100vh}#design{max-width:900px;margin-right:auto!important;margin-left:auto!important}#design heading{display:block;font-size:1.4rem;text-transform:uppercase;letter-spacing:2px;padding:1.5rem 0;margin-bottom:3rem}iframe.ds-embed{border:0;width:100%;height:400px}code,kbd,pre,samp{font-family:iA Writer Duospace,monospace}.highlight{font-size:.9em;line-height:1.5em;color:#fff;background-color:#f2f2f2}.highlight ::selection{background-color:rgba(0,0,0,.3);color:#777}.highlight table td{padding:5px 10px}.highlight table pre{margin:0}.highlight table pre.lineno{padding:0;color:hsla(0,0%,100%,.1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.highlight .gl{color:#4f4f4f}.highlight .gp{color:#7896ff;font-weight:700}.highlight .c,.highlight .c1,.highlight .cd,.highlight .ch,.highlight .cm,.highlight .cpf,.highlight .cs{color:#475366;font-style:normal}.highlight .cp{color:#44df6f;font-weight:400}.highlight .err{color:#fff}.highlight .gr{color:#ff3c3c;font-weight:400;font-style:normal}.highlight .k,.highlight .kd,.highlight .kv{color:#ffda58;font-weight:700}.highlight .o,.highlight .ow{color:#4df4ff;font-weight:700}.highlight .p,.highlight .pi{color:#4df4ff}.highlight .gd{color:#ff3c3c}.highlight .gi{color:#faf6e4}.highlight .ge{font-style:normal}.highlight .gs{font-weight:400}.highlight .gt{color:#dee5e7}.highlight .kc{color:#f696db;font-weight:400}.highlight .gh,.highlight .gu,.highlight .kn,.highlight .kp,.highlight .kr{color:#edb444;font-weight:400}.highlight .kt{color:#44df6f;font-weight:400}.highlight .nc,.highlight .no{color:#44df6f;font-weight:700}.highlight .bp,.highlight .nd,.highlight .ne,.highlight .nn{color:#44df6f;font-weight:400}.highlight .nl,.highlight .nt{color:#edb444;font-weight:400}.highlight .il,.highlight .ld,.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .mx,.highlight .ss{color:#fd88ff;font-weight:400}.highlight .dl,.highlight .s,.highlight .s1,.highlight .s2,.highlight .sa,.highlight .sb,.highlight .sd,.highlight .sh,.highlight .sr,.highlight .sx{color:#ca825a;font-weight:400}.highlight .sc,.highlight .se{color:#4df4ff;font-weight:400}.highlight .si{color:#fff}.highlight .nb,.highlight .ni,.highlight .si{font-weight:400}.highlight .ni{color:#999}.highlight .go,.highlight .w{color:#bbb}.highlight .fm,.highlight .na,.highlight .nf,.highlight .py{color:#7896ff}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#7896ff;font-weight:400}.remark-code-title{margin-bottom:1px;font-weight:700;border-radius:2px}.prose pre,.remark-code-title,pre>code{background-color:#e3e3e3;font-size:1.4rem;padding:16px}.prose pre,pre>code{line-height:1.7em;display:block}.prose code,code{background-color:#e3e3e3;border-radius:2px;padding:1px 3px}.prose img{margin:0}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#727272}.token.punctuation{color:#ff00ae}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#00ac00;font-weight:700}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:purple}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#00b7ff}.token.atrule,.token.attr-value,.token.keyword{color:blue}.token.class-name,.token.function{color:#000}.token.important,.token.regex,.token.variable{color:#9acd32}code[class*=language-],pre[class*=language-]{color:#3b3b3b}pre::-webkit-scrollbar{display:none}pre{-ms-overflow-style:none;scrollbar-width:none}.navLinks,.subscribeForm,main{transition:.2s;margin-right:auto!important;margin-left:auto!important;max-width:133rem;display:block;padding:0 1.5rem}.pt1{padding-top:3rem}.pt2{padding-top:6rem}.pt3{padding-top:9rem}.pt4{padding-top:12rem}.pt5{padding-top:15rem}.pb05{padding-bottom:1.5rem}.pb1{padding-bottom:3rem}.pb2{padding-bottom:6rem}.pb3{padding-bottom:9rem}.pb4{padding-bottom:12rem}.pb5{padding-bottom:15rem}html{height:100%}@media(min-width:36em){html{font-size:53%}}html{font-size:45%}body{background-color:#f2f2f2;color:#1d1d1d;position:relative;height:100%;overflow:auto;font-size:100%}body,ul{margin:0}ul{padding:0}li{list-style-type:none}li>a{border-bottom:1px solid rgba(255,0,255,.4)}li>a:hover{border-bottom:none}a{color:#000;text-decoration:none;transition:.1s}a:hover{color:rgba(255,0,255,.4)}main{margin:0 auto}main.NFT{max-width:900px}main.DSGN{padding-top:6rem;min-height:auto}.post-title{font-weight:400;font-family:hexregular,iA Writer Duospace,monospace}.post-title a{text-decoration:none;font-weight:400;border-bottom:1px solid rgba(255,0,255,.4)}.post-title a:hover{border-bottom:1px solid transparent}::selection{background-color:rgba(0,0,255,.2);color:#000}.subscribeForm{display:block;margin:6rem}@media(min-width:36em){.subscribeForm{padding:3rem}}.subscribeWrap{display:-moz-flex!important;display:flex!important}.subscribeWrap input.textInput{flex-grow:1;padding:.5em .6em;min-width:100px}.subscribeWrap button.btn{padding:.5em 1em}button.btn,input.textInput{font-family:hexregular,iA Writer Duospace,monospace;font-size:2.2rem;border:none;transition:.1s;border-radius:2px}button.btn{font-weight:500;background-color:#1d1d1d;color:#fff;cursor:pointer;outline:none}button.btn:hover{background-color:rgba(255,0,255,.4)}input.textInput{background-color:#fff;outline-style:none;box-shadow:none;border:2px solid transparent}input.textInput:hover{border-color:rgba(255,0,255,.4)!important}.postMeta{font-size:1.4rem}.postMeta,.postTag{font-weight:700;display:inline-block}.postTag{background-color:#e1e1e1;padding:1px 3px;border-radius:2px}.postTag:before{content:"#"}.navBar.pink{position:absolute;top:0;left:0;right:0;z-index:1}.navBar{padding:1.5rem;background-color:#fff}.navLinks{padding:0}@media(min-width:75em){.navLinks{padding:0 3rem}}.navLinks li{font-size:1.8rem;display:inline-block;padding-right:3rem}.navLinks li a{font-family:hexregular,iA Writer Duospace,monospace;text-decoration:none;border-bottom:1px solid rgba(255,0,255,.4)}.navLinks li a:hover{border-bottom:1px solid transparent}.message{font-size:1.4rem}.siteFooter{background-color:#fff;padding:1.5rem 0}::-webkit-scrollbar{width:3px;height:3px;border-radius:1px}::-webkit-scrollbar-thumb{background:#fff;border-radius:1px}::-webkit-scrollbar-track{background:#000;border-radius:1px}body{scrollbar-face-color:#fff;scrollbar-track-color:#000}.post-title{margin-top:6px}.articleList{padding-top:6rem}.articleList li{display:block;margin-bottom:12rem}header.postHeader{position:relative;top:0;left:0;right:0;z-index:0;padding-top:60px}header.postHeader h1{margin-bottom:1.5rem}header.postHeader{text-align:center;padding-bottom:3rem;background-image:url(/_next/static/media/g.5651c425.svg);background-size:200px auto}header.postHeader .intro{padding:1.5rem}header.postHeader .intro p{font-size:2.3rem;font-weight:700;max-width:900px}header.postHeader .intro{text-align:left;max-width:1100px;margin-right:auto!important;margin-left:auto!important}h1.postTitle{font-family:hexregular;padding-top:8px}@media(min-width:36em){h1.postTitle{font-size:5rem}}@media(min-width:48em){h1.postTitle{font-size:7rem}}@media(min-width:62em){h1.postTitle{font-size:10rem}}header.featured{padding-top:3rem}a.imageLink{display:block}a.imageLink img{border:2px solid transparent!important}a.imageLink:hover img{border-color:rgba(255,0,255,.4)!important}article p a{border-bottom:1px solid rgba(255,0,255,.4)}.project{margin-top:6rem;margin-bottom:6rem;padding-bottom:6rem;border-bottom:1px solid #d0d0d0}.project:last-child{border-bottom:0}.block{padding-top:3rem;padding-bottom:3rem;display:block}@media(min-width:36em){.block{display:-moz-flex!important;display:flex!important}}.block .c-left{padding-top:1.5rem;max-width:30%;min-width:300px}.block .c-right{flex-grow:1}.projectHeader{display:block}.projectHeader,.row{width:100%;clear:both}.row{background-color:#fff}.figmaEmbed{border:1px solid rgba(0,0,0,.1);margin-top:3rem;margin-bottom:3rem;width:100%;height:80vh;box-shadow:0 2px 6px rgba(47,49,51,.1),0 7px 33px rgba(47,49,51,.12);border-radius:6px}.projectMeta{font-size:1.5rem;display:block}.projectMeta li{line-height:170%}.tags{display:inline-block}.tags li{line-height:100%!important}.tags b{display:inline-block;background-color:rgba(255,0,255,.4);color:#1d1d1d;line-height:150%;border-radius:2px;margin-right:2px;padding:0 4px;font-weight:400}.list{font-size:1.8rem;line-height:1.7em;padding-left:1.5rem}.list li{list-style-type:square}.listPreviews li{display:block;margin-bottom:3rem;font-size:1.5em}.listPreviews li a{display:block;background-color:#fff;padding:1.5rem}.listPreviews li a:hover{color:#000;border-bottom:1px solid rgba(255,0,255,.4);background-color:rgba(255,0,255,.4)}.coverImg{background-color:#fff;padding-top:10vh;padding-bottom:10vh;margin-bottom:6rem;box-shadow:0 2px 6px rgba(47,49,51,.1),0 7px 33px rgba(47,49,51,.12);border-radius:6px}.coverImg>*{max-width:200px;margin-left:auto!important;margin-right:auto!important}.secNav{display:block}.secNav li{display:inline-block;vertical-align:middle;margin-right:20px;font-size:1.8em}.pg404{max-width:600px}.yarl__button{border-width:0!important;outline:1px solid rgba(0,0,0,.05)!important;margin:0 3px!important;border-radius:2px!important;padding:5px!important;background-color:#fff!important}.yarl__button:hover{outline:1px solid rgba(0,0,0,.15)!important}.yarl__root{--yarl__color_backdrop:hsla(0,0%,100%,.5);--yarl__color_button:rgba(0,0,0,.6);--yarl__color_button_disabled:rgba(0,0,0,.4);--yarl__color_button_active:rgba(0,0,0,.95);--yarl__button_filter:drop-shadow(1px 1px 0px rgba(0,0,0,.1))}.rowpost{display:-moz-flex!important;display:flex!important;display:grid;flex-direction:row;flex-wrap:wrap}.post>a{display:block;background-color:#fff;padding:3rem;border-radius:13px;height:100%}.post>a:hover{color:#1d1d1d;box-shadow:0 2px 6px rgba(47,49,51,.1),0 7px 33px rgba(47,49,51,.12)}.post>a span{display:block;font-weight:200;font-size:medium}.post{padding:3rem 0}@media(max-width:35.9875em){.post:first-child{padding-top:0}}@media(min-width:36em){.post{width:50%;padding:1.5rem}}.post{width:100%}.post h4{font-weight:100}.lightboxFooter{position:absolute;padding:0 20px;bottom:8px;left:50%;transform:translateX(-50%);background-color:#f0c;color:blue;border:1px solid red;border-radius:8px}.lightboxControls{cursor:pointer;background-color:#1d1d1d;color:#fff;border:none;padding:6px 8px;font-size:2em;margin:10px;border-radius:2px}.lightboxControls:focus{outline:none}.lightboxControls:hover{background-color:rgba(255,0,255,.4);color:#1d1d1d}