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,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Finder;src:url(/assets/Finder-BiTpgUsY.woff2) format("woff2");font-weight:400;font-style:normal}:root{--c-white: #f2f2f2;--c-black: #0d0d0d;--c-grey: #808080;--translateY: -10vh;--t-fast: .2s ease-in-out;--t-slow: .4s ease-in-out;--f-body: "Montserrat", sans-serif;--f-title: "Montserrat Alternates", sans-serif;--f-emph: "Finder", sans-serif;--f-xs: clamp(.625rem, .4167rem + .9259vw, 1.25rem);--f-s: clamp(.875rem, .75rem + .5556vw, 1.25rem);--f-m: clamp(1rem, .9583rem + .1852vw, 1.125rem);--f-l: clamp(1.5rem, 1.1667rem + 1.4815vw, 2.5rem);--f-xl: clamp(2rem, 1rem + 4.4444vw, 5rem);--f-2xl: clamp(3rem, 1.3333rem + 7.4074vw, 8rem);--f-3xl: clamp(5rem, -.2083rem + 23.1481vw, 20.625rem);--f-4xl: clamp(8rem, 2.3333rem + 25.1852vw, 25rem);--f-5xl: clamp(25rem, 16.6667rem + 37.037vw, 50rem);--f-nav: clamp(1.5rem, 1.234rem + .8511vw, 2rem);--s-3xs: clamp(.25rem, .2083rem + .1852vw, .375rem);--s-2xs: clamp(.5rem, .4167rem + .3704vw, .75rem);--s-xs: clamp(.75rem, .625rem + .5556vw, 1.125rem);--s-s: clamp(1rem, .8333rem + .7407vw, 1.5rem);--s-m: clamp(1.5rem, 1.25rem + 1.1111vw, 2.25rem);--s-l: clamp(2rem, 1.6667rem + 1.4815vw, 3rem);--s-xl: clamp(3rem, 2.5rem + 2.2222vw, 4.5rem);--s-2xl: clamp(4rem, 3.3333rem + 2.963vw, 6rem);--s-3xl: clamp(6rem, 5rem + 4.4444vw, 9rem);--s-s-to-m: clamp(1rem, .5833rem + 1.8519vw, 2.25rem);--s-side-margin: clamp(1.5rem, 0rem + 6.6667vw, 6rem);--s-max-width: 1800px}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}html,header,footer{background-color:var(--c-black);background-image:url(/assets/texture-Bf6mU4jU.jpg)}.grid__wrapper,.grid__content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-999}.grid__background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/texture-Bf6mU4jU.jpg);z-index:-999}.grid{position:absolute;top:0;left:0;opacity:.2;width:100%;height:max-content}body{max-width:var(--s-max-width);margin-inline:auto}.root{z-index:100}body *,a{color:var(--c-white);text-decoration:none;font-family:var(--f-body);font-size:var(--f-m);letter-spacing:.02em}h1,h2,h3,h4,h5,h6{font-family:var(--f-title);text-transform:capitalize}h1,h1 *{font-size:var(--f-xl)}h1 .emph,h1.emph,h2,.h2{font-size:var(--f-2xl)}h3{font-size:var(--f-xl)}h4{font-size:var(--f-l)}.title--wrapped{display:flex;flex-direction:column;gap:var(--s-xs)}.emph{font-family:var(--f-emph);letter-spacing:.03em}.outline{-webkit-text-stroke:1px var(--c-white);color:transparent}p{line-height:1.6;max-width:600px}strong{font-weight:700}main{display:flex;flex-direction:column;padding-inline:var(--s-side-margin);overflow-x:hidden;background-color:var(--c-black);margin-block-end:calc(3 * var(--s-s) + 3 * var(--f-s) + 4 * var(--s-xs));z-index:100;position:relative;overflow:hidden}.header,.intro,.recent,.bio,.skillset,.info,.results,.more{width:100%;max-width:1400px;margin-inline:auto}.button{padding:1rem 1.5rem;border:var(--c-white) 1px solid;background-color:var(--c-black);display:flex;flex-direction:row;gap:1rem;width:fit-content;height:fit-content;align-items:center;transition:var(--t-fast) background-color}.button:hover{background-color:var(--c-white)}.button p{transition:var(--t-fast) color}.button:hover p{color:var(--c-black)}.button svg *{transition:var(--t-fast) stroke}.button:hover svg *{stroke:var(--c-black)}.hey{font-size:var(--f-4xl);opacity:.3;z-index:-20}*::selection{background-color:var(--c-grey)}img{-webkit-user-select:none;user-select:none}*{cursor:none!important}.cursor{position:fixed;width:.5rem;aspect-ratio:1;pointer-events:none;transition:var(--t-fast) width;transform:translate(-50%,-50%);z-index:9999;mix-blend-mode:difference}.cursor__circle{fill:var(--c-white);transition:var(--t-fast) fill,var(--t-fast) stroke}.cursor.hover--circle{width:2rem}.cursor__arrow,.cursor__back,.cursor__send,.cursor__external,.cursor__play,.cursor__pause{opacity:0;transition:var(--t-fast) opacity;fill:transparent}.cursor.hover--arrow,.cursor.hover--back,.cursor.hover--send,.cursor.hover--external,.cursor.hover--play,.cursor.hover--pause{mix-blend-mode:unset;width:3rem}.cursor.hover--arrow .cursor__arrow,.cursor.hover--back .cursor__back,.cursor.hover--send .cursor__send,.cursor.hover--external .cursor__external,.cursor.hover--play .cursor__play,.cursor.hover--pause .cursor__pause{opacity:1}.cursor.hover--arrow .cursor__circle,.cursor.hover--back .cursor__circle,.cursor.hover--send .cursor__circle,.cursor.hover--external .cursor__circle,.cursor.hover--play .cursor__circle,.cursor.hover--pause .cursor__circle{fill:var(--c-black)}.cursor.hover--send .cursor__circle{fill:var(--c-white);stroke:var(--c-black)}@media (hover: none){.cursor{display:none}}.hover--arrow:hover,.hover--back:hover,.hover--send:hover,.hover--external:hover,.hover--play:hover,.hover--pause:hover{cursor:none!important}main>section{z-index:100}.header:after,.recent:after,.skillset:after,.form:after{font-family:var(--f-emph);opacity:.3;z-index:-20;-webkit-text-stroke:1px var(--c-white);color:transparent}.loader__wrapper{display:grid;grid-template-columns:1fr;gap:1rem;place-items:center}.loader{border:var(--c-white) 1px solid;border-top:var(--c-black) 1px solid;border-radius:100%;width:3rem;height:3rem;animation:loaderSpin 1s linear infinite}@keyframes loaderSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav__hamburger{width:3rem;height:3rem;padding:.75rem;background-color:var(--c-black);outline:1px solid var(--c-white);position:fixed;top:0;right:0;z-index:9999;transition:var(--t-fast) background-color,var(--t-fast) outline}.nav__hamburger.open{background-color:var(--c-white);outline-color:var(--c-black)}.hamburger{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5rem;height:1px;border-block-end:var(--c-white) 1px solid;transition:var(--t-fast) opacity,var(--t-fast) rotate,var(--t-fast) transform,var(--t-fast) border}.hamburger:first-child{transform:translate(-50%,calc(-50% - 8px))}.hamburger:last-child{transform:translate(-50%,calc(-50% + 8px))}.nav__hamburger.open .hamburger{border-color:var(--c-black)}.nav__hamburger.open .hamburger:first-child{rotate:45deg;transform:translate(-35%,8.5px)}.nav__hamburger.open .hamburger:nth-child(2){opacity:0}.nav__hamburger.open .hamburger:last-child{rotate:-45deg;transform:translate(-35%,-8.5px)}.mobile__wrapper{background-color:var(--c-white);padding:4rem 1.5rem 2rem;display:flex;flex-direction:column;gap:3rem;width:100vw;z-index:9998;transition:var(--t-slow) transform;position:fixed;top:0;left:0;transform:translateY(-100%)}.mobile__wrapper.open{transform:translateY(0)}body:has(.mobile__wrapper.open){overflow:hidden}.nav__mobile{display:flex;flex-direction:column;gap:1rem}.nav__link{font-family:var(--f-emph);font-size:3rem;color:transparent;-webkit-text-stroke:var(--c-black) 1px;transition:var(--t-fast) color,var(--t-fast) text-stroke}.nav__link.active{color:var(--c-black)}.nav__divider{width:100%;height:1px;border-block-end:var(--c-black) 1px solid}.nav .socials *{color:var(--c-black)}.nav__overlay{pointer-events:none;opacity:0;transition:var(--t-slow) opacity}.nav__overlay.open{pointer-events:unset;display:block;background-color:var(--c-black);opacity:.5;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:9997}.nav__desktop{display:none}footer{display:grid;grid-template-columns:1fr;gap:var(--s-s);padding:1rem var(--s-s);place-items:center;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--s-max-width);z-index:-100}.main--detail+footer{background-color:var(--c-white);background-image:unset}footer *{font-size:var(--f-s)}.main--detail+footer *{color:var(--c-black)}.socials{display:grid;grid-template-columns:repeat(2,1fr);column-gap:var(--s-s);place-items:center}.social__link{display:flex;flex-direction:row;gap:var(--s-3xs);padding-block:var(--s-xs);align-items:center}.social__icon{width:var(--s-s);height:var(--s-s)}.social__link:focus{font-weight:600}.social__link:focus .social__icon *{stroke-width:1px}.copyright{line-height:unset}.main--home{padding-block-start:4.5rem;gap:var(--s-2xl)}.header{display:grid;grid-template-columns:1fr;grid-template-rows:min-content 1fr;gap:var(--s-xl);position:relative;margin-block-end:var(--f-3xl);width:100%}.header:after{content:"Jitse";display:block;font-family:var(--f-emph);font-size:var(--f-4xl);opacity:.3;position:absolute;bottom:0;right:0;transform:translate(15%,calc(150% + 2 * var(--translateY)));will-change:transform}.header__title{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,1fr);gap:4.5rem;align-items:flex-end;height:100%;width:100%}.header__title:after{content:"";width:var(--f-xl);height:var(--f-xl);display:block;background-image:url("data:image/svg+xml,%3csvg%20width='40'%20height='40'%20viewBox='0%200%2040%2040'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1%200.5L20.25%2019.75M20.25%2019.75L39.5%2039M20.25%2019.75L39.5%200.5M20.25%2019.75L1%2039'%20stroke='%23F2F2F2'%20stroke-width='0.5'/%3e%3c/svg%3e");background-size:contain;grid-column:1;grid-row:1/-1;align-self:center;margin-inline-start:20%;margin-block-start:10%}.title__section{grid-column:1;grid-row:1}.title__section:last-child{grid-row:2;align-items:flex-end}.stacked__imgs{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;width:min-content;height:min-content}.stacked__imgs>img{grid-column:1;grid-row:1;rotate:2.5deg}.stacked__imgs>img:last-child{rotate:-2.5deg;z-index:-10;filter:brightness(.5)}.stacked__imgs:nth-child(odd)>img:first-child{rotate:-2.5deg}.stacked__imgs:nth-child(odd)>img:last-child{rotate:2.5deg}.header__imgs,.intro__imgs{margin-inline-start:-15%}.header__img,.intro__img{width:60vw}.header__imgs>.header__img:last-child{rotate:2.5deg}.header__imgs>.header__img--flipped,.intro__imgs>.intro__img--flipped{rotate:-2.5deg;transform:scaleX(-1)}.header__img:last-child,.intro__img:last-child{filter:saturate(0) brightness(.5)}.intro{display:grid;grid-template-columns:1fr;gap:var(--s-m);position:relative;margin-block-start:var(--f-4xl)}.intro__hey{position:absolute;top:0;left:0;transform:translateY(calc(-50% + 2 * var(--translateY)));margin-inline-start:-15%}.intro__imgs,.intro__button{grid-column:1;grid-row:3}.intro__imgs{margin-block-start:1rem}.intro__button{z-index:10;place-self:flex-end;margin-block-end:var(--s-2xs)}.recent{display:grid;grid-template-columns:1fr;gap:var(--s-xl);position:relative;padding-block-start:var(--s-l)}.recent__title{font-size:var(--f-xl);align-items:flex-end}.recent__title .emph{font-size:var(--f-2xl)}.recent:after{content:"Projects";font-size:var(--f-3xl);position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-600% + 10 * var(--translateY)))}.recent__projects{display:grid;grid-template-columns:1fr;place-items:center}.recent__projects .project.left{justify-self:flex-start}.recent__projects .project.right,.recent__button{justify-self:flex-end}.project__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;max-height:450px}.project__wrapper>*{grid-column:1;grid-row:1}.project__info{display:flex;flex-direction:column;gap:1rem;align-items:center;z-index:10;opacity:0;transition:var(--t-slow) opacity;pointer-events:none;max-width:450px}.project__title{text-align:center;z-index:10;-webkit-hyphens:none;hyphens:none}.project__tags{display:flex;flex-direction:row;gap:calc(var(--f-m) / 2)}.project__tag{text-transform:capitalize}.project__button{margin-block-start:.5rem}.project__imgs{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;place-items:center;transition:var(--t-slow) margin}.project.right .project__imgs{margin-inline-end:-10%}.project.left .project__imgs{margin-inline-start:-10%}.project__img{grid-column:1;grid-row:1;width:55vw;max-width:300px;aspect-ratio:1;transition:var(--t-slow) transform,var(--t-slow) filter,var(--t-slow) width,var(--t-slow) max-width}.project__img--overview{z-index:-5;filter:brightness(.25)}.project.left .project__img--cover,.project.right .project__img--overview{rotate:-2.5deg}.project.right .project__img--cover,.project.left .project__img--overview{rotate:2.5deg}@media (hover: none){.project__wrapper{height:100vw}.project.open{margin-inline:unset}.project.open .project__info{opacity:1}.project.open .project__imgs{margin-inline:unset}.project.open .project__img{width:80vw;max-width:340px}.project.open .project__img--cover{filter:brightness(.3)}.project.open .project__img--overview{filter:brightness(.2)}.project.left.open .project__img--cover{transform:translate(-20vw,-10vw)}.project.left.open .project__img--overview{transform:translate(20vw,10vw)}.project.right.open .project__img--cover{transform:translate(20vw,-10vw)}.project.right.open .project__img--overview{transform:translate(-20vw,10vw)}}@media (hover: hover){.project__button{display:none}.project:hover .project__info{opacity:1}.project:hover .project__imgs{margin:unset}.project:hover .project__img--cover{filter:brightness(.3)}.project:hover .project__img--overview{filter:brightness(.2)}.project.left:hover .project__img--cover{transform:translate(-45%,2.5%)}.project.left:hover .project__img--overview{transform:translate(45%,-2.5%)}.project.right:hover .project__img--cover{transform:translate(45%,2.5%)}.project.right:hover .project__img--overview{transform:translate(-45%,-2.5%)}.recent__projects,.projects__list{padding:unset;gap:var(--s-xl)}}.main--projects{display:flex;flex-direction:column;gap:var(--s-xl);padding-block-start:var(--s-xl)}.filter{display:flex;flex-direction:column;gap:1.5rem}.filter__tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.filter__tag{padding:var(--s-xs) var(--s-s);background-color:var(--c-black);border:var(--c-white) 1px dashed;border-radius:100px;transition:var(--t-fast) background-color,var(--t-fast) color,var(--t-fast) border;width:fit-content}.filter__tag:hover{border:var(--c-white) 1px solid}.filter__tag.active{color:var(--c-black);background-color:var(--c-white);border:var(--c-white) 1px solid}.projects__list{display:flex;flex-direction:column;margin-block-end:var(--s-l);padding-inline:var(--s-m)}.projects__list .project.left{align-self:flex-start}.projects__list .project.right{align-self:flex-end}.github{padding-block:var(--s-l);display:grid;grid-template-columns:1fr;justify-items:center;gap:var(--s-m)}.github p{text-align:center}.main--detail{gap:var(--s-xl);padding-block:var(--s-l) var(--s-3xl)}.main--detail>section{padding-block:var(--s-xs)}.detail__nav{display:flex;flex-direction:row;gap:1rem;align-items:center;width:max-content;padding-block:.5rem;z-index:100}.info{display:flex;flex-direction:column;gap:var(--s-m);margin-block-start:-1.5rem}.detail__name{-webkit-hyphens:auto;hyphens:auto}.detail__tags{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s-s)}.detail__tag{background-color:var(--c-black);border:var(--c-white) 1px dashed;padding:var(--s-xs) var(--s-s);width:fit-content;height:max-content;border-radius:100px}.detail__date{font-style:italic}.detail__imgs{width:105vw;max-width:calc(var(--s-max-width) * 1.05);aspect-ratio:1;align-self:center;margin-bottom:-6rem}.detail__img{width:70vw;max-width:calc(var(--s-max-width) * .7);place-self:flex-start}.detail__img:last-child{place-self:flex-end}.results{display:flex;flex-direction:column}.results__title{margin-block-end:-7.5%;margin-inline-start:-12.5%;font-size:var(--f-3xl);z-index:-10}.results__title,.more__title{opacity:.3}.results__img{width:100%}.url__wrapper{display:flex;flex-direction:column;gap:var(--s-s);margin-block-start:var(--s-l)}.url__list{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--s-m);place-items:center}.more{display:flex;flex-direction:column}.more__title{align-self:flex-end;margin:0rem -15% -12.5% 0rem;font-size:var(--f-4xl);z-index:-10}.more__projects{display:grid;grid-template-columns:repeat(2,1fr);gap:10vw;place-items:center;width:100%;height:max-content}.more__project,.more__project *{width:100%}.more__project img{max-width:25rem}.results__imgs{display:flex;flex-direction:column;gap:var(--s-xs);width:100vw;max-width:var(--s-max-width);margin-inline:calc(0px - var(--s-side-margin));align-self:center}.results__imgs>div{display:grid;gap:var(--s-xs);align-self:center}.results__socials{grid-template-columns:repeat(2,1fr)}.results__socials .results__img:last-child{grid-column:1/-1;grid-row:2;aspect-ratio:1/2;object-fit:cover}.results__web{grid-template-columns:1fr}.results__web .results__img:last-child{grid-row:3}.results__responsive{grid-template-columns:1fr .7fr;grid-template-rows:repeat(9,max-content)}.results__responsive .results__img:nth-child(3n-2){grid-column:1/3}.results__responsive .results__img:nth-child(3n-1){height:100%;object-fit:cover}.results__responsive .results__img:last-child{grid-row:5}.main--about{padding-block-start:var(--s-xl);gap:var(--s-xl)}.bio{display:grid;grid-template-columns:1fr}.bio__title{z-index:100;margin-block-start:-1rem}.bio__hey{grid-row:1;margin-block-end:-10vw;margin-inline-start:-10vw;height:max-content;align-self:flex-end}.bio__text{display:flex;flex-direction:column;gap:1.5rem;max-width:41.25rem;padding-block-start:1.5rem}.bio__imgs{grid-row:2;display:grid;grid-template-columns:repeat(2,50%)}.bio__img{grid-row:1;width:130%}.bio__img:first-child{z-index:10;rotate:-2.5deg;margin-inline-start:-1.5rem}.bio__img:last-child{rotate:2.5deg;margin-inline-end:-1.5rem;margin-block-start:-1.5rem;justify-self:flex-end}.skillset{display:grid;grid-template-columns:1fr;gap:6rem}.skillset:after,.skillset__wrapper--design{grid-column:1;grid-row:2}.skillset:after{content:"&";display:block;width:14rem;height:fit-content;justify-self:flex-end;margin-block-start:calc(-10rem - var(--f-xl));font-size:var(--f-5xl)}.skillset__wrapper{display:flex;flex-direction:column;gap:var(--s-l)}.skillset__wrapper--design .skillset__title{align-items:flex-end}.skillset__skills{display:grid;grid-template-columns:1fr;gap:3rem}.skill__wrapper{display:grid;grid-template-columns:1fr;gap:1.5rem;place-items:center;padding-block:2rem 1.5rem;border:var(--c-white) 1px solid;background-color:var(--c-black);max-height:fit-content;transition:var(--t-fast) background-color,var(--t-fast) height;position:relative}.skill__wrapper:after{content:"";display:block;height:100%;width:100%;background-color:red;position:absolute;top:0;left:0;rotate:-5deg;border:var(--c-white) 1px solid;opacity:.3;background-color:var(--c-black);z-index:-10;transition:var(--t-fast) height}.skill__wrapper:nth-child(odd):after{rotate:5deg}.skill__category,.skill__name{transition:var(--t-fast) color}.skill__category{transition:var(--t-fast) font-size}.category__wrapper{display:flex;flex-direction:row;gap:2rem;align-items:center}.toggle__img{transition:var(--t-fast) transform}.toggle__img *{transition:var(--t-fast) stroke}.skills{display:grid;opacity:0;grid-template-columns:repeat(2,50%);place-items:center;width:100%;max-width:clamp(12rem,55vw,14rem);aspect-ratio:1;transition:var(--t-fast) opacity}.skills--frameworks,.skills--other{aspect-ratio:2/1}.skills--design-skills,.skills--branding{aspect-ratio:unset}.skills--other,.skills--design-skills,.skills--branding{grid-template-columns:1fr}.skills--design-skills,.skills--branding{gap:.5rem}.skill__item{display:grid;grid-template-columns:1fr;gap:.5rem;place-items:center}.skill__img{width:3rem;transition:var(--t-fast) opacity}.skill__name{font-size:var(--f-s);text-transform:uppercase;font-weight:700;transition:var(--t-fast) opacity}.skills--tools .skill__name{font-size:var(--f-xs)}@media (hover: none){.skills{display:none}.skill__wrapper.open{background-color:var(--c-white)}.skill__wrapper.open .skill__category,.skill__wrapper.open .skill__name{color:var(--c-black)}.skill__wrapper.open .toggle__img{transform:scaleY(-1)}.skill__wrapper.open .toggle__img *{stroke:var(--c-black)}.skill__wrapper.open .skills{display:grid;opacity:1}}@media (hover: hover){.skill__wrapper{max-height:unset;grid-template-rows:calc(var(--f-l) - .5vw) 1fr;position:relative}.category__wrapper{position:absolute;width:max-content;top:50%;left:50%;transform:translate(-50%,-50%);transition:var(--t-fast) top,var(--t-fast) left,var(--t-fast) transform}.category__wrapper{grid-column:1;grid-row:1/-1}.toggle__img{display:none}.skills{grid-column:1;grid-row:2}.skill__item{grid-template-rows:1fr}.skill__item>*{grid-column:1;grid-row:1}.skill__img{width:5vw;max-width:4.5rem}.skill__name{opacity:0;width:max-content}.skill__wrapper:hover{background-color:var(--c-white)}.skill__wrapper:hover .skill__category,.skill__wrapper:hover .skill__name{color:var(--c-black)}.skill__wrapper:hover .category__wrapper{top:10%;transform:translate(-50%)}.skill__wrapper--design-skills:hover .category__wrapper,.skill__wrapper--branding:hover .category__wrapper{top:0;transform:translate(-50%)}.skill__wrapper:hover .skill__category{font-size:calc(var(--f-l) - .5vw)}.skill__wrapper:hover .skills{opacity:1}.skill__item:hover .skill__img{opacity:.3}.skill__item:hover .skill__name,.skills--design-skills .skill__name,.skills--branding .skill__name{opacity:1}}.contact{display:grid;place-items:center;padding:var(--s-xl) var(--s-side-margin);width:100vw;max-width:var(--s-max-width);margin-inline:calc(0px - var(--s-side-margin));background-color:var(--c-white);min-height:max-content;height:100vh}.contact *{color:var(--c-black)}.contact__wrapper{display:flex;flex-direction:column;gap:var(--f-l);width:100%}.contact__content{display:grid;grid-template-columns:1fr;gap:var(--s-l)}.contact__intership{display:flex;flex-direction:column;gap:var(--s-2xs)}.contact__intership *{max-width:unset}.contact__title{font-size:var(--f-xl)}.contact__title .emph{font-size:var(--f-2xl)}.form{display:flex;flex-direction:column;gap:var(--s-m);position:relative;container-type:inline-size;z-index:20}.form:after{content:"";display:block;width:65vw;aspect-ratio:1;max-width:360px;background-image:url("data:image/svg+xml,%3csvg%20width='377'%20height='363'%20viewBox='0%200%20377%20363'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M227.297%201.0518L227.355%200.5H226.8H148.4H147.842L147.903%201.05436L164.622%20153.916L13.3367%20110.919L12.791%20110.764L12.7057%20111.325L1.50569%20184.925L1.42511%20185.454L1.95893%20185.498L146.663%20197.424L53.5982%20323.102L53.2517%20323.57L53.7665%20323.842L124.967%20361.442L125.441%20361.693L125.658%20361.201L186.822%20222.191L254.35%20361.218L254.579%20361.69L255.04%20361.439L323.84%20323.839L324.347%20323.561L323.999%20323.099L229.346%20197.425L375.641%20185.498L376.175%20185.455L376.094%20184.925L364.894%20111.325L364.809%20110.766L364.265%20110.919L211.374%20153.919L227.297%201.0518Z'%20stroke='%230D0D0D'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat;position:absolute;top:0;right:0;transform:translate(50%,-25%)}.label__wrapper{border-bottom:var(--c-black) 1px solid;position:relative;padding-block:var(--s-2xs);max-width:600px}.label__wrapper--textarea{height:9.5rem}.form__label{opacity:.5;position:absolute;left:0;top:var(--s-2xs);transition:var(--t-fast) top,var(--t-fast) left,var(--t-fast) font-size,var(--t-fast) opacity}.form__input:focus+.form__label{opacity:1;left:10px}.form__input:not(:placeholder-shown)+.form__label{top:0;left:0;font-size:var(--f-s)}.form__input:not(:placeholder-shown){padding-top:var(--f-m)}.form__input,.form__button{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:unset;background-color:unset;outline:unset;padding:unset;resize:none}.form__input{height:100%}.form__input::placeholder{opacity:0}.form__submit{background-color:var(--c-white);border-color:var(--c-black)}.form__button{transition:var(--t-fast) color}.form__submit svg *{transition:var(--t-fast) stroke}.form__submit:hover{background-color:var(--c-black)}.form__submit:hover .form__button{color:var(--c-white)}.form__submit:hover svg *{stroke:var(--c-white)}@container (min-width: 600px){.form:after{left:600px;transform:translate(-25%,-30%)}}@media (min-width: 500px){.nav__desktop{display:flex;flex-direction:row;padding:var(--f-nav);gap:var(--f-nav);border-block-end:var(--c-white) 1px solid}.nav__link{font-size:var(--f-nav);-webkit-text-stroke:var(--c-white) 1px}.nav__link.active{color:var(--c-white)}.nav__hamburger,.mobile__wrapper,.nav__overlay{display:none}.intro__button{margin-inline-start:35vw;justify-self:flex-start}.recent:after{transform:translate(-50%,calc(-400% + 9 * var(--translateY)))}@media (hover: none){.project.left.open .project__img--cover{transform:translate(-100px,-50px)}.project.left.open .project__img--overview{transform:translate(100px,50px)}.project.right.open .project__img--cover{transform:translate(100px,-50px)}.project.right.open .project__img--overview{transform:translate(-100px,50px)}}.detail__imgs{height:90vw}.detail__img{width:60vw}.results__socials{grid-template-columns:repeat(3,1fr)}.results__socials .results__img:nth-child(4){height:100%;object-fit:cover}.results__socials .results__img:last-child{grid-column:1/3;aspect-ratio:unset}.results__web{grid-template-columns:repeat(2,1fr)}.results__web .results__img:last-child{grid-column:1/-1;grid-row:2}.results__responsive{grid-template-columns:.7fr repeat(2,1fr) .7fr;grid-template-rows:repeat(5,max-content)}.results__responsive .results__img:nth-child(3n-2){grid-column:1/3}.results__responsive .results__img:nth-child(6n-2){grid-column:3/5}.results__responsive .results__img:nth-child(6n){grid-column:1}.results__responsive .results__img:nth-child(4),.results__responsive .results__img:nth-child(5),.results__responsive .results__img:nth-child(6){grid-row:2}.results__responsive .results__img:nth-child(10),.results__responsive .results__img:nth-child(11),.results__responsive .results__img:nth-child(12){grid-row:5}.results__responsive .results__img:nth-child(3n){height:100%;object-fit:cover}.results__responsive .results__img:last-child{grid-column:1/-1;grid-row:3}.bio>*{grid-column:1}.bio__title{grid-row:1;align-self:flex-end}.bio__hey{margin-block-end:unset}.bio__imgs{grid-row:1;width:50vw;place-self:flex-end;margin-inline-end:-10%}.bio__img:first-child{margin-inline-start:-25%}.bio__img:last-child{margin-block-start:25%}@media (hover: none){.skills--tools{max-width:15rem}}.socials{grid-template-columns:repeat(4,max-content);gap:2rem}main{margin-block-end:calc(2 * var(--s-s) + 3 * var(--f-s) + 2 * var(--s-xs))}}@media (min-width: 750px){.header{gap:var(--s-m)}.header:after{transform:translate(15%,calc(60% + 2 * var(--translateY)))}.header__img,.intro__img{width:40vw}.intro{grid-template-columns:10fr 3fr;grid-template-rows:max-content max-content 1fr;margin-block-start:var(--s-3xl)}.intro__hey{transform:translateY(calc(-60% + 2 * var(--translateY)))}.intro__title,.intro__text{grid-column:1}.intro__imgs{grid-column:2;grid-row:1/4;align-self:center;justify-self:flex-end;margin-block:calc(0px - var(--s-m))}.intro__button{grid-column:1/-1;grid-row:3;align-self:center;justify-self:flex-end;margin-inline-start:unset;margin-block:unset;margin-inline-end:30vw;width:max-content}.recent:after{transform:translate(-50%,calc(-300% + 8 * var(--translateY)))}@media (hover: none){.recent{gap:0}.recent__button{margin-top:var(--s-xl)}}@media (hover: hover){.recent__projects,.projects__list{width:calc(100vw - var(--s-side-margin));max-width:calc(var(--s-max-width) - var(--s-side-margin));margin-inline:calc(0px - var(--s-side-margin) / 2);place-self:center}}.github{grid-template-columns:repeat(2,1fr);justify-items:flex-start}.github p{text-align:end;justify-self:flex-end;width:max-content}.info{display:grid}.detail__imgs{width:70vw;height:unset;aspect-ratio:1;grid-column:1;grid-row:1/3;justify-self:flex-end;margin-inline-end:-10%;transform:translateY(-15%);z-index:-10}.detail__img{width:45vw}.detail__name{grid-column:1;grid-row:2;-webkit-hyphens:none;hyphens:none}.detail__tags{grid-column:1;grid-row:3}.skillset:after{justify-self:flex-start;width:fit-content;transform:translate(-25%)}.skillset__skills{grid-template-columns:repeat(2,1fr)}.skill__wrapper{place-self:center;width:100%;height:100%}.skill__wrapper--frameworks,.skill__wrapper--other{grid-row:2}.skill__wrapper--tools{grid-column:1;grid-row:1/3}@media (hover: none){.skills--tools{max-width:17rem}}footer{grid-template-columns:1fr max-content}.copyright{grid-row:1;justify-self:flex-start}main{margin-block-end:calc(2 * var(--s-s) + var(--f-s) + 2 * var(--s-xs))}}@media (min-width: 900px){.intro{margin-block-start:var(--s-xl);z-index:-10}.intro__hey{transform:translateY(calc(-60% + 2 * var(--translateY)))}.recent:after{transform:translate(-50%,calc(-200% + 6 * var(--translateY)))}@media (hover: none){.recent{grid-template-columns:repeat(2,1fr)}.recent__title{grid-column:2;grid-row:1}.recent__projects{grid-column:1/3;grid-row:2}.recent__button{grid-column:2;grid-row:2}.recent__button{align-self:flex-end;justify-self:center;margin:unset;margin-block-end:var(--s-2xl)}}@media (hover: hover){.recent{grid-template-rows:1fr}.recent>*{grid-column:1;grid-row:1}.recent__button{place-self:flex-end;margin-block-end:var(--s-2xl);margin-inline-end:var(--s-2xl)}}.project__info{width:50vw;max-width:720px}.github{transform:translateY(45%)}.info{grid-template-columns:auto minmax(30%,600px);grid-template-rows:1fr repeat(2,max-content) 1fr;height:max-content;width:100%;gap:var(--s-s)}.detail__imgs{grid-column:2;grid-row:1/5;height:50vw;width:120%;aspect-ratio:unset;align-self:flex-start}.detail__img{width:30vw;max-width:400px}.detail__name{grid-row:1}.detail__tags{grid-row:2}.detail__name.emph{font-size:var(--f-xl);align-self:flex-end}.detail__website{grid-column:2;grid-row:4;place-self:center}.main--about{padding-block-start:var(--s-3xl)}.bio{grid-template-columns:1fr}.bio__title,.bio__text{grid-column:1}.bio__imgs{grid-column:1;width:fit-content;height:fit-content;margin-block-end:-10%}.bio__img{width:23vw}.bio__img:first-child{place-self:flex-start;margin:unset}.bio__img:last-child{place-self:flex-end;margin:unset;margin-block-start:50%;margin-inline-end:10%}.bio__text{grid-row:2}@media (hover: none){.skills--tools{max-width:18rem}}.contact{margin-block-start:5rem}}@media (min-width: 1050px){p{max-width:680px}.header{grid-template-columns:1fr max-content;grid-template-rows:1fr;gap:var(--s-xl);height:70vh;min-height:min-content;max-height:700px;align-items:center}header>*{grid-row:1}.header:after{grid-row:1;transform:translateY(calc(100% + 2 * var(--translateY)))}.stacked__imgs{margin:unset;margin-inline-end:calc(0px - var(--s-side-margin) / 2)}.header__img,.intro__img{width:30vw;max-width:450px}.header__img--flipped,.intro__img--flipped{transform:unset}.intro{margin-block-start:calc(1.5 * var(--f-2xl))}.intro__title{margin-block-start:var(--s-l)}.intro__hey{transform:translateY(calc(-60% + 2 * var(--translateY)))}.intro__button{margin-block-start:unset;margin-inline-end:25%}.recent:after{transform:translate(-50%,calc(-150% + 6 * var(--translateY)))}@media (hover: hover){.recent__projects,.projects__list{gap:0}.recent__projects .project:first-child{margin-inline-start:-3%}.recent__projects .project:nth-child(2),.projects__list .project:nth-child(2n){margin-block:-3%}.recent__projects .project:last-child{margin-inline-start:3%}}@media (hover: hover){.project__img{width:25vw;max-width:375px}}.detail__imgs{height:120%;width:40vw;max-width:650px;justify-self:center}.detail__website{justify-self:flex-start;transform:translate(50%)}.results__socials{grid-template-columns:20% 1fr 20%}.results__socials .results__img:nth-child(1),.results__socials .results__img:nth-child(2){grid-column:1}.results__socials .results__img:nth-child(3),.results__socials .results__img:nth-child(4){grid-column:3}.results__socials .results__img:nth-child(3){grid-row:1}.results__socials .results__img:nth-child(4){height:unset;object-fit:cover;grid-row:2}.results__socials .results__img:last-child{grid-column:2;grid-row:1/3;height:100%;aspect-ratio:unset}.main--about{padding-block-start:var(--s-3xl)}.bio{grid-template-columns:minmax(500px,max-content) 1fr;column-gap:var(--s-l);position:relative}.bio__title,.bio__text{grid-column:1}.bio__hey{position:absolute;top:0;left:0;margin-block:unset;transform:translateY(-60%)}.bio__imgs{grid-column:2;grid-row:1/3;width:43vw;max-width:700px;align-self:center;margin:unset;margin-inline-end:calc(0px - var(--s-side-margin) * 1.5)}.bio__img{max-width:360px}.skillset__skills--code{grid-template-columns:repeat(3,1fr)}.skill__wrapper--languages,.skill__wrapper--libraries{grid-row:1/3}.skill__wrapper--frameworks{grid-column:2;grid-row:1}.skillset__skills--design{grid-template-columns:1fr 2fr}.skill__wrapper--other{grid-template-rows:1fr;padding-inline:clamp(1.3125rem,-7.2692rem + 13.0769vw,4.5rem)}.skill__wrapper--other .category__wrapper{left:calc(50% - (clamp(1.3125rem,-7.2692rem + 13.0769vw,4.5rem)/2))}.skill__wrapper--other:hover .category__wrapper{top:50%;left:0;transform:translateY(-50%)}.skills--other{grid-column:1;grid-row:1;aspect-ratio:unset;justify-self:flex-end;width:max-content}.skill__wrapper--design-skills,.skill__wrapper--branding{grid-template-columns:repeat(2,1fr);grid-template-rows:1fr}.skills--design-skills,.skills--branding{justify-self:flex-start;grid-column:2;grid-row:1;justify-items:flex-start}.skill__wrapper--design-skills .category__wrapper,.skill__wrapper--branding .category__wrapper{width:100%;display:grid;place-items:center;transition:var(--t-fast) width}.skill__wrapper--design-skills:hover .category__wrapper,.skill__wrapper--branding:hover .category__wrapper{width:50%;top:50%;left:0%;transform:translateY(-50%)}.contact__content{grid-template-columns:repeat(2,1fr);grid-template-rows:min-content 1fr}.contact__cta,.contact__intership{grid-column:1;height:min-content}.contact__cta{padding-block-start:var(--s-s)}.form{grid-column:2;grid-row:1/3}}