/*!
 * Damien Seguin - Technical Lead / Computational Designer / Creative Developer / Generative Artisan | https://dmnsgn.me
 * Technical Lead / Computational Designer / Creative Developer / Generative Artisan with Variable, formerly with UNIT9: computer graphics, generative art, data visualization, computational design, experiments, tools... Before growing an interest for computational design, I studied interactive development at Gobelins school in Paris.
 * Compiled: Sat Jun 21 2025 10:41:28 GMT+0100 (British Summer Time)
 * @version v156
 * @link https://dmnsgn.me
 * @copyright MIT - Damien Seguin
 */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted currentColor;text-decoration:underline dotted currentColor}b,strong{font-weight:bolder}code,kbd{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[hidden],template{display:none}:root{--easeInSine:cubic-bezier(0.470,0.000,0.745,0.715);--easeOutSine:cubic-bezier(0.390,0.575,0.565,1.000);--easeInOutQuad:cubic-bezier(0.455,0.030,0.515,0.955);--font-weight-light:300;--font-weight-regular:400;--font-weight-semi-bold:600;--font-weight-bold:700}

/*!
  Theme: GitHub Dark Dimmed
  Description: Dark dimmed theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Colors taken from GitHub's CSS
*/.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type{color:#f47067}.hljs-title{color:#dcbdfb}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#6cb6ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#96d0ff}.hljs-built_in,.hljs-symbol{color:#f69d50}.hljs-code,.hljs-comment,.hljs-formula{color:#768390}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#8ddb8c}.hljs-subst{color:#adbac7}.hljs-section{color:#316dca;font-weight:700}.hljs-bullet{color:#eac55f}.hljs-emphasis{color:#adbac7;font-style:italic}.hljs-strong{color:#adbac7;font-weight:700}.hljs-addition{background-color:#1b4721;color:#b4f1b4}.hljs-deletion{background-color:#78191b;color:#ffd8d3}*{cursor:none}:root{--font-heading:"Playfair Display",serif;--font-copy:"Inter",sans-serif;--font-mono:"Space Mono",monospace;--font-size-0:3.815rem;--font-size-1:3.052rem;--font-size-2:2.441rem;--font-size-3:1.953rem;--font-size-4:1.563rem;--font-size-5:1.25rem;--font-size-6:1rem;--font-size-7:0.8rem;--font-size-8:0.64rem;--color-white:#fff;--color-title:#1f1f1f;--color-copy:#222;--color-accent:#95171d;--color-accent-50:#c98b8e;--color-accent-30:#dfb9bc;--color-yellow:#cb9820;--color-black:#2b2119;--color-black-25:#a39179;--color-background:#cdb797;--color-light-grey:#f2f2f2;--color-grey-22:#222;--color-grey-40:#404040;--color-grey-6d:#6d6d6d;--header-size:140px}body,html{height:100%;width:100%}html{font-family:Inter,sans-serif;font-family:var(--font-copy);font-size:100%;font-weight:400;font-weight:var(--font-weight-regular);scroll-padding-top:160px;scroll-padding-top:calc(var(--header-size) + 20px)}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-color:#cdb797;background-color:var(--color-background);color:#222;color:var(--color-copy);overscroll-behavior-y:none}h1,h2,h3,h4,h5{font-weight:400;font-weight:var(--font-weight-regular);line-height:1.3;margin:0;position:relative}p{margin:0}a{color:#222;color:var(--color-copy)}.u-container{margin:0 auto;padding:0 80px;position:relative}.u-grid{grid-gap:0 20px;display:grid;grid-template-columns:repeat(8,1fr);margin:0 40px}.u-grid-lines{--g:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.05));--p:10px;--w:calc(100% + var(--p)*2);--c:8;background:var(--g) calc((var(--w)/var(--c))*1 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*1) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*2 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*3 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*3) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*4 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*4) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*5 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*5) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*6 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*6) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*7 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*7) var(--p) /1px var(--w);background-repeat:no-repeat}main:not(.Main--article){height:100%;overflow:hidden;width:100%}main+svg{display:none}.Content{height:100%}.Main-content{width:100%}.Main-content>.u-grid{grid-auto-rows:minmax(min-content,max-content);height:100%;min-height:calc(100vh - 240px);min-height:calc(100vh - var(--header-size) - 100px);padding:180px 0 60px;padding:calc(var(--header-size) + 40px) 0 60px}::-moz-selection{background-color:#dfb9bc;background-color:var(--color-accent-30)}::selection{background-color:#dfb9bc;background-color:var(--color-accent-30)}*{-webkit-tap-highlight-color:#dfb9bc;-webkit-tap-highlight-color:var(--color-accent-30)}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#f2f2f2;background-color:var(--color-light-grey)}::-webkit-scrollbar{height:7px;width:7px}::-webkit-scrollbar-thumb{background-color:#95171d;background-color:var(--color-accent)}::-webkit-media-controls-panel{background:transparent;filter:brightness(.9)}::-webkit-media-controls-panel *{box-shadow:none!important}ol,ul{font-size:1rem;font-size:var(--font-size-6);line-height:1.4;list-style-type:none;margin:0;padding:0}ol{list-style-type:decimal}ul li{text-wrap:balance;margin-left:10px;position:relative}ul:not(ol) li:before{color:#222;color:var(--color-grey-22);content:"+";left:-14px;position:absolute;top:0}p{font-size:1rem;font-size:var(--font-size-6);line-height:1.4;margin-bottom:1rem}p a,p b{font-weight:700;font-weight:var(--font-weight-bold)}figure{margin:0}blockquote{border-left:3px solid #222;border-left:3px solid var(--color-grey-22);box-sizing:border-box;margin:1.953rem 0 1.953rem -20px;margin:var(--font-size-3) 0 var(--font-size-3) -20px;padding-left:20px}blockquote p{color:var(--color-grey);display:inline;position:relative;word-break:break-word}blockquote cite{color:var(--color-accent-70);display:block}figcaption{color:#404040;color:var(--color-grey-40);font-size:.8rem;font-size:var(--font-size-7);font-weight:300;font-weight:var(--font-weight-light);margin-top:10px;text-align:center}img{vertical-align:middle}video{background-color:#fff;background-color:var(--color-white)}code,pre{background-color:#a39179;background-color:var(--color-black-25);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:.89rem;margin:0;-moz-tab-size:2;-o-tab-size:2;tab-size:2}pre{line-height:1.4;margin-bottom:1.953rem;margin-bottom:var(--font-size-3);overflow:auto;padding:15px 20px}pre,pre code{background-color:#2b2119;background-color:var(--color-black)}pre code{color:#f2f2f2;color:var(--color-light-grey)}hr{background-color:#cb9820;background-color:var(--color-yellow);border:none;height:1px;margin:10px 0}table{display:block;margin-bottom:30px;max-width:100%;overflow-x:auto;width:100%}tr:nth-of-type(odd){background-color:#c98b8e;background-color:var(--color-accent-50)}td,th{padding:5px 10px}th{background-color:#95171d;background-color:var(--color-accent);color:#f2f2f2;color:var(--color-light-grey);font-weight:600;font-weight:var(--font-weight-semi-bold)}td,th{font-size:1rem;font-size:var(--font-size-6)}td strong{font-weight:600;font-weight:var(--font-weight-semi-bold)}.Heading1,h1{text-wrap:balance;color:#95171d;color:var(--color-accent);font-family:Playfair Display,serif;font-family:var(--font-heading);font-size:1.953rem;font-size:var(--font-size-3);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.953rem;line-height:var(--font-size-3)}.Heading2,h2{text-wrap:balance;color:#1f1f1f;color:var(--color-title);font-family:Inter,sans-serif;font-family:var(--font-copy);font-size:1.563rem;font-size:var(--font-size-4);font-weight:700;font-weight:var(--font-weight-bold);position:relative}.Heading--subtitle{color:#404040;color:var(--color-grey-40);font-size:1.25rem;font-size:var(--font-size-5);font-weight:400;font-weight:var(--font-weight-regular);margin-bottom:0;margin-top:0}.Heading--subtitle:before{content:""}.Heading2--numbered:before{content:counter(Heading2Items,decimal-leading-zero) ".";left:auto;position:relative}.Heading3,h3{text-wrap:balance;font-size:1.25rem;font-size:var(--font-size-5)}.Heading4,h4{text-wrap:balance;font-family:Inter,sans-serif;font-family:var(--font-copy);font-size:1rem;font-size:var(--font-size-6);font-weight:700;font-weight:var(--font-weight-bold)}.Heading5,cite,h5{text-wrap:balance;color:var(--color-grey);font-size:1.25rem;font-size:var(--font-size-5);font-weight:600;font-weight:var(--font-weight-semi-bold)}.Link{color:var(--color-grey-33);display:inline-block;font-family:Inter,sans-serif;font-family:var(--font-copy);position:relative;text-decoration:none;transition:color .15s cubic-bezier(.47,0,.745,.715);transition:color .15s var(--easeInSine)}.Link:before{background-color:#95171d;background-color:var(--color-accent);bottom:1px;content:"";height:6px;left:0;position:absolute;transition:width .15s cubic-bezier(.47,0,.745,.715);transition:width .15s var(--easeInSine);width:0;z-index:-1}.Link:hover{color:#95171d;color:var(--color-accent);transition:color .15s cubic-bezier(.39,.575,.565,1);transition:color .15s var(--easeOutSine)}.Link:hover:before{transition:width .15s cubic-bezier(.39,.575,.565,1);transition:width .15s var(--easeOutSine);width:100%}.SectionTitle{left:-99999px;position:absolute}.Article{opacity:0;padding-bottom:60px;padding-top:180px;padding-top:calc(var(--header-size) + 40px)}.Article h1{font-size:2.441rem;font-size:var(--font-size-2);line-height:3.052rem;line-height:var(--font-size-1);margin-bottom:.64rem;margin-bottom:var(--font-size-8)}.Article .Heading2:not(.Heading--subtitle),.Article h2:not(.does-not-exist):not(.Heading--subtitle){line-height:2.441rem;line-height:var(--font-size-2);margin-bottom:.64rem;margin-bottom:var(--font-size-8)}.Article .Heading3,.Article h3:not(.does-not-exist){line-height:1.953rem;line-height:var(--font-size-3);margin-bottom:.64rem;margin-bottom:var(--font-size-8)}.Article .Heading4,.Article h4:not(.does-not-exist){line-height:1.563rem;line-height:var(--font-size-4)}.Article .Heading5,.Article h5:not(.does-not-exist){color:var(--color-grey);line-height:1.25rem;line-height:var(--font-size-5)}.Article figure{margin-bottom:1rem}.Article img,.Article video{border:1px solid #dfb9bc;border:1px solid var(--color-accent-30);box-sizing:border-box;max-width:100%;width:100%}.Article ol,.Article ul{margin:0 0 1rem;margin:0 0 var(--font-size-6)}.Article ol li,.Article ul li{margin-bottom:5px}.Article ol li,.Article p,.Article ul li{font-size:1rem;font-size:var(--font-size-6)}.Article p{word-wrap:break-word;margin-bottom:.64rem;margin-bottom:var(--font-size-8)}.Article p+figure,.Article p+video{margin-top:1.25rem;margin-top:var(--font-size-5)}.Article p+h2{margin-top:1.563rem;margin-top:var(--font-size-4)}.Article p+h3{margin-top:1.25rem;margin-top:var(--font-size-5)}.Article hr{margin:2rem 0}.Article pre,.Article video{margin-bottom:1rem;margin-bottom:var(--font-size-6)}.Article pre{padding:15px 20px}.Article iframe{background-color:#dfb9bc;background-color:var(--color-accent-30)}.Article :last-child{margin-bottom:0}.Article-content{grid-column:2/5;max-width:600px}p.ArticleMeta{color:#6d6d6d;color:var(--color-grey-6d);font-size:.8rem;font-size:var(--font-size-7);margin-top:10px}.PullQuote{border-left:none;margin:1.953rem 0;margin:var(--font-size-3) 0;padding-right:20px}.PullQuote p{font-family:Inter,sans-serif;font-family:var(--font-copy);font-size:1.953rem;font-size:var(--font-size-3);font-weight:700;font-weight:var(--font-weight-bold)}.PullQuote p:after,.PullQuote p:before{color:#95171d;color:var(--color-accent);font-family:Space Mono,monospace;font-family:var(--font-mono);font-size:3.815rem;font-size:var(--font-size-0);font-style:italic;line-height:1;position:absolute}.PullQuote p:before{content:open-quote;left:-48px;top:-18px}.PullQuote p:after{bottom:-40px;content:close-quote}.Bookmark{border:1px solid #6d6d6d;border:1px solid var(--color-grey-6d);border-radius:3px;margin-bottom:1.953rem;margin-bottom:var(--font-size-3);padding:20px}.Bookmark>p{margin-top:0}.Bookmark a{font-weight:400;font-weight:var(--font-weight-regular);text-decoration:none}.Article .HeadingPermalink:hover,.Article h2:hover .HeadingPermalink,.Article h3:hover .HeadingPermalink{opacity:1}.HeadingPermalink{color:#95171d;color:var(--color-accent);font-size:.8rem;font-size:var(--font-size-7);font-weight:400;font-weight:var(--font-weight-regular);left:-20px;opacity:0;padding:0 7px;position:absolute;text-decoration:none;vertical-align:middle}.Background{background-color:transparent;height:100%;left:0;top:0;width:100%}.Background,.Background-title{pointer-events:none;position:fixed}.Background-title{font-size:min(9.313rem,8vw);font-weight:var(--font-weight-regular);margin:0;right:38px;text-transform:uppercase;top:calc(var(--header-size) + 90px);transform:translate3d(0,-50%,0)}.Background-title:before{display:none}.Header{background-color:var(--color-background);background-image:linear-gradient(0,transparent,var(--color-background));padding:30px 0;pointer-events:none;position:fixed;width:100%;z-index:2}.Header a{pointer-events:auto}.Header.show .Header-content:after{transform:translate3d(0,0,0);width:100%}.Header.show .Header-name a{line-height:1.25;text-decoration:none}.Header.show .Header-name span{opacity:1;transition:opacity .5s var(--easeInOutQuad)}.Header.show .Header-role span{opacity:1;transform:translate3d(0,0,0);transition:opacity .45s var(--easeOutSine),transform .45s var(--easeOutSine)}.Header.show .Header-role span:first-of-type{transition-delay:.25s}.Header.show .Header-role span:nth-of-type(2){transition-delay:.4s}.Header.show .Header-role span:nth-of-type(3){transition-delay:.55s}.Header.show .Navigation ul a{opacity:1;transform:translate3d(0,0,0);transition:color .15s var(--easeInSine),opacity .4s var(--easeOutSine),transform .4s var(--easeOutSine)}.Header.show .Navigation ul li:first-of-type a{transition:color .15s var(--easeOutSine),opacity .4s .8s var(--easeOutSine),transform .4s .8s var(--easeOutSine)}.Header.show .Navigation ul li:nth-of-type(2) a{transition:color .15s var(--easeOutSine),opacity .4s .95s var(--easeOutSine),transform .4s .95s var(--easeOutSine)}.Header.show .Navigation ul li:nth-of-type(3) a{transition:color .15s var(--easeOutSine),opacity .4s 1.1s var(--easeOutSine),transform .4s 1.1s var(--easeOutSine)}.Header.show .Social a svg{opacity:1;transform:translate3d(0,0,0)}.Header.show .Social li:first-of-type a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.1s var(--easeOutSine),transform .4s 1.1s var(--easeOutSine)}.Header.show .Social li:nth-of-type(2) a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.25s var(--easeOutSine),transform .4s 1.25s var(--easeOutSine)}.Header.show .Social li:nth-of-type(3) a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.4s var(--easeOutSine),transform .4s 1.4s var(--easeOutSine)}.Header.show .Social li:nth-of-type(4) a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.55s var(--easeOutSine),transform .4s 1.55s var(--easeOutSine)}.Header.show .Social li:nth-of-type(5) a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.7s var(--easeOutSine),transform .4s 1.7s var(--easeOutSine)}.Header.show .Social li:nth-of-type(6) a svg{transition:color .15s var(--easeOutSine),opacity .4s 1.85s var(--easeOutSine),transform .4s 1.85s var(--easeOutSine)}.Header.show+.Article{opacity:1;transition:opacity .4s 1.1s var(--easeOutSine)}.Header-content{align-items:center;position:relative}.Header-content:after{background-color:var(--color-grey-22);bottom:-30px;content:"";height:1px;position:absolute;transition:width 2s var(--easeInOutQuad);width:0}.Header-me{grid-column:1/2}.Header-name{font-family:var(--font-copy);font-size:var(--font-size-3);font-weight:var(--font-weight-regular);margin-bottom:0;margin-top:0;position:relative;text-transform:uppercase}.Header-name span{color:var(--color-grey-40);display:block;opacity:0}.Header-name span:first-line{letter-spacing:-.75px}.Header-role{font-size:var(--font-size-6);font-weight:var(--font-weight-regular);grid-column:2/5;line-height:var(--font-size-4);margin:0;overflow:hidden;padding:0;position:relative}.Header-role span{color:var(--color-grey-40);display:block;opacity:0;transform:translate3d(-100%,0,0)}.Navigation{grid-column:5/6}.Navigation ul{line-height:var(--font-size-4);list-style-type:none}.Navigation ul li{margin-left:0;overflow:hidden;text-transform:uppercase}.Navigation ul li a{opacity:0;transform:translate3d(0,10px,0)}.Navigation ul li a.active{color:var(--color-accent)}.Social{grid-column:7/9;justify-self:end;z-index:6500}.Social ul{display:flex;list-style-type:none}.Social li{align-items:center;display:flex;height:28px;margin-left:10px;overflow:hidden;width:28px}.Social li:first-of-type{margin-left:0}.Social a{padding:16px 0}.Social svg{height:15px;opacity:0;transform:translate3d(0,10px,0);transition:color .15s var(--easeInSine)}.Footer{bottom:0;padding:70px 0;pointer-events:none;position:fixed;width:100%;z-index:2}.Footer:before{bottom:0;content:"";height:100%;left:0;position:absolute;transform:translate3d(0,0,0);transform-origin:bottom center;transition:transform .1s .1s var(--easeInSine);width:100%}.Footer a{pointer-events:auto}.Footer-content{align-items:center;display:flex;justify-content:space-between}.Works{counter-reset:items;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.Works.show{pointer-events:auto}.Works .WorkItem-title{font-size:var(--font-size-2);line-height:var(--font-size-1)}.Works .WorkItem-title:before{top:7px}.Works .WorkItem-title:after{top:28px}.Works-list{display:flex;flex-direction:column;grid-column:2/5;height:100%;position:relative;width:100%}.WorkItem{box-sizing:border-box;counter-increment:items;line-height:1.4;margin-bottom:60px;opacity:0;width:100%}.WorkItem--sketch .WorkItem-link{display:flex;justify-content:space-between}.WorkItem--blog,.WorkItem--sketch{max-width:600px;position:relative}.WorkItem--blog:after,.WorkItem--sketch:after{background-color:var(--color-grey-6d);bottom:-20px;content:"";height:1px;left:0;position:absolute;transition:width 2s var(--easeInOutQuad);width:100%}.WorkItem--blog .ArticleMeta,.WorkItem--sketch .ArticleMeta{margin-bottom:10px}.WorkItem--blog:last-of-type:after,.WorkItem--sketch:last-of-type:after{display:none}.WorkItem-link{display:inline-block;position:relative;text-decoration:none;width:100%}.WorkItem-link:hover .WorkItem-title{color:var(--color-accent);transition:color .15s var(--easeOutSine)}.WorkItem-link:hover .WorkItem-title:after{background-color:var(--color-accent);content:"";height:20px;transform:scaleX(.05);transition:transform .1s var(--easeOutSine),height .15s .1s var(--easeOutSine)}.WorkItem-picture{border:20px solid var(--color-grey-22);box-shadow:inset 0 0 0 50px var(--color-light-grey);box-sizing:border-box;height:auto;margin-bottom:20px;margin-top:10px;padding:50px;width:100%}.WorkItem-detail{box-sizing:border-box;position:relative;text-align:left;transition:all .15s var(--easeInSine)}.WorkItem-title{display:inline-block;line-height:var(--font-size-2);margin:0;max-width:100%;position:relative;text-decoration:none;transition:color .15s var(--easeInSine)}.WorkItem-title:before{color:var(--color-grey-40);content:counter(items,decimal-leading-zero);font-size:var(--font-size-6);left:-29px;line-height:1.4;position:absolute;text-align:right;top:0}.WorkItem-title:after{background-color:var(--color-accent);content:"";height:1px;left:-30px;position:absolute;top:21px;transform:scaleX(1);transition:height .15s var(--easeInSine),transform .1s .15s var(--easeOutSine);width:20px;z-index:-1}.WorkItem-subtitle{color:var(--color-grey-6d);font-weight:var(--font-weight-light);margin-bottom:10px}.WorkItem-description{margin-bottom:20px}.WorkItem-description,.WorkItem-tags{color:var(--color-grey-40);line-height:1.4}.WorkItem-tags{font-size:var(--font-size-8);padding-top:20px;position:relative;text-transform:uppercase}.WorkItem-tags:before{background-color:var(--color-grey-6d);content:"";height:1px;left:0;position:absolute;top:0;width:40px}.Works-Links{align-self:start;display:flex;justify-content:space-between;width:100%}.Work-more{font-size:var(--font-size-7);margin-bottom:0}.Work-more a{opacity:0}.Sketch-column{box-sizing:border-box;width:calc(50% - 20px)}.Sketch-gif{transform:translate3d(0,0,0);vertical-align:middle;width:100%}.Blog{counter-reset:items;display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.Blog.show{pointer-events:auto}.Blog .WorkItem-title{margin-bottom:var(--font-size-8)}.About{display:none;left:0;pointer-events:none;position:absolute;top:0;width:100%}.About.show{pointer-events:auto}.About .Link{display:inline;min-width:48px}.About .Heading1{margin-bottom:10px}.AboutItem{grid-column:2/5;margin-bottom:20px;max-width:600px;opacity:0}.AboutBlock{box-sizing:border-box;width:100%}.AboutLink{font-family:var(--font-copy);position:relative;text-decoration:none;transition:all .15s var(--easeInSine)}.AboutLink:hover{padding-right:5px;transition:all .15s var(--easeOutSine)}.AboutLink:after,.AboutLink:before{content:"";position:relative}.AboutLink--github:before{content:"Get"}.AboutLink--github:hover:before{content:"Git"}.AboutLink--github:hover:after{content:"Hub"}.AboutLink--linkedin:hover:before{content:"Linked"}.AboutLink--twitter:before{content:"Touch"}.AboutLink--twitter:hover:before{content:"T"}.AboutLink--twitter:hover:after{content:"witter"}.ClientsList{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.ClientsList-logo{display:flex;text-align:center}.ClientsList-logo svg{max-height:50px;max-width:70px;overflow:visible;overflow:initial}.Links{counter-reset:items;display:none;left:0;pointer-events:none;position:absolute;top:0;width:100%}.Links.show{pointer-events:auto}.Links .WorkItem{margin-bottom:20px}@media screen and (max-width:1024px){.u-grid{grid-gap:0 10px;grid-template-columns:repeat(4,1fr);margin:0 20px}.u-grid-lines{--p:5px;--c:4;background:var(--g) calc((var(--w)/var(--c))*1 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*1) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*2 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*3 - var(--p)*2) var(--p) /1px var(--w),var(--g) calc((var(--w)/var(--c))*3) var(--p) /1px var(--w);background-repeat:no-repeat}.Article,.Main-content.Main-content>.u-grid{padding:147px 0 60px}.About-description,.AboutItem,.Article-content,.Sketch-column,.Works-list{grid-column:1/5;max-width:none}.Header{padding:20px 0}.Header-content:after{bottom:-20px;transition:width 1.5s var(--easeInOutQuad)}.Header-role{display:none}.Header-me{grid-column:1/2}.Navigation{grid-column:3/5;text-align:right}.Social{background-color:var(--color-background);bottom:0;box-sizing:border-box;left:0;padding:10px 20px;position:fixed;width:100%}.Social:before{background-color:var(--color-grey-22);content:"";height:1px;left:20px;position:absolute;top:0;width:calc(100% - 40px)}.Background-title,.Footer:before{display:none}.WorkItem{margin-bottom:40px}.WorkItem-title{font-size:var(--font-size-3)}.WorkItem-title:after,.WorkItem-title:before{display:none}.Works-Links{display:block;margin-left:0;width:100%}.Work-more{width:100%}.WorkItem-picture{margin-left:0;padding:30px;width:100%}.WorkItem--sketch .WorkItem-link{flex-direction:column}.Sketch-gif{margin-top:10px}.Sketch-column{width:100%}.WorkItem-detail,.WorkItem-subtitle{overflow:hidden;text-overflow:ellipsis}.WorkItem-detail{width:100%}}@media screen and (max-width:768px){.Header{background-color:var(--color-background)}.Social a{min-width:48px}}@media screen and (max-width:320px){.u-grid{grid-template-columns:repeat(2,1fr)}.u-grid-lines{background:none;background-repeat:no-repeat}.Header-role{bottom:7px;left:0;position:fixed;text-align:center;width:100%}.Social{width:100%}.Social ul{justify-content:space-between;width:100%}.Social ul li{margin:0;text-align:center;width:25%}}
/*# sourceMappingURL=main.6922f38063bd6e4c.css.map*/