.wrapper{padding:0 var(--fluid-32-92)}.sidebar{--gap:var(--spacer-0);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--gap)}.sidebar>:first-child{flex-basis:var(--flex-basis,375px)}.sidebar>*{flex-grow:1}.center-l{margin-inline:auto;width:min(var(--width,1400px),100%)}.flow-1>*+*{margin-top:var(--spacer-1)}.flow-2>*+*{margin-top:var(--spacer-2)}.flow-fluid-3>*+*{margin-top:var(--fluid-24-64)}.flow-fluid-4>*+*{margin-top:var(--fluid-32-92)}.flex-inline{--gap:var(--spacer-1);display:flex;gap:var(--gap);align-items:center}.flex-ends{display:flex;justify-content:space-between}.content-around{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr 1fr}.block{display:block}.shrink{flex-grow:0}.hidden{display:none}.fs-base{font-size:var(--step-1)}.fs-m{font-size:var(--step-2)}.fs-l{font-size:var(--step-3)}.fs-xl{font-size:var(--step-4)}.fs-xxl{font-size:var(--step-5)}.fw-normal{font-weight:var(--fw-text)}.fw-extrabold{font-weight:var(--fw-heading)}.title-1{font-size:var(--step-5);font-weight:var(--fw-heading)}.title-2{font-size:var(--step-4);font-weight:var(--fw-heading)}.lh-125{line-height:1.25em}.lh-150{line-height:1.5em}.center{text-align:center}.bg-main{background-color:var(--color-bg)}.bg-alt{background-color:var(--color-text)}.bg-black{background-color:var(--black)}.bg-white{background-color:var(--white)}.color-text{color:var(--color-text)}.color-dark{color:var(--grey)}.color-light{color:var(--white)}.color-bg{color:var(--color-bg)}.fade{opacity:.5;transition:opacity 1s ease-out}.flow-bg-main>*+*{background-color:var(--color-bg);border-top:solid 1px var(--color-text);transition:border .2s ease-out}.br-s{border-radius:.25rem}.br-l{border-radius:.5rem}.br-xl{border-radius:1rem}.interactive{cursor:pointer}.transparent{background-color:transparent;border:none}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.fixed{position:fixed}.t-0{top:0}.t-fluid-l{top:var(--fluid-32-92)}.top-left{top:0;left:0}.full-screen{width:100%;height:100vh;height:100svh}.p-2{padding:var(--spacer-2)}.p-v-1{padding-block:var(--spacer-1)}.p-fluid-s{padding:var(--fluid-8-16)}.p-fluid-m{padding:var(--fluid-24-64)}.p-fluid-h-s{padding-inline:var(--fluid-8-16)}.p-fluid-v-xs{padding-block:var(--fluid-4-8)}.p-fluid-v-l{padding-block:var(--fluid-32-92)}.mt-4{margin-top:var(--spacer-4)}.mt-5{margin-top:var(--spacer-5)}.mb-5{margin-bottom:var(--spacer-5)}.mb-fluid-l{margin-bottom:var(--fluid-32-92)}@media only screen and (min-width:1024px){.mobile-only{display:none}}.cover{z-index:-1}.cover .illustration{display:grid;grid-template-columns:1fr;grid-template-areas:'cover';width:100%;height:100%}.cover .illustration__image{position:relative;grid-area:cover;justify-self:center;align-self:center;aspect-ratio:1/1;height:clamp(320px,100%,100vw);background-color:var(--bg,transparent)}.cover .illustration__image img{width:100%;height:100%;object-fit:contain}.cover .illustration__image .gradient{background:#202020;background:radial-gradient(circle,rgba(32,32,32,0) 0,rgba(32,32,32,0) 50%,#202020 75%)}.cover .gradient{width:100%;height:calc(100% + 2px)}.cover .baseline{opacity:var(--opacity, 1)}@media (height < 32.5rem){.cover{min-height:32rem;position:relative}.cover .baseline .name:after{content:' — '}.cover .baseline span{display:inline}}.cover .link-project{place-self:end start;writing-mode:vertical-lr;rotate:180deg;transform:translateY(4rem) translateX(.8rem)}.cover .link-about{display:flex;justify-self:end;writing-mode:vertical-rl}.content{position:relative;min-height:100vh;margin-top:100vh;padding-bottom:var(--fluid-32-92)}.content:before{content:' ';display:block;position:absolute;top:-10.5rem;left:0;width:100%;height:11rem;background:linear-gradient(0deg,#202020 0,rgba(32,32,32,0) 100%);z-index:0;pointer-events:none}.content .projects{--offset:clamp(3.5rem, 2.1913rem + 6.5434vw, 6.375rem);position:relative;top:calc(0px - var(--offset));margin-bottom:calc(0px - var(--offset))}@media (min-width:1024px){.content .projects{--offset:clamp(4rem, -4.1702rem + 12.766vw, 7rem)}.projects[data-display=grid]{display:grid;grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:var(--fluid-16-48)}.projects[data-display=grid] .project__title{font-size:var(--step-4)}.projects[data-display=grid] .container{transform:scale(1);opacity:1;display:grid;grid-template-columns:auto;grid-template-rows:auto max-content}.projects[data-display=grid] .project{position:relative;background-color:transparent;border-top:none}}@media (min-width:1024px){.skills{column-count:2;gap:var(--spacer-5)}}.project__skills{--gap:var(--spacer-0);grid-area:tag;align-self:center}.project__skills .skill{--h-padding:clamp(0.5em, 0.4259em + 0.3704vw, 0.75em);--v-padding:0;padding:var(--v-padding) var(--h-padding);border:solid 1px var(--color-text)}.content .project__skills .skill:not(:last-child):after,.more-projects .skill:not(:last-child):after{content:' ';display:inline-block;width:.5rem;height:.5rem;margin-left:var(--spacer-1);background-color:var(--color-text);border-radius:50%;transform:translateY(-.03em)}.content .project__skills{--gap:0}.content .project__skills .skill,.more-projects .skill{padding:var(--v-padding) var(--h-padding) var(--v-padding) 0;opacity:.5;border:none}.project{position:sticky;top:0;display:grid;padding:var(--spacer-1) 0 var(--spacer-2)}.project[data-tacked=true]{border-top:solid 1px rgba(255,255,255,0)}.project[data-hidden=true]{display:none}.project .container{display:block;width:100%;transform:translate3D(0,0,0) scale(var(--scale)) rotate(var(--rotate,0));opacity:var(--neg-percent);container-name:project;container-type:inline-size}.project .image{position:relative;overflow:hidden;width:100%;height:50vh;transition:height .1s ease-out;background-color:var(--black)}.project .image .image-wrapper{position:relative;height:100%;width:100%}.project .image img{position:absolute;left:50%;top:0;width:100%;height:100%;object-fit:cover;transform:translateX(-50%)}.project__presentation{padding-inline:clamp(2rem,-1.4815rem + 17.4074vw,13.75rem)}.project__presentation .skill{--v-padding:clamp(0.25em, 0.1759em + 0.3704vw, 0.5em)}.project__content img{height:auto;width:100%;display:flex;justify-content:center;align-items:center}.project__content iframe{aspect-ratio:16/9;width:100%}.project__doc{transition:opacity .5s ease-out}.project__doc[data-reveal=false]{opacity:0}.project__doc[data-reveal=true]{opacity:1}.more-projects__item:not(:last-child){border-bottom:solid 1px var(--color-text)}.more-projects__item h2{transition:transform .2s ease-out}.more-projects__link{--gap:.25rem}.more-projects .skill{padding-bottom:0}@media (hover:hover){.more-projects__item:hover h2{transform:translateX(2rem)}.more-projects__item h2:before{content:'›';display:block;position:absolute;left:0;opacity:0;transition:left .3s ease-out,opacity .4s ease-out}.more-projects__item:hover h2:before{left:-2rem;opacity:.5}}.tag{display:inline-block;position:relative;grid-area:tag;top:-.25em;padding:0 .5rem;width:max-content;background-color:var(--tag-color,#eff158)}.skill-title{margin-top:-.25em}.skill-block{break-inside:avoid}.skills-feature{height:auto;line-height:2em}.skills-feature .item:hover{opacity:1}@media (max-width:1023px){.skills-feature[data-open=false]{height:0;overflow:hidden}.skills-feature[data-open=true]{margin-top:2em}}@media (min-width:1024px){.skills-feature{margin-top:2em}}.networks{justify-content:space-between}.network__item{height:64px}.networks__link{position:relative}.networks__link:hover .networks__tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(-100%)}@media (hover:none){.networks__link[data-active=true] .networks__tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(-100%)}}.networks__tooltip{--transition-speed:.2s;position:absolute;left:50%;top:0;transform:translateX(-50%) translateY(-50%);visibility:hidden;opacity:0;transition:opacity var(--transition-speed) ease-out,visibility var(--transition-speed) ease-out,transform var(--transition-speed) ease-out}.networks__tooltip:after{content:' ';display:block;position:absolute;bottom:calc(0px - var(--spacer-1));left:50%;width:0;height:0;border-style:solid;border-width:var(--spacer-1) var(--spacer-1) 0 var(--spacer-1);border-color:var(--white) transparent transparent transparent;transform:rotate(0) translateX(-50%)}.network__item img{height:100%;width:auto}.header{transition:top .2s ease-out;z-index:1;pointer-events:none}.header[data-sticky=false]{position:sticky;top:-15rem}.header[data-sticky=true]{position:sticky;top:0}.header__link{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--fluid-32-92) * 1.5);height:calc(var(--fluid-32-92) * 1.5);background-color:var(--color-bg);border:solid 2px var(--color-text);pointer-events:all}.brand{width:32px;width:var(--fluid-32-92);height:32px;height:var(--fluid-32-92);transform:translateY(32px * .15);transform:translateY(calc(var(--fluid-32-92) * .15))}.brand svg{fill:var(--color-text)}.contact{--gap:1.5em}.contact h2{--flex-basis:7ch}.selector{bottom:var(--spacer-2);right:var(--fluid-32-92);width:max-content;border:solid 3px var(--color-bg)}.selector .commands{align-items:stretch;transition:opacity 1s ease-out}.selector .filter{padding-block:0.5rem;color:inherit;border:solid 2px var(--light-grey);background-color:transparent;box-shadow:0 .25rem 0 var(--light-grey)}.selector .filter[data-active=true]{border:solid 2px var(--color-bg);box-shadow:0 .25rem 0 var(--color-bg)}.selector .filter:active{border:solid 2px var(--color-bg);box-shadow:0 0 0 var(--color-bg);transform:translateY(.25rem)}.display-selector{display:inline-block;height:100%;width:4rem}.selector-icon{display:flex;position:absolute;justify-content:center;align-items:center;width:100%;height:100%;top:50%;left:50%;transform:translateX(-50%) translateY(-50%)}.selector{overflow:hidden;width:7.375rem;transition:width .3s ease-out}.selector .commands{visibility:hidden;opacity:0}@media (hover:hover){.selector:hover{width:31ch}.selector:hover .selector-icon{display:none}.selector:hover .commands{visibility:visible;opacity:1}}@media (hover:none){.selector[data-active=true] .selector-icon{display:none}.selector[data-active=true] .commands{visibility:visible;opacity:1}}@media (hover:hover) and (min-width:1024px){.selector:hover{width:38ch}}@media only screen and (hover:none) and (max-width:1023px){.display-selector{display:none}.selector[data-active=true]{width:31ch}}@media only screen and (hover:none) and (min-width:1024px){.selector[data-active=true]{width:38ch}}.loader{background-color:var(--color-bg);position:fixed;top:0;left:0;opacity:1;transition:opacity var(--duration) ease-out;display:flex;justify-content:center;align-items:center;overflow:hidden;z-index:9999;pointer-events:none}.loader svg{width:min(100%,200px);fill:var(--color-text)}.loader[data-close=true]{opacity:0}#app{transition:transform var(--duration) ease-out,opacity var(--duration) ease-out}#app[data-close=true]{opacity:0;transform:translateY(5rem)}