:root{--color: #162933;--background: #162933;--big-font: 1.4em}@media (min-width: 1200px){:root{--big-font: 2.4em}}@media (min-width: 1600px){:root{--big-font: 3.1em}}html{overflow-x:hidden;scroll-behavior:smooth}body{margin:0;font-family:"Muli","Helvetica Neue",Arial,sans-serif;font-size:16px;color:#162933;word-wrap:break-word;background:#162933}@media (min-width: 1200px){body{font-size:18px}}@media (min-width: 1600px){body{font-size:20px}}h2,h3,h4,h5,h6{font-family:"Space Mono",monospace;color:var(--color)}p,ol,ul{line-height:1.6}hr{border-color:#ddd;border-width:1px 0 0;border-style:solid;margin:6vw}a{color:var(--color)}a:visited{color:var(--color)}blockquote{margin:0}blockquote p{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 2em}.button{font-weight:800;padding:.6em 1em;font-size:1em;font-family:"Space Mono",monospace;display:inline-block;background:transparent;color:var(--color);border:0.15em solid var(--color);text-decoration:none;border-radius:.3em;float:right}.button:hover{background:var(--color);color:white}.button--special:hover{color:var(--background, white)}.button:active{-webkit-transform:scale(0.95);-ms-transform:scale(0.95);transform:scale(0.95)}.you{text-align:right;padding:1em;margin:.5em 0;background:-o-linear-gradient(295deg, #e4485b, #f17a7e);background:linear-gradient(155deg, #e4485b, #f17a7e);color:white;border-radius:1em 1em .25em 1em;display:inline-block;float:right;max-width:33rem;line-height:1.5}.you::after{clear:both;display:block;content:""}.me{padding:1em;margin:.5em 0;border-radius:1em 1em 1em .25em;display:inline-block;border:1px solid #162933;border-color:var(--color, #162933);color:var(--color, #162933);max-width:33rem;line-height:1.5}.me::after{clear:both;display:block;content:""}@media (min-width: 768px){.me{margin-right:30%}}@media (min-width: 1600px){.me{margin-right:50%}}.external::after{content:"➚";display:inline-block;font-size:0.7em;border:1.5px solid #006;border-color:inherit;padding:0 0px 0.6em 0.2em;width:0.4em;height:0em;line-height:0;font-weight:bold;margin-left:0.8ch;vertical-align:middle;text-shadow:0 2px 0 white, -2px 0 0 white}.title{background:var(--background, #e4485b);color:var(--color, white);padding:12vw;font-size:var(--big-font);font-family:"Space Mono",monospace;line-height:1.2}@media (min-width: 768px){.title{padding:9vw 12vw}}.title__heading{margin-bottom:.3em}.title__category{font-size:1.2rem;opacity:.5}main{background:#162933}.intro{padding:18vw 10vw 12vw;-webkit-box-shadow:10rem 9vw 0 #fee1c2;box-shadow:10rem 9vw 0 #fee1c2;position:relative;z-index:5}@media (min-width: 768px){.intro{padding:3vw 10vw 3vw}}.intro__text{font-weight:900;max-width:28ch;line-height:1.3;color:white;text-align:left;font-size:calc(var(--big-font) * 1.5);font-family:"Space Mono",monospace}.intro__butt{margin-bottom:8%;text-align:center}.intro__butt .me{text-align:left;margin-right:0}.intro__butt .me,.intro__butt .you{display:block;float:none;margin-top:0;margin-bottom:1em}.intro__butt .you{background:#162933;border:0.1em #e4485b solid}@media (min-width: 768px){.intro__butt{float:right;margin:0}.intro__butt .me,.intro__butt .you{max-width:25.5vw;-webkit-box-sizing:border-box;box-sizing:border-box}}.intro__button{text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:1em}.intro__button:hover{color:#162933}@media (min-width: 768px){.intro__button{max-width:25.5vw}}.intro__link{font-family:"Space Mono",monospace;margin:1em 0 0;color:white;opacity:.6;display:block;text-align:center}.intro__link:hover{opacity:1}.intro__portrait{width:90vw;margin:0 0 6vw -10vw}@media (min-width: 768px){.intro__portrait{float:left;width:60vw}}@media (min-width: 1200px){.intro__portrait{margin-bottom:-12vw}}.intro__part{-webkit-transition:all 500ms ease-out;-o-transition:all 500ms ease-out;transition:all 500ms ease-out;position:relative;top:0}.intro__text-link,.intro__text-link:visited{color:white}.intro::after{clear:both;display:block;content:""}.delayed{opacity:0;top:.5em}.conversation{background:#fee1c2;padding:6vw;position:relative;-webkit-clip-path:inset(0);clip-path:inset(0);margin-top:-1px}@media (min-width: 768px){.conversation{padding:12vw 6vw 12vw 36vw}}.conversation.hidden{display:none}.why-i-design{height:470vh}.why-i-design.hidden{display:none}.love-level{background:#e4485b;color:rgba(255,255,255,0.85);top:var(--start-pos);--start-pos: 70vh;position:-webkit-sticky;position:sticky;height:100vh;width:100vw;-webkit-box-sizing:border-box;box-sizing:border-box}.love-level__pre{background:white;border:0.2em solid #e4485b;margin:0;padding:6vw;color:#e4485b;font-size:calc(var(--big-font) * 2);font-family:"Space Mono",monospace;height:71vh;-webkit-box-sizing:border-box;box-sizing:border-box;position:-webkit-sticky;position:sticky;top:0}.love-level:nth-of-type(2){background:#df273d;--start-pos: 77.5vh;margin-top:-92.5vh}.love-level:nth-of-type(3){background:#c31d31;--start-pos: 85vh;margin-top:-92.5vh}.love-level:nth-of-type(4){background:#a11829;--start-pos: 92.5vh;margin-top:-92.5vh}.love-level__head{color:white;padding:2vh 6vw;margin:0;background:inherit;font-size:1rem}@media (min-width: 768px){.love-level__head{padding:4vh 6vw;font-size:1.5rem}}.love-level__descr{max-width:40rem;padding:6vw;margin:0}.love__button,.love__button:visited{background:none;color:white;border-color:white;margin:0 6vw 6vw}.portfolio{background:var(--background, #162933)}.portfolio--other{padding:7.2vw 6vw 9vw;padding-left:2vw;padding-bottom:6vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.portfolio--other:nth-of-type(3){padding-top:12vw}.portfolio--other:nth-of-type(5){padding-bottom:0}@media (min-width: 768px){.portfolio--other{padding-bottom:2vw}}.portfolio__industrial{background:var(--background);padding:10vw 10vw 4vw 5vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.portfolio__industrial>*{margin-left:5vw;margin-bottom:6vw}@media (min-width: 1200px){.portfolio__industrial:first-child{padding-top:18vw}}.portfolio__image{width:15em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-shadow:0 1em 4em rgba(0,0,0,0.4);box-shadow:0 1em 4em rgba(0,0,0,0.4);-webkit-transition:-webkit-transform 150ms ease-out;transition:-webkit-transform 150ms ease-out;-o-transition:transform 150ms ease-out;transition:transform 150ms ease-out;transition:transform 150ms ease-out, -webkit-transform 150ms ease-out}.portfolio__image img{width:100%;height:auto;display:block;margin-bottom:-1px}@media (min-width: 1200px){.portfolio__industrial:hover .portfolio__image{-webkit-transform:perspective(300px) rotateY(calc(var(--mapped-x) * 7deg)) rotateX(calc(var(--mapped-y) * 7deg));transform:perspective(300px) rotateY(calc(var(--mapped-x) * 7deg)) rotateX(calc(var(--mapped-y) * 7deg))}}.portfolio__category{font-size:1.2em}.portfolio__category a{text-decoration:none;opacity:.5}.portfolio__description{font-size:var(--big-font);font-weight:900;line-height:1.2;width:70vw;max-width:24ch}.portfolio__description a{text-decoration:none}.portfolio__about-cat,.portfolio__item{width:12rem;-webkit-box-flex:1.2;-ms-flex-positive:1.2;flex-grow:1.2;margin-left:4vw;margin-bottom:6vw;-ms-flex-item-align:start;align-self:flex-start}.portfolio__about-cat :first-child,.portfolio__item :first-child{margin-top:0}.portfolio__conversation{max-width:30ch;margin:0}.portfolio__item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:24rem;position:relative;background-size:cover;background-color:#e4485b;background-position:top center;margin-bottom:6vw;-webkit-transition:-webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;transition:-webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;-o-transition:box-shadow 150ms ease-out, transform 150ms ease-out;transition:box-shadow 150ms ease-out, transform 150ms ease-out;transition:box-shadow 150ms ease-out, transform 150ms ease-out, -webkit-box-shadow 150ms ease-out, -webkit-transform 150ms ease-out;-webkit-box-shadow:inset 0 -11em 6em -6em #e4485b,0 0.5em 1.5em rgba(0,0,0,0.2);box-shadow:inset 0 -11em 6em -6em #e4485b,0 0.5em 1.5em rgba(0,0,0,0.2)}.portfolio__item::before{padding-top:158.5%;content:"";display:block;background:rgba(228,72,91,0.5);-webkit-transition:background 150ms ease-out;-o-transition:background 150ms ease-out;transition:background 150ms ease-out}.portfolio__item:hover{-webkit-box-shadow:inset 0 -12em 6em -6em rgba(228,72,91,0.7),0 0.5em 3.5em rgba(0,0,0,0.3);box-shadow:inset 0 -12em 6em -6em rgba(228,72,91,0.7),0 0.5em 3.5em rgba(0,0,0,0.3);-webkit-transform:translateY(-0.2em);-ms-transform:translateY(-0.2em);transform:translateY(-0.2em)}.portfolio__item:hover::before{background:none}.portfolio__title{color:white;position:absolute;bottom:0;margin:10%;text-shadow:0 0.05em 0.1em rgba(0,0,0,0.5)}.portfolio__title a{text-decoration:none}.section-head{width:100%;margin:6vw;margin-top:3vw;margin-left:10vw;font-size:calc(1.5 * var(--big-font));text-align:center;color:var(--color, #162933);line-height:1.2}@media (min-width: 768px){.section-head--overlap{font-size:calc(2.5 * var(--big-font));margin:3vw 0 -.25em 4vw}}.illustration{position:fixed;top:50%;right:70vw;width:20vw;margin-top:-10vw}.contact{--color: white;background:#e4485b;padding:6vw;padding-left:2vw;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;color:var(--color)}.contact .me{border-color:var(--color);color:var(--color)}.contact__option{width:15em;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-left:4vw}.contact__link{font-family:"Space Mono",monospace;text-decoration:none}.contact__link:hover{text-decoration:underline}.contact__addition{font-family:"Space Mono",monospace;margin:.1em .2em .4em;display:inline-block;background:rgba(0,0,0,0.5);-webkit-box-shadow:0 0 0 0.2em rgba(0,0,0,0.5);box-shadow:0 0 0 0.2em rgba(0,0,0,0.5);padding:0 .2em;border-radius:.1em;opacity:.7}.default+.contact{padding-top:12vw;margin-top:-12vw}footer{overflow:hidden;background:#eee;text-align:center;color:#999}.footer__colofon{margin:6vw}.project{background:white;padding:6vw 0}.project p,.project ul,.project ol,.project h2,.project h3{width:88vw;max-width:38rem;margin:1em auto;-webkit-box-sizing:border-box;box-sizing:border-box}.project h2{position:relative;margin-top:6vw;line-height:1.2}.project h2::before{content:"The case:";display:block;opacity:.4}@media (min-width: 1200px){.project h2::before{left:-16rem;position:absolute;text-align:right;width:15rem}}.project h2:nth-of-type(2)::before{content:"The solution:"}.project h2:nth-of-type(3)::before{content:"My role:"}.project li{margin:.8em 0}.project__picture-group{overflow-x:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin:6vw 0;background:#162933;padding:0 1em;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.project__picture-group--light{background:transparent;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center}.project__picture-group+hr{display:none}.project__picture-group.project__picture-group:last-child{margin-bottom:-6vw}.project__picture{margin:2em 1em;display:inline-block}.project__picture:last-child{padding-right:2em}.project__image{width:auto;height:auto;max-width:100vw;max-height:70vh;display:block}.project__caption{display:block;padding:1em 0 .5em;opacity:.8;color:white;font-size:.9em;max-width:60ch;text-align:left}.project__picture-group--light .project__picture:last-child{margin:2em 0 1em;padding:0}.project__picture-group--light .project__caption{color:#162933;margin:auto;padding-left:6vw;padding-right:6vw}@media (min-width: 768px){.project__picture-group--light .project__caption{padding-left:1em;padding-right:1em}}.full-width__picture{overflow:auto;margin:6vw 0}.full-width__image{max-height:60vh;width:auto}.full-width__caption{padding:1em;font-size:.9em;opacity:.8}.prevnext{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.prevnext__item{display:block;padding:6vw;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:10em;font-family:"Space Mono",monospace;text-decoration:none;color:var(--color, #fff);background:var(--background, #162933)}.prevnext__item:nth-of-type(2){text-align:right}.prevnext__item:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.prevnext__title{font-size:calc(var(--big-font) / 1.2);font-weight:900;display:block;line-height:2}.prevnext__category{opacity:0.5}.page{background:white;padding-top:6vw;padding-bottom:6vw}.page p,.page ul,.page ol,.page h2,.page h3{width:88vw;max-width:38rem;margin:1em auto}