@font-face{font-family:spoof;src:url("../fonts/Spoof-Light.otf");font-display:swap}@font-face{font-family:spoof;src:url("../fonts/Spoof-Medium.otf");font-weight:bold;font-display:swap}@font-face{font-family:poppins;src:url("../fonts/Poppins-Regular.ttf");font-display:swap}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}button{all:unset}button:focus-visible{outline-offset:2px;outline:-webkit-focus-ring-color auto 1px}:root{--white: #fafafa;--gray: #9d9d9c;--black: #000;--background-color: var(--white);--text-color: var(--black);--default-font-size: 2rem;--default-transition-duration: 0.25s;--desktop-margin: 5.6rem;--mobile-margin: 2.4rem;--font-family: spoof}html{height:100%;scroll-behavior:smooth;cursor:none;font-size:62.5%}body{padding:var(--desktop-margin);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family);font-size:var(--default-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;background-color:var(--background-color);color:var(--text-color)}body:has(nav.open){overflow:hidden}@media only screen and (width <= 730px){body{padding:var(--mobile-margin)}}main{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 auto;max-width:146.5rem}br.text-break-mobile{display:none}@media only screen and (width <= 730px){br.text-break-desktop{display:none}br.text-break-mobile{display:block}}a[href]{text-decoration:none;color:var(--gray);-webkit-transition:color var(--default-transition-duration);transition:color var(--default-transition-duration);cursor:none}a[href]:visited{color:var(--gray)}a[href]:hover,a[href]:active{color:var(--text-color)}img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}header{position:fixed;top:0;left:0;right:0;padding:var(--mobile-margin) var(--desktop-margin);z-index:10}nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.navbar__logo{width:50px;height:25px;z-index:1}.navbar__logo img{max-width:100%;height:auto}.navbar__links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:26.7rem}.navbar__links li{list-style:none}.navbar__links li a{font-size:1.5rem;color:var(--text-color)}.navbar__links li a:visited{color:var(--text-color)}button.burger{display:none;z-index:1}button.burger span{display:block;width:2.5rem;height:.2rem;margin-bottom:.7rem;background-color:var(--text-color);border-radius:.3rem;-webkit-transform-origin:.4rem 0;-ms-transform-origin:.4rem 0;transform-origin:.4rem 0;-webkit-transition:background-color .2s linear,opacity .4s ease,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1);transition:background-color .2s linear,opacity .4s ease,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1);transition:transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),background-color .2s linear,opacity .4s ease;transition:transform .4s cubic-bezier(0.77, 0.2, 0.05, 1),background-color .2s linear,opacity .4s ease,-webkit-transform .4s cubic-bezier(0.77, 0.2, 0.05, 1)}button.burger span:nth-child(1){-webkit-transform-origin:0% 0%;-ms-transform-origin:0% 0%;transform-origin:0% 0%}button.burger span:nth-child(2){-webkit-transform-origin:0% 100%;-ms-transform-origin:0% 100%;transform-origin:0% 100%}button.burger span:nth-child(3){margin-bottom:0}@media only screen and (width <= 730px){header{padding:var(--mobile-margin);-webkit-transition:opacity var(--default-transition-duration);transition:opacity var(--default-transition-duration)}header.hidden{opacity:0}button.burger{display:block}.navbar__links{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0;visibility:hidden}.navbar__links.smooth-transition{-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.navbar__links li{-webkit-transform:translate(0, 1.5rem);-ms-transform:translate(0, 1.5rem);transform:translate(0, 1.5rem);opacity:0;-webkit-transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,-webkit-transform .4s;transition:opacity .4s,transform .4s;transition:opacity .4s,transform .4s,-webkit-transform .4s}.navbar__links li a{color:var(--gray);font-size:4.8rem}.navbar__links li a:visited,.navbar__links li a:hover{color:var(--gray)}nav.open button.burger span{-webkit-transition:-webkit-transform .2s linear;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear, -webkit-transform .2s linear;background-color:var(--gray)}nav.open button.burger span:nth-child(1){-webkit-transform:rotate(45deg) translate(0.2rem, -0.1rem);-ms-transform:rotate(45deg) translate(0.2rem, -0.1rem);transform:rotate(45deg) translate(0.2rem, -0.1rem)}nav.open button.burger span:nth-child(2){opacity:0;-webkit-transform:rotate(0deg) scale(0.2, 0.2);-ms-transform:rotate(0deg) scale(0.2, 0.2);transform:rotate(0deg) scale(0.2, 0.2)}nav.open button.burger span:nth-child(3){-webkit-transform:rotate(-45deg) translate(0.1rem, -0.2rem);-ms-transform:rotate(-45deg) translate(0.1rem, -0.2rem);transform:rotate(-45deg) translate(0.1rem, -0.2rem)}nav.open .navbar__links{visibility:visible;opacity:1}nav.open .navbar__links li{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0);opacity:1}nav.open .navbar__links li:nth-child(1){-webkit-transition-delay:.15s;transition-delay:.15s}nav.open .navbar__links li:nth-child(2){-webkit-transition-delay:.25s;transition-delay:.25s}nav.open .navbar__links li:nth-child(3){-webkit-transition-delay:.35s;transition-delay:.35s}}footer:not(.contact-footer){display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-top:24rem;background-color:var(--background-color);font-size:1.5rem}footer:not(.contact-footer) .informations{width:60%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}footer:not(.contact-footer) .informations div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}footer:not(.contact-footer) .informations div p.title{margin-bottom:.5rem}footer:not(.contact-footer) .informations div p:not(.title){color:var(--gray)}footer:not(.contact-footer) .informations div a{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}footer:not(.contact-footer) .copyrights{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:40%}@media only screen and (width <= 1050px){footer:not(.contact-footer) .informations{width:75%}footer:not(.contact-footer) .copyrights{width:25%}}@media only screen and (width <= 860px){footer:not(.contact-footer){padding-top:8rem;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;font-size:var(--default-font-size)}footer:not(.contact-footer) .informations{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;line-height:4rem}footer:not(.contact-footer) .informations div{margin:2.4rem 0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}footer:not(.contact-footer) .copyrights{margin-top:.5rem;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}@media only screen and (width <= 400px){footer:not(.contact-footer){font-size:1.9rem}}footer.contact-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}footer.contact-footer a{font-size:1.5rem}.ghost-title-container{height:100vh;margin:0 auto;min-height:20rem}.ghost-title-container h1{position:fixed;left:50%;top:50dvh;padding:0 2.4rem;width:100%;z-index:-1;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-weight:normal;text-align:center;-webkit-transition:opacity .5s;transition:opacity .5s;font-size:clamp(2.2rem,5vw,4.6rem);line-height:clamp(3.8rem,10vw,7.8rem)}.ghost-title-container h1.hidden{opacity:0}.ghost-title-container.medium{height:50vh}.ghost-title-container.medium h1{top:25dvh;line-height:3.8rem;font-size:var(--default-font-size)}@media only screen and (width <= 730px){.ghost-title-container.medium h1{top:calc(25vh + 2.5rem)}}.custom-cursor-container{position:fixed;top:0;left:0;-webkit-transform:translate(var(--cursor-pos-x), var(--cursor-pos-y));-ms-transform:translate(var(--cursor-pos-x), var(--cursor-pos-y));transform:translate(var(--cursor-pos-x), var(--cursor-pos-y));z-index:100;pointer-events:none}.custom-cursor-container:has(.cursor.hidden){display:none}.custom-cursor-container .cursor{height:3.2rem;width:3.2rem;background-color:var(--gray);border-radius:50%;z-index:100;-webkit-transition:-webkit-transform var(--default-transition-duration);transition:-webkit-transform var(--default-transition-duration);transition:transform var(--default-transition-duration);transition:transform var(--default-transition-duration), -webkit-transform var(--default-transition-duration);pointer-events:none}.custom-cursor-container .cursor.small{-webkit-transform:scale(0.7);-ms-transform:scale(0.7);transform:scale(0.7)}.work .gallery{background-color:var(--background-color);display:grid;grid-template-columns:repeat(4, 1fr);gap:.3rem}.work .gallery .gallery__item--large{grid-column:span 2;grid-row:span 2}.work .gallery .gallery__item .gallery__item--link{display:block;position:relative}.work .gallery .gallery__item .gallery__item--link .gallery__img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-filter var(--default-transition-duration);transition:-webkit-filter var(--default-transition-duration);transition:filter var(--default-transition-duration);transition:filter var(--default-transition-duration), -webkit-filter var(--default-transition-duration)}.work .gallery .gallery__item .gallery__item--link .gallery__item--hover-title{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);padding:0 .5rem;width:100%;opacity:0;visibility:hidden;-webkit-transition:opacity var(--default-transition-duration),visibility var(--default-transition-duration);transition:opacity var(--default-transition-duration),visibility var(--default-transition-duration);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work .gallery .gallery__item .gallery__item--link:hover .gallery__img{-webkit-filter:grayscale(90%) opacity(0.05);filter:grayscale(90%) opacity(0.05)}.work .gallery .gallery__item .gallery__item--link:hover .gallery__item--hover-title{opacity:1;visibility:visible}.work .gallery .gallery__item .gallery__item--title{display:none;padding:6.4rem 0;text-align:center}.work .gallery .gallery__item .gallery__item--title a{color:var(--text-color)}@media(hover: none){.work .gallery{grid-template-columns:repeat(2, 1fr)}.work .gallery .gallery__item--large{grid-column:auto;grid-row:auto}.work .gallery .gallery__item .gallery__item--title{display:block}.work .gallery .gallery__item .gallery__item--link:hover .gallery__img{-webkit-filter:unset;filter:unset}.work .gallery .gallery__item .gallery__item--link:hover .gallery__item--hover-title{opacity:0;visibility:hidden}.work .gallery .gallery__item.duplicate{display:none}}@media only screen and (width <= 730px){.work .gallery{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.work .gallery .gallery__item .gallery__item--title{display:block}.work .gallery .gallery__item.duplicate{display:none}}.go-to-work-arrow{display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;left:50%;bottom:5.6rem;-webkit-transform:translateX(-50%) rotate(180deg);-ms-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);width:38px;height:16px;-webkit-transition:opacity var(--default-transition-duration),visibility var(--default-transition-duration);transition:opacity var(--default-transition-duration),visibility var(--default-transition-duration)}@media only screen and (width <= 730px){.go-to-work-arrow{width:24px;height:10px}}.go-to-work-arrow svg{width:100%;height:100%;fill:var(--gray);-webkit-transition:fill var(--default-transition-duration);transition:fill var(--default-transition-duration)}@media(hover: none){.go-to-work-arrow svg{fill:var(--black)}}.go-to-work-arrow.hidden{opacity:0;visibility:hidden}.go-to-work-arrow:hover svg{fill:var(--black)}.contact{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:var(--desktop-margin) auto}.contact a{font-size:clamp(1.9rem,5vw,4.6rem);line-height:clamp(3.8rem,10vw,7.8rem)}.about-me .description{display:-webkit-box;display:-ms-flexbox;display:flex;-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;background-color:var(--background-color)}.about-me .description img{margin-bottom:3.2rem;width:100%;height:auto}.about-me .description p{max-width:75rem;text-align:center;line-height:3rem;margin:0}.about-me .description p.first{margin-bottom:2.4rem}.about-me .description h2{font-size:var(--default-font-size);font-weight:bold;margin:3rem 0}.project .description{background-color:var(--background-color)}.project .description img{display:block;width:100%}.project .description .vimeo-player{padding:56.25% 0 0 0;position:relative}.project .description .vimeo-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.project .description .text-container{margin:16rem auto;max-width:75rem;text-align:center}.project .description .text-container p:not(:last-of-type){margin-bottom:4.8rem}.project .description .margin-bottom{margin-bottom:.8rem}.project .links-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:16rem auto 0;max-width:64rem}@media only screen and (width >= 860px){.project .description .text-container{margin:8rem auto}.project .description .margin-bottom{margin-bottom:2.4rem}.project .links-box{margin:6.4rem auto}}@media only screen and (width <= 350px){.project .links-box{font-size:1.8rem}}