body{margin:0;position:absolute;width:100%;height:100%}canvas{width:100%;height:100%;position:fixed;top:0;left:0}@media screen and (max-width:768px){canvas{display:none}}#canvasContainer{position:fixed}@font-face{font-family:deservedregular;src:url(/cc0e0fa76ff2cc9baecd5b0c9f34a6981fee21cb/5efdf/fonts/deserved-regular-webfont.woff2) format('woff2'),url(/00ecd5c255583468ddc85ed8eba489c079f1b4a0/9f1dd/fonts/deserved-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}*,::after,::before{box-sizing:border-box}:root{--ff-primary:"Klemer","deservedregular","Tan nimbus","Be Vietnam",sans-serif;--ff-seconday:"Glegoo",serif;--ff-body:"Be Vietnam",sans-serif;--fw-reg:300;--fw-bold:800;--clr-light:#ececec;--clr-dark:#030005;--clr-darkest:#111111;--clr-accent:#4b6d99;--clr-headings:#343f4b;--bs-dark:0.25em 0.25em .75em rgba(0, 0, 0, .25),0.125em 0.125em .25em rgba(0, 0, 0, .15);--bs-light:0.25em 0.25em .75em rgba(255, 255, 255, 0.25),0.125em 0.125em .25em rgba(255, 255, 255, 0.15)}@media (max-width:1643px){:root{--fs-h1:200px;--fs-h2:160px;--fs-h3:28px;--fs-h4:22px;--fs-body:16px;--fs-captions:12px}}@media (max-width:769px){:root{--fs-h1:150px;--fs-h2:120px;--fs-h3:24px;--fs-h4:20px;--fs-nav:4em;--lh-h1:6rem}}@media (max-width:490px){:root{--fs-h1:96px;--fs-h2:80px;--fs-h3:18px;--fs-body:12px}}@media (max-width:350px){:root{--fs-h1:72px;--fs-h2:56px;--fs-h3:16px}}@media (min-width:1644px){:root{--fs-h1:300px;--fs-h2:250px;--fs-h3:48px;--fs-h4:24px;--fs-body:20px;--fs-captions:12px;--fs-nav:5em;--lh-h1:6rem}}.scroll-indicator{position:absolute;bottom:-380px;width:100%;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.scroll-indicator__bar{width:2px;height:59px;background-color:#fff;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom center;transform-origin:bottom center}.darkest-bg{background:var(--clr-darkest)}html{scroll-behavior:smooth}body{background:var(--clr-darkest);color:var(--clr-light);margin:0;font-family:var(--ff-body);font-size:var(--fs-body);line-height:1.8}main{max-width:2300px;margin:0 auto;overflow:hidden}section{max-width:2300px;margin:0 auto 150px}p{border-radius:10px}img,video{display:block;max-width:100%}strong{font-weight:var(--fw-bold)}.btn{display:inline-block;padding:.5em 2.5em;background:var(--clr-accent);color:var(--clr-dark);text-decoration:none;cursor:pointer;font-size:var(--fs-h3);text-transform:uppercase;letter-spacing:2px;font-weight:var(--fw-bold);border-radius:10px;transition:transform .2s ease-in-out;position:absolute;left:35%}.btn:hover{transform:scale(1.1)}.center{position:relative;margin-top:.09em;height:4em}@media screen and (max-width:768px){.center{margin-top:10em;margin-bottom:10em}}.homepage--very-interested{margin-top:25em}@media screen and (max-width:1100px){.center__homepage{margin-top:20em}}@media screen and (max-width:768px){.center__homepage{margin-top:15em}}h1,h2{margin:0;font-family:var(--ff-primary)}h1{font-size:var(--fs-h1);font-weight:700;color:var(--clr-headings);line-height:330px}@media screen and (max-width:1101px){.portfolio__part h1{font-size:var(--fs-h1)}}h2{font-size:var(--fs-h2);color:var(--clr-headings);opacity:.8;line-height:155px}h3{font-size:var(--fs-h3);font-family:var(--ff-seconday);font-weight:var(--fw-reg);text-transform:lowercase}.section__title--plain{color:var(--clr-headings)}.section__designer--plain h3,.section__designer--plain2 h3{margin:0}@media screen and (max-width:1374px){.section__designer--plain h3,.section__designer--plain2 h3{font-size:2.5em}}@media screen and (max-width:1150px){.section__designer--plain h3,.section__designer--plain2 h3{font-size:var(--fs-h3);margin:0}}@media screen and (max-width:768px){.section__designer--plain h3,.section__designer--plain2 h3{z-index:3;position:relative}}.section__title{position:relative}.section__title--intro{font-weight:var(--fw-bold);line-height:230px}.section__title--intro strong{display:block}.intro--kk-hover:hover h1{color:#25364d}.intro--kk-hover{display:grid;grid-template-areas:"title title title title" "title2 title2 title2 title2" "title3 title3 title3 title3";grid-template-columns:1fr 1fr 1fr 1fr}@media screen and (min-width:1101px){.contribution-under1100,.intro--kk-under1100{display:none}.intro--kk-over1101{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"title title title img2" "title2 title2 title2 img2" "title3 title3 title3 img2" "img subtitle subtitle img2" "img subtitle subtitle img2";justify-items:center}.contribution-over1101{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"title title title title title" "text text text text text" "img9 img img img img" "img8 img2 img2 img7 img7"}}@media screen and (max-width:1100px){.contribution-over1101,.intro--kk-over1101{display:none}.intro--kk-under1100{display:grid;grid-template-areas:"title title title imgB" "title2 title2 title2 imgB" "title3 title3 title3 imgB" "img subtitle subtitle img2" "img subtitle subtitle imgA";grid-template-columns:1fr 1fr 1fr 1fr}.intro--kk-under1100 .section__title--intro2{margin-left:0}.intro--kk-under1100 .section__title--intro3{margin-left:.9em;text-align:unset;top:-.1em;position:relative}.intro--kk-i{position:relative;top:-.1em}.contribution-under1100{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;grid-template-areas:"title title title title title" "titleA title2 title2 title2 title2" "text text text text text" "img9 img img img img"}}@media screen and (max-width:1141px){.short-title{display:none}}.section__img{grid-area:img;position:relative}.section__subtitle{margin:0;position:relative}.section__subtitle--about,.section__subtitle--intro,.section__subtitle--left,.section__subtitle--right{background:var(--clr-accent);padding:.125em 1em;font-family:var(--ff-seconday);color:var(--clr-dark);border-radius:10px}.section__subtitle--intro,.section__subtitle--left{border-radius:0 10px 10px 0}.section__subtitle--gd,.section__subtitle--right{border-radius:10px 0 0 10px}.section__captions{font-size:var(--fs-captions);color:var(--clr-accent);position:relative}.section__link{color:var(--clr-accent);text-decoration:none}.section__link:hover{color:var(--clr-light)}header{display:flex;justify-content:space-between;padding:0 3em;background-image:url(/images/0b7beccf23b8b7bdacdfeb9daffc5a854c7752fa/watercolor.jpg);background-size:cover;background-color:var(--clr-darkest);background-position-y:-2em;position:fixed;top:0;width:100%;transition:top .3s;z-index:1000}@media screen and (max-width:768px){header{padding:0 1em}}header p a{display:flex;align-items:center;text-decoration:none;font-family:var(--ff-seconday);font-weight:var(--fw-bold);color:var(--clr-accent)}.logo{max-width:75px}@media (max-width:600px){.logo{height:50px;width:40px}}.nav{position:fixed;background:var(--clr-dark);color:var(--clr-light);top:0}.nav__link{color:inherit;font-weight:var(--fw-bold);font-size:var(--fs-nav);text-decoration:none}.nav__link:hover{color:var(--clr-dark);font-family:var(--ff-seconday)}.nav-toggle{padding:.5em;background:0 0;border:0;cursor:pointer;position:absolute;top:2em;right:120px;z-index:1000}@media screen and (max-width:768px){.nav-toggle{right:80px}}@media screen and (max-width:600px){.nav-toggle{top:0;right:50px}.nav-toggle--portfolio__item{top:2.5em}}.nav-toggle:focus{outline:0}.nav-open .nav-toggle{position:fixed}.hamburger{display:block;position:relative}.arrow-lower,.arrow-upper,.hamburger,.hamburger-bottom,.hamburger-top{background:var(--clr-accent);width:5em;height:10px;border-radius:1em}@media (max-width:600px){.arrow-lower,.arrow-upper,.hamburger,.hamburger-bottom,.hamburger-top{width:3em;height:5px}}.intro{background-color:var(--clr-darkest)}.intro__img{min-width:500px;position:relative;z-index:2}.intro__img--silly{grid-area:img;justify-self:start;transform:rotateY(180deg)}.intro__img--sideways{grid-area:img2;transform:rotateY(180deg);justify-self:end}@media (max-width:1100px){.intro__img{min-width:350px}.intro__img--sideways{top:-11em}}@media (max-width:769px){.intro__img{min-width:250px}}@media (max-width:575px){.intro__img{min-width:175px}}.section__title--about,.section__title--intro,.section__title--intro2,.section__title--intro3,.section__title--works{line-height:150px}@media screen and (max-width:1644px){.section__title--intro,.section__title--intro2,.section__title--intro3{line-height:100px}.portfolio__part--right2 h2.section__title--intro,.portfolio__part--right2 h2.section__title--intro2,.portfolio__part--right2 h2.section__title--intro3,.portfolio__part--right2a h2.section__title--intro,.portfolio__part--right2a h2.section__title--intro2,.portfolio__part--right2a h2.section__title--intro3,span h2.section__title--intro,span h2.section__title--intro2,span h2.section__title--intro3{line-height:80px}.section__title--intro-kk{line-height:160px}}@media screen and (max-width:768px){.section__title--intro,.section__title--intro2,.section__title--intro3{line-height:75px}.portfolio__part--right2 h2.section__title--intro,.portfolio__part--right2 h2.section__title--intro2,.portfolio__part--right2 h2.section__title--intro3,.portfolio__part--right2a h2.section__title--intro,.portfolio__part--right2a h2.section__title--intro2,.portfolio__part--right2a h2.section__title--intro3,span h2.section__title--intro,span h2.section__title--intro2,span h2.section__title--intro3{line-height:60px}.section__title--intro-kk{line-height:117px}}@media screen and (max-width:490px){.section__title--intro,.section__title--intro2,.section__title--intro3{line-height:32px}.portfolio__part--right2 h2.section__title--intro,.portfolio__part--right2 h2.section__title--intro2,.portfolio__part--right2 h2.section__title--intro3,.portfolio__part--right2a h2.section__title--intro,.portfolio__part--right2a h2.section__title--intro2,.portfolio__part--right2a h2.section__title--intro3,span h2.section__title--intro,span h2.section__title--intro2,span h2.section__title--intro3{line-height:40px}}@media screen and (max-width:350px){.section__title--intro,.section__title--intro2,.section__title--intro3{line-height:18px}.portfolio__part--right2 h2.section__title--intro,.portfolio__part--right2 h2.section__title--intro2,.portfolio__part--right2 h2.section__title--intro3,.portfolio__part--right2a h2.section__title--intro,.portfolio__part--right2a h2.section__title--intro2,.portfolio__part--right2a h2.section__title--intro3,span h2.section__title--intro,span h2.section__title--intro2,span h2.section__title--intro3{line-height:28px}}@media screen and (max-width:574px){.section__title--intro-kk{line-height:82px}}@media screen and (max-width:430px){.section__title--intro-kk{line-height:82px}}.section__title--intro{grid-area:title}.section__title--intro2{grid-area:title2;margin-left:.5em}.section__title--intro3{grid-area:title3;padding-right:0}.intro--plain{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 50px 50px auto;margin:15em 0 0 5.5em}@media screen and (max-width:1150px){.intro--plain{margin:10em 0 0 2em}}@media screen and (max-width:769px){.intro--plain{grid-template-rows:145px 50px 50px 145px}}@media screen and (max-width:575px){.intro--plain{grid-template-rows:235px 50px 50px 235px}}@media screen and (max-width:350px){.intro--plain{margin:10em 0 0 .5em;grid-template-rows:145px 50px 50px 145px}}.section__title--plain{grid-column:1/8;grid-row:2;align-self:end}@media screen and (max-width:1643px){.section__title--plain{margin-bottom:-.1em}}@media screen and (max-width:1150px){.section__title--plain{grid-row:1;height:250px;margin-bottom:0}}@media screen and (max-width:769px){.section__title--plain{z-index:1;margin-bottom:-.1em}}@media screen and (max-width:490px){.section__title--plain{grid-column:1/13;grid-row:1;margin-bottom:-.4em}}@media screen and (max-width:350px){.section__title--plain{margin-bottom:-.6em}}.section__designer--plain{grid-column:1/9;grid-row:1;align-self:end}.section__designer--plain2{grid-column:1/9;grid-row:2}@media screen and (max-width:768px){.section__designer--plain{line-height:3em;margin-top:-2em}.section__designer--plain,.section__designer--plain2{grid-column:1/12}}@media screen and (max-width:490px){.section__designer--plain{grid-row:1}.section__designer--plain2{grid-row:2}}.section__body--plain{grid-column:1/6;grid-row:4;position:relative}@media screen and (max-width:1643px){.section__body--plain{grid-column:1/8}}@media screen and (max-width:769px){.section__body--plain{grid-column:1/13;grid-row:3;margin-right:2em}}@media screen and (max-width:490px){.section__body--plain{grid-row:3;margin-right:.5em}}.section__image--plain{grid-column:9/13;grid-row:1/5;position:relative}@media screen and (max-width:1644px){.section__body--plain,.section__designer--plain,.section__designer--plain2,.section__title--plain{grid-column-start:2}}@media screen and (max-width:1150px){.section__body--plain,.section__designer--plain,.section__designer--plain2,.section__title--plain{grid-column-start:1}}@media screen and (min-width:700px) and (max-width:769px){.section__image--plain{grid-row-end:3}}@media (max-width:490px){.section__image--plain{grid-row:1/2;margin-right:-2em}}@media screen and (min-width:400px) and (max-width:490px){.section__image--plain{margin-top:-3em}}.section__image--plain img{width:100%}---- .section__title--about{margin-left:0}.section__title--350{margin-right:.8em}@media screen and (max-width:1920px){.section__title--350{margin-right:0}}@media screen and (max-width:1644px){.section__title--about,.section__title--works{margin-bottom:0}}@media screen and (max-width:1359px){.san{opacity:.8}}@media screen and (max-width:768px){.section__title--about,.section__title--works{margin-bottom:.1em}}.section__subtitle--intro{align-self:start;position:relative;display:inline-block}.section__subtitle--fed{grid-column:1/3;grid-row:4;text-align:right;top:4.375em;left:-10em;width:35em}@media screen and (max-width:1100px){.section__subtitle--fed{width:24em}}@media screen and (max-width:575px){.section__subtitle--fed{left:-15em}}.section__subtitle--gd{grid-column:1/-1;grid-row:4;text-align:left;top:-.5em;right:-20em;width:100%}@media screen and (min-width:1101px){.section__subtitle--gd{top:.5em}}@media screen and (max-width:1644px){.section__subtitle--gd{right:-10em}}@media screen and (max-width:1100px){.section__subtitle--gd{right:-6em}}@media screen and (max-width:575px){.section__subtitle--gd{right:0}}@media screen and (max-width:600px){.section__title--intro{align-self:center;margin-left:0;position:relative}.intro__img--silly{order:1;z-index:0}}.whatIdo{background-color:rgba(11,20,32,.95);background-image:url(/d3d6abe2b07ac88d7174bd142480bffec919255c/60090/images/pepperoni/laptop-code.png);background-size:cover;background-blend-mode:multiply;color:var(--clr-light);position:relative;z-index:100;top:15em;padding-bottom:10em;overflow:unset}@media screen and (max-width:1644px){.whatIdo{top:10em}}@media screen and (max-width:1101px){.whatIdo{top:5em}}.section__title--whatIdo{margin-top:-.5em;margin-right:-.3em;padding-bottom:.5em}.whatIdo{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"title title title title" "text text textA textA" "textB textB text2 text2"}.whatIdo__descriptions--each-design{grid-area:text;margin-left:12em}.whatIdo__descriptions--each-dev{grid-area:text2;margin-right:12em;text-align:right}@media screen and (max-width:1920px){.whatIdo__descriptions--each-design{margin-left:6em}.whatIdo__descriptions--each-dev{margin-right:6em}}@media screen and (max-width:1100px){.whatIdo__descriptions--each-design{margin-left:3em}.whatIdo__descriptions--each-dev{margin-right:3em}}@media screen and (max-width:768px){.whatIdo{grid-template-areas:"title title title title" "text text text textA" "textB text2 text2 text2"}}@media screen and (max-width:576px){.whatIdo{grid-template-areas:"title title title title" "text text text text" "text2 text2 text2 text2"}.whatIdo__descriptions--each-design,.whatIdo__descriptions--each-dev{margin:2em 1em 0;text-align:left}.whatIdo__descriptions--each-dev{margin-top:2em}}.about-me__body{grid-area:text;margin-right:30px;position:relative}.about-me{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"title title title title title title" "subtitle subtitle subtitle subtitle subtitleA subtitleA" "img img text text text text"}.section__title--about{grid-area:title;justify-self:right}@media screen and (max-width:575px){.section__title--about{justify-self:center}}.section__subtitle--about{grid-area:subtitle;position:relative;margin:0 0 0 -3em;text-align:right;width:27em}@media screen and (max-width:768px){.section__subtitle--about{width:23em}}@media screen and (max-width:575px){.section__subtitle--about{width:16em}}.section__image--about{grid-area:img;margin-top:-8em;left:-3em;transform:rotateY(180deg)}@media screen and (max-width:575px){.section__image--about{margin-top:-1em;left:-2em}}.section__img--kk{box-shadow:var(--bs-dark),var(--bs-dark),var(--bs-dark);border-radius:10px}.my-work{padding:0}.section__subtitle--works{position:relative;z-index:5;margin-bottom:.1em}.my-work__div-img{position:absolute;z-index:4;float:right;right:12.5em}@media screen and (max-width:1643px){.my-work__div-img{right:6em}}.my-work__img{transform:rotate(-90deg);position:relative;min-width:200px;top:-175px}@media (min-width:1644px){.my-work__img{min-width:250px}}@media screen and (max-width:1644px){.my-work__img{top:-160px}}@media screen and (max-width:1200px){.my-work__img{min-width:175px;top:-125px}}@media screen and (max-width:900px){.my-work__img{min-width:155px;top:-100px}}@media screen and (max-width:768px){.my-work__img{top:-115px}}@media screen and (max-width:574px){.my-work__img{top:-40px;min-width:100px}}@media screen and (max-width:349px){.my-work__img{top:-50px}}.my-work--bg{max-width:2300px;margin:0 auto;background:#000;border-radius:10px 0 0 0;height:4em;position:relative;top:-2em;z-index:4}.portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(680px,1fr));position:relative;z-index:100;grid-gap:1em;top:-2em;width:97%;border-radius:0 0 10px 10px}.portfolio--globe{margin-top:-2.5em}@media (min-width:1712px){.portfolio{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:2300px}.portfolio--globe{margin-top:0}}@media (max-width:1423px){.portfolio{grid-template-columns:repeat(auto-fit,minmax(480px,1fr));max-width:2300px}}@media screen and (max-width:1010px){.portfolio{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}.portfolio--globe{margin-top:-2em}}@media screen and (max-width:805px){.portfolio--globe{margin-top:0}}@media screen and (max-width:500px){.portfolio{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.portfolio__extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,480px));position:relative;z-index:100;grid-gap:1em;top:3em;width:97%}@media screen and (max-width:1712px){.portfolio__extras{grid-template-columns:repeat(auto-fit,minmax(680px,1fr))}}@media screen and (max-width:1380px){.portfolio__extras{grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}}@media screen and (max-width:980px){.portfolio__extras{grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}}.overlay{position:relative;display:inline-block;box-sizing:border-box;height:100%}.overlay-phish{height:89%}.overlay-extras{height:75%}@media screen and (max-width:804px){.overlay-extras,.overlay-phish{height:100%}}.overlay:hover .overlay__box{transform:scale(1)}.overlay:hover .overlay__box--image img{transform:scale(1.2)}.overlay__box{background:rgba(75,109,153,.9);position:absolute;transform:scale(0);transition:transform .8s;top:10px;left:10px;bottom:10px;right:10px;border-radius:10px;display:flex;justify-content:center}.overlay__box--content{position:absolute;top:50%;transform:translateY(-50%);text-align:left}.overlay__box--image{position:relative;overflow:hidden;border-radius:10px}.work-created{color:var(--clr-dark);font-size:var(--fs-h3);font-family:var(--ff-seconday);list-style:none;padding:0}@media screen and (max-width:426px){.work-created{font-size:1.25rem}}.portfolio__item{background:var(--clr-accent);overflow:hidden;border-radius:10px}.portfolio__item--img{transition:transform 750ms cubic-bezier(.5,0,.5,1),opacity 250ms linear}.portfolio__item:focus{position:relative;z-index:2}.portfolio__item--img:hover,.portfolio__item:focus .portfolio__item--img{transform:scale(1.2);opacity:.75}.footer{color:var(--clr-accent);text-align:center;font-size:var(--fs-h4)}@media screen and (max-width:430px){.footer{font-size:var(--fs-body)}}.footer__portfolio__item{margin-top:12em}@media screen and (max-width:1100px){.footer__portfolio__item{margin-top:17em}}@media screen and (max-width:427px){.footer__portfolio__item{margin-top:0}}.footer--bg{background-image:url(/images/0b7beccf23b8b7bdacdfeb9daffc5a854c7752fa/watercolor.jpg);background-size:100%;height:4em;margin-bottom:2em;position:relative}.footer a{color:inherit;text-decoration:none;position:relative}.footer__link{font-weight:var(--fw-bold);font-size:var(--fs-h3);font-family:var(--ff-seconday)}.footer p:first-of-type,.social-list__link i{transform:scale(1);transition:transform .8s}.footer p:first-of-type:hover,.social-list__link i:hover{transform:scale(1.5);transition:transform .8s}.social-list{list-style:none;display:flex;justify-content:center;margin:1em 0 0;padding:0}.social-list__item{margin:0 .5em;position:relative}.social-list__link{padding:.5em}.copyright{position:relative;font-size:var(--fs-captions);margin-top:3rem}.word-links{color:var(--clr-accent)}.word-links:hover{color:var(--clr-accent)}.container{width:100%;margin:0 auto}.logo{float:left;max-width:60px}nav{float:right}ul{list-style:none;margin:0;padding:0}li{display:inline-block;margin-left:20px;padding:16px 0 16px 0;position:relative}.navbar-a{color:var(--clr-dark);text-decoration:none;text-transform:lowercase;font-size:var(--fs-body)}.navbar-a:hover{color:var(--clr-accent)}.navbar-a::before{content:'';display:block;height:5px;background-color:var(--clr-accent);position:absolute;top:0;width:00%;transition:all ease-in-out 250ms}.navbar-a:hover::before{content:'';display:block;height:5px;background-color:var(--clr-accent);position:absolute;top:0;width:100%}@media(max-width :590px){ul{list-style:none}li a{color:var(--clr-dark)}}.intro--port,.portfolio__part--left,.portfolio__part--right{background:var(--clr-darkest)}.intro__img--port,.portfolio__item--section-img{box-shadow:var(--bs-dark)}.arrow-lower,.arrow-upper{top:-3px;width:3em;transform:rotate(-45deg);left:-1px}.arrow-lower{top:18px;transform:rotate(45deg)}@media screen and (max-width:600px){.arrow-lower,.arrow-upper{top:-1px;width:2em;left:3px}.arrow-lower{top:15px}}.section__title--intro-port:hover{color:unset}.section__title--intro{text-align:left;opacity:.8;z-index:0}.section__title--intro2{text-align:left;opacity:1;z-index:0}.section__title--intro3{text-align:right;opacity:.8;z-index:0;margin-left:1.8em}@media (max-width:1920px){.section__title--intro3{margin-left:1.5em}}@media (max-width:1644px){.section__title--intro3{margin-left:1.8em}}@media (max-width:1300px){.section__title--intro3{margin-left:1.5em}}@media screen and (max-width:1101px){.section__title--intro3{margin-left:0}}@media (max-width:767px){.section__title--intro3{margin-left:0}}.section__title--intro-center{text-align:center;margin:0}.section__title--left,.section__title--right{font-weight:var(--fw-bold)}.section__title--left{padding-right:.5em}.section__subtitle--left,.section__title--left{text-align:right}.section__captions--right{float:right}.section__img{overflow:hidden}.section__img--po5-shirt{margin-bottom:40px}.section__button-outline{text-decoration:none;color:var(--clr-accent);background:0 0;border:var(--clr-accent) solid 3px}.section__button-outline:hover{color:var(--clr-dark);background:var(--clr-accent)}.intro--port,.portfolio__part--center,.portfolio__part--left,.portfolio__part--right,.portfolio__part--right2,.portfolio__part--right2a{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}@media (max-width:490px){.intro--port,.portfolio__part--center,.portfolio__part--left,.portfolio__part--right{grid-row-gap:1.5em}}#work.intro--port,.intro--port{grid-template-areas:"title title title title title" "title2 title2 title2 title2 title2" "title3 title3 title3 title3 title3" "img img img img9 img9" "img img img text3 text3"}.intro--port{padding-top:10em}#work.intro--port{margin:0;padding:0}.challenge{padding:0}.portfolio__part--right{grid-template-areas:"title title title title title" "text text text text text" "img9 img img img img" "img8 img2 img2 img7 img7"}.portfolio__part--right2{grid-template-areas:"title title title title title" "title3 title3 title3 title3 title3" "text9 text text text8 text8" "img2 img2 img2 img7 img7" "imgZ img9 img3 img3 img3" "textC text2 text2 text2 imgC" "img img img imgR imgD" "imgE imgE img4 img4 img4"}.portfolio__part--right2a{grid-template-areas:"title title title title title" "title3 title3 title3 title3 title3" "text9 text text text8 text8" "img2 img2 img2 img2 img2" "imgXX imgXX imgX imgX imgX" "gap gap text2 text2 text2" "img3 img3 img3 img3 imgZ" "text3 text3 text3 gapZ gapZ" "imgD img img img img" "imgE imgE img4 img4 img4"}.portfolio__part--center{grid-template-areas:"title3 title3 title3 title3 title3" "text text text text text" "img img img img img9" "img8 img2 img2 img7 img7"}.portfolio__part--left{grid-template-areas:"title title title title title" "img5 img5 text3 text3 text3" "img9 img img img img" "text2 text2 text2 text9 text9" "img4 img4 img4 img4 imgA" "img3 img3 img3 img3 img3" "img8 img2 img2 img2 img2" "text text text4 text4 text4"}.section__title--left,.section__title--right{grid-area:title}.section__subtitle--left,.section__subtitle--port,.section__subtitle--right{grid-column:1/-1;grid-row:4}.section__subtitle--left,.section__subtitle--port{position:relative;text-align:right;width:calc(100% + -8.5em);display:block;width:23em;left:-5px}.section__subtitle--right{position:relative;width:33em;justify-self:right;float:right;right:-5px}@media screen and (max-width:1920px){.section__subtitle--right{width:23em}}@media screen and (max-width:1101px){.section__subtitle--left,.section__subtitle--port,.section__subtitle--right{width:18em}}@media screen and (max-width:768px){.section__subtitle--left,.section__subtitle--port,.section__subtitle--right{width:12em}}.section__subtitle--more{width:80%;right:10.5em}@media screen and (max-width:768px){.short-title--button{display:none}}.section__body,.section__body2,.section__body3,.section__body4,.section__body5{position:relative}.section__body{grid-area:title3/text1;grid-column:4/-1;padding-right:3em}.section__body-firstItem{margin-top:-5em}@media screen and (max-width:1101px){.section__body{grid-area:text3}}@media screen and (max-width:768px){.section__body{grid-column:1/-1;padding-left:3em}}.section__body2{grid-area:text2;margin-top:5em}.section__body3{grid-area:text3;padding-left:3em}.section__body4{grid-area:text4}.section__body5{grid-area:text5}.section__body--section2-eti{grid-area:text}@media screen and (min-width:769px){.section__body--section3-eti{grid-area:text3}}.section__body--section4-eti{margin-left:-7em;grid-area:text;grid-row:title3/text;padding-right:0}@media screen and (max-width:768px){.section__body--section4-eti{padding-right:3em;grid-column:2/-1;margin-top:0}}@media screen and (max-width:575px){.section__body--section4-eti{padding-left:4em}}.section__body--section-center{grid-area:text;grid-column:2/-2}.section__body--intro{margin-top:10.5em}@media screen and (max-width:1644px){.section__body--intro{margin-top:6.5em}}@media screen and (max-width:1101px){.section__body--intro{margin-top:2em}}.section__body-contribution{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-areas:"role resp team" "role resp team" "role resp team"}.role{grid-area:role}.responsibilites{grid-area:resp}.team{grid-area:team;margin-left:3em}@media screen and (max-width:1100px){.section__body-contribution{grid-template-columns:1fr 1fr;grid-template-areas:"role resp" "team resp"}.team{margin-left:0;margin-top:-3em}}@media screen and (max-width:768px){.section__body-contribution{grid-template-columns:1fr;grid-template-areas:"role" "resp" "team"}.responsibilities,.role,.team{margin-bottom:1em}.team{margin-top:0}}.section__img{margin-top:2em}.intro__img--port,.portfolio__item--section-img{grid-area:title3/img;position:relative}.section__img2{grid-area:img2}.section__img3{grid-area:img3}.section__img4{grid-area:img4}.section__img--side-by-sideR{grid-area:imgR}.section__imgX{grid-area:imgX;padding-right:5em}@media screen and (max-width:768px){.section__imgX{padding-right:0}}.portfolio__item--section-img{margin:0 auto}@media screen and (min-width:769px){div.section__img4:nth-child(5){margin-left:6em}.overlap-img-above{margin-top:-6em}div.section__img:nth-child(7)>img:nth-child(1){padding-left:6em}section.portfolio__part:nth-child(8)>div:nth-child(5)>img:nth-child(1){padding-right:4em;padding-left:4em}div.section__img4:nth-child(6){margin-left:6em}.commercial{margin-top:0}}@media screen and (max-width:768px){.section__body4{grid-column:1/-1}.section__img{grid-column:1/6}.section__img2{grid-column:1/6}.section__img3{grid-column:1/6}.section__body2{grid-column:1/-1}.section__img4{grid-column:1/-1;margin-top:30px}.section__body--section-center{grid-column:1/-1;margin-top:-1em}}.section__img--section2-eti{grid-area:img}@media screen and (max-width:575px){.section__img--section2-eti{grid-column:1/6}}.section__img2--section2-eti{margin-top:-2em}.section__img-intro{grid-area:img;margin-top:-13em;width:90%}.section__img-intro #intro-syncVid{margin-top:27em}.section__img-intro #intro-GlobeImg{margin-top:-5em}@media screen and (max-width:1101px){.section__img-intro{grid-column:1/4;margin-top:6em}}@media screen and (max-width:768px){.section__img-intro{grid-column:1/5;grid-row:3}.section__img-intro #intro-GlobeImg{margin-top:0}}@media screen and (max-width:575px){.section__img-intro{grid-column:1/6;width:100%}}.section__img--po5-shirt{max-height:550px}@media screen and (max-width:1200px){.intro__img--port-bfos{top:0}}body{overflow-x:hidden}.nav-toggle span{position:absolute}.hamburger-top{top:-10px}.hamburger-bottom{top:24px}@media (max-width:600px){.hamburger-top{top:20px}.hamburger-bottom{top:33px}}.nav{font-family:var(--ff-primary);right:-100%;width:100%;height:100%;display:none;flex-wrap:wrap}.nav__list{position:relative;width:50%;padding:25px 100px 0 0;text-align:right}.nav__item{position:relative;z-index:-1;list-style:none}.nav__item:nth-child(1){margin-top:2em}.nav__item--hover-element{position:absolute;top:-50px;left:0;width:100%;height:100px;background-color:var(--clr-accent);border-radius:0 10px 10px 0;z-index:-2}@media screen and (max-width:960px){.nav__item{margin-bottom:20px}}@media screen and (max-width:800px){.nav__item--hover-element{height:50px}}.nav__link{display:inline-block;width:45vw}.nav__img{width:50%;position:relative;overflow:hidden}.nav__img--home{bottom:-2em;right:10em}@media screen and (max-width:1000px){.nav__img--home{right:3em}}.nav__img--whatIdo{right:0;top:11em}.nav__img--about{top:-25px;transform:rotate(90deg);left:20px}.nav__img--work{top:3em;left:-6em}@media screen and (max-width:1000px){.nav__img--work{left:-2em}}.nav__img--link-img{position:absolute;width:60%;opacity:0}.nav__img--link-img.active{opacity:1}.navbar-textVersion{width:100%;position:fixed;top:0;z-index:1000;background-image:url(/images/0b7beccf23b8b7bdacdfeb9daffc5a854c7752fa/watercolor.jpg);background-size:cover;background-color:var(--clr-darkest);background-position-y:-2em}.nav-container{width:1200px;margin:auto;display:flex;flex-wrap:wrap}nav ul{align-items:center}nav ul .logo{flex-grow:2}nav ul li{list-style-type:none;margin:0 10px;list-style-type:none}nav ul .logo a{font-size:32px;letter-spacing:-.5px;transition:transform .3s ease-in-out;display:inline-block}.gcs-1{grid-column-start:1}.gce-3{grid-column-end:3}.gce-5{grid-column-end:5}.grs-3{grid-row-start:3}.gre-5{grid-row-end:5}@media screen and (max-width:768px){.gce-5{grid-column-end:6}}.gce-6{grid-column-end:6}.img-70{width:70%}.img-80{width:80%}.img-90{width:90%}@media screen and (max-width:575px){.img-70,.img-80,.img-90{width:100%}}