@font-face{font-family:pangaia;src:url(/assets/PPPangaia-Ultralight-Bav2mhWz.woff2) format("woff2");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/assets/GeistMono-Bold-CVFuGJZ4.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/assets/GeistMono-Medium-FjcWtm6Q.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:geist;src:url(/assets/GeistMono-Light-LQnOwxTQ.woff2) format("woff2");font-weight:300;font-display:swap}:root{--fs-md: clamp(1.125rem, 2vw, 1.5rem);--fs-2md: clamp(1.5rem, 3vw, 2.5rem);--fs-lg: clamp(2rem, 4vw, 3rem);--fs-xl: clamp(3rem, 6vw, 6rem);--fs-2xl: clamp(4rem, 8vw, 9rem);--fs-3xl: clamp(4rem, 10vw, 12rem);--fs-preloader: clamp(1rem, 3vw, 4rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:geist}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}.introduction{padding:.5rem;height:100dvh;width:100dvw;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;z-index:99;background-color:#000;color:#000;font-size:1rem}.introduction svg{position:absolute;top:0;width:100%;height:calc(100% + 300px)}.introduction svg path{fill:#000}.animated-words{word-break:break-word;color:#fff;align-items:center;font-weight:200;max-width:35ch;z-index:1;letter-spacing:2px;will-change:opacity}.presentation{display:flex;align-items:center}.text-type__content{font-weight:700}.introduction{will-change:transform}@media (min-width: 768px){.introduction{font-size:var(--fs-preloader)}.animated-words{max-width:30ch}}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1;animation-name:text-type-blink;animation-duration:.5s;animation-iteration-count:infinite;animation-timing-function:steps(1,end)}.text-type__cursor--hidden{visibility:hidden;animation:none}@keyframes text-type-blink{0%,49%{opacity:1}50%,to{opacity:0}}.introduction-section{background-color:#f7f6f3;color:#121212;display:flex;flex-direction:column;gap:4vw;width:100%;font-family:geist;padding:2vw 2vw 12vw}.me-wrapper img{display:block;width:100%;height:auto}.menu-wrapper{overflow:hidden;display:flex;justify-content:flex-end}.menu-button{font-size:var(--fs-md);border:1px solid black;border-radius:21px;padding:0 1rem;height:fit-content;cursor:pointer;background-color:transparent;text-transform:uppercase;position:relative;overflow:hidden;color:#000;isolation:isolate;transition:color .5s ease-in-out}.menu-button:hover{color:#f7f6f3}.menu-button-text{background:transparent;z-index:2;position:relative}.bottom-info{display:none}.after{color:#fff;position:absolute;border-radius:50%;padding:0 1rem;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1}.main-infos-wrapper{margin-bottom:8vw;display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.name-wrapper{z-index:1;overflow:hidden;font-size:13vw;font-weight:200;line-height:1.2;width:100%;text-align:center;font-family:pangaia;text-transform:uppercase}.front-end-developer-wrapper{font-size:8vw;text-align:center}.site-description-wrapper{font-size:var(--fs-md);text-align:center;text-transform:uppercase;line-height:1.4;font-weight:400;overflow:hidden}.about-me{max-width:55ch;letter-spacing:-.03em;text-align:center;margin-left:auto;margin-right:auto;font-size:var(--fs-md);font-weight:300}.about-me .line{overflow:hidden;will-change:transform}.about-me p{display:inline-block}.companies-wrapper{display:flex;flex-direction:column;gap:4vw;padding:10vw 0;text-align:center}.companies-title{font-weight:700;font-size:var(--fs-md);text-transform:uppercase}.companies-list{font-weight:300;list-style:none;padding:0;display:flex;flex-direction:column;justify-content:center;gap:1rem;font-size:var(--fs-md)}@media screen and (min-width: 1200px){.introduction-section{gap:0;padding-bottom:2vw}.site-description-wrapper{text-align:left}.main-infos-wrapper{gap:0;padding:0;max-width:2560px;display:grid;max-height:calc(100dvh - 4vw - 38px);margin:0 auto 25%;width:100%;grid-template-columns:.7fr 1fr;grid-template-rows:max-content 1fr}.name-wrapper{width:100%;word-break:break-word;font-size:clamp(135px,13vw,340px);font-family:pangaia;grid-row:1 / 2;z-index:1;text-transform:uppercase;grid-column:1 / 3;overflow:hidden;line-height:.96}.front-end-developer-wrapper{grid-column:2 / 3;grid-row:2 / 3;z-index:1;font-size:clamp(38px,3.5vw,100px);display:flex;font-weight:300;line-height:.89;text-transform:uppercase;overflow:hidden;text-align:left}.me-wrapper{grid-column:1 / 2;grid-row:2 / 4}.right-info{display:flex;flex-direction:column;gap:2rem;padding-left:2rem;grid-row:2 / 3;grid-column:2 / 3}.bottom-info{font-size:var(--fs-md);margin-top:auto;font-weight:300;display:flex;align-items:center;justify-content:space-between;overflow:hidden;line-height:.89}.about-me,.companies-title{font-size:var(--fs-2md)}.companies-list{flex-direction:row;font-size:var(--fs-2md)}}.carousel{background-color:#000;min-height:100dvh}.contentContainer{height:100dvh;padding-left:1rem;position:sticky;top:0;overflow:hidden}.images{height:100%;width:fit-content;display:flex;gap:2rem}.image-item{padding:2vw 0;overflow:hidden}.images img{height:calc(100% - var(--fs-md) - 1rem);max-width:max-content}.text-right{text-align:right}.image-title{line-height:1;font-weight:700;font-size:var(--fs-md)}.image-info{font-family:geist;overflow:hidden;padding-top:1rem;display:flex;vertical-align:text-bottom;font-weight:700;color:#fff;text-align:right;justify-content:flex-end}.parallax{position:relative;overflow:hidden}.scroller{display:flex;white-space:nowrap;text-align:center;font-family:sans-serif;font-size:2.25rem;font-weight:700;letter-spacing:-.02em;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.scroller span{flex-shrink:0}@media (min-width: 768px){.scroller{font-size:5rem;line-height:5rem}}.photography-section{background-color:#000}.scroll-text-wrapper{padding:4rem 0}.scroll-text{color:#fff;display:inline;font-family:geist;font-weight:400;font-size:var(--fs-lg);line-height:1.4}.photography{position:relative}.split-text{-webkit-text-fill-color:transparent;background:linear-gradient(to bottom,#000 57%,#fff 0%);-webkit-background-clip:text;background-clip:text;font-family:geist;position:absolute;text-align:center;left:0;right:0;font-size:12vw}.edited-with-lightroom{color:#fff;padding-left:2vw;letter-spacing:.1em;font-size:var(--fs-md);font-weight:700}@media screen and (min-width: 768px){.split-text{font-size:var(--fs-xl);right:4vw;left:unset}.scroll-text-wrapper{padding:8vw 0}}.darkroom-section{position:relative;height:400vh;background-color:#000;padding-top:4vw;display:flex;flex-direction:column;gap:4vw}.darkroom-loading{height:100dvh;width:100vw;background-color:#fff;color:#000;font-size:var(--fs-xl);transition:opacity .3s ease-in-out}.darkroom-canvas-wrapper{height:100dvh;position:sticky;top:0}.darkroom-title-wrapper{padding-left:2vw;overflow:hidden}.darkroom-title{font-size:9vw;color:#fff;text-transform:uppercase;text-shadow:3px 3px 0 white,6px 6px 0 black,9px 9px 0 white}.darkroom-loading{position:fixed;padding:1rem;inset:0;height:100dvh;width:100%;background:#000;color:#fff;font-size:4vw;z-index:9999;display:flex;justify-content:center;flex-direction:column}.darkroom-loading-content{max-width:max-content;margin:auto;display:flex;flex-direction:column;gap:1rem}.darkroom-text-loading{font-size:var(--fs-md);font-weight:700}@keyframes blink{0%{opacity:1;transform:translateY(-8px)}50%{transform:translateY(0);opacity:0}to{transform:translateY(-8px)}}.darkroom-text-loading-dot{display:inline-block}.darkroom-text-loading-dot:nth-child(1){animation:blink 1s infinite ease-out}.darkroom-text-loading-dot:nth-child(2){animation:blink 1s infinite ease-out .2s}.darkroom-text-loading-dot:nth-child(3){animation:blink 1s infinite ease-out .4s}.darkroom-assets-loading-container{font-size:var(--fs-md);font-weight:200}.darkroom-asset-loading{display:flex;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 768px){.darkroom-title{font-size:var(--fs-xl);text-align:left}.darkroom-text-loading{font-size:var(--fs-lg);font-weight:700}.darkroom-assets-loading-container{font-size:var(--fs-md);font-weight:200}}.contact-section{display:flex;align-items:center;flex-direction:column;background-color:#f7f6f3}.contact-title{grid-area:title;font-size:var(--fs-xl);font-weight:400;margin-bottom:6rem;text-align:center}.contact-content{width:100%;margin-bottom:-1px;justify-items:center;border-bottom:1px solid white;display:flex;flex-direction:column;align-items:center;gap:4rem}.contact-description{padding:0 2rem;max-width:45ch;grid-area:description;color:#000;font-size:var(--fs-lg);font-weight:200;margin-bottom:6rem}.contact-button{position:relative;width:100%;text-decoration:none;display:flex;justify-content:center;border-top:2px solid white;gap:1.5rem;padding:2vw;align-items:center;font-weight:400;font-size:var(--fs-3xl);text-transform:uppercase;color:#000;overflow:hidden;isolation:isolate}.contact-button-after{position:absolute;color:#fff;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:1;border-radius:50%}.contact-button-text{background:transparent;z-index:2;position:relative;text-align:center}.contact-links{list-style:none;width:100%;padding:0;display:flex;justify-content:space-around;gap:2rem;border-top:1px solid black;border-bottom:1px solid black}.contact-link{display:block;overflow:hidden;position:relative;font-size:var(--fs-lg);padding:.5em;text-decoration:none;color:#000}.contact-link div{display:flex;align-items:center;gap:.5rem}.contact-link div:nth-child(2){position:absolute;transform:translateY(calc(100% + .75em));top:0;transition:transform .3s ease-out,opacity .3s ease-out;opacity:0}.contact-link:hover div:nth-child(2){transform:translateY(.5em);opacity:1}.contact-link div:nth-child(1){transform:translateY(0);transition:transform .3s ease-out,opacity .3s ease-out;opacity:1}.contact-link:hover div:nth-child(1){transform:translateY(calc(-100% - .75em));opacity:0}.contact-link-text{display:none}@media (min-width: 768px){.contact-link-text{display:block}.contact-link{font-size:var(--fs-md)}}.footer{background-color:#000;color:#fff;display:flex;flex-wrap:wrap;font-family:geist;font-size:var(--fs-md);gap:1rem;justify-content:space-between;padding:2vw 4vw}.footer .line{overflow:hidden;line-height:1}.footer .line span{display:inline-block}