@import"https://fonts.googleapis.com/css2?family=Italiana&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Macondo&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:700";@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:none}html,body{overflow:hidden}#intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;font-family:FontIntro,sans-serif;color:#fff;overflow:hidden}#loading-percentage{font-size:1.5rem;overflow:hidden;z-index:11;color:#000}.experience{position:fixed;top:0;left:0;outline:none}.experience-canvas{overflow:hidden;width:100%;height:100%}@font-face{font-family:Font1;src:url(textures/font.otf)}.center{position:absolute;color:#000;top:61%;left:50%}.icon-container{z-index:100;position:fixed;top:10px;left:10px;font-size:55px;font-weight:700;font-family:Inter,sans-serif;color:#fff}.icon-letter{z-index:1000;color:#fff;display:inline-block;transition:transform .3s ease;background-color:transparent}.icon-letter-d{transform:scaleX(-1);margin-right:-.22em}.icon-container:hover .icon-letter-d{transform:scaleX(1) translate(0)}.icon-container:hover .icon-letter-l{transform:translate(5px)}#landing-page{display:none}.wrapperHeader{display:flex;justify-content:center}.header{position:absolute;margin-top:4.813em;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Poppins,sans-serif;background-color:#fff0}.headerName{color:#fff;font-size:64px;font-weight:600;background-color:#f000;letter-spacing:.04em}.headerDescription{font-size:16px;font-weight:400;font-family:Poppins,sans-serif;letter-spacing:.1em;color:#999;background-color:#f000}.button-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:30rem;background-color:#f000}.button{font-size:1rem;font-weight:regular;text-decoration:none;color:#9b9a9a;cursor:pointer;transition:color .8s;font-family:Poppins,sans-serif;letter-spacing:.1em;background-color:#fff0;position:relative}.button:hover{color:#fff}.button:after{content:"";position:absolute;top:20px;left:0;height:2px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}.button:hover:after{width:100%;left:0;color:#fff}.workContainer{display:flex;padding-top:0;flex-direction:column;justify-content:space-between}.work-wrapper{position:absolute;top:50%;display:flex;flex-direction:column;z-index:1000;color:#fff;background-color:#0000}.buttonWork{background-color:#0000;text-decoration:none;font-size:.8em;letter-spacing:.1em;line-height:1.4em;font-family:Inter,sans-serif;font-weight:200;color:#fff;padding-left:1em;color:gray;transition:all .3s}.buttonWork:hover{transition:all .3s;color:#fff}.worksContainer{position:fixed;width:100%;height:100vh;pointer-events:none;z-index:1000}.works-wrapper{position:relative;width:100%;height:100%;z-index:1000}.g-description,.c-description,.m-description,.ra-description,.rs-description,.rc-description,.r-description,.f-description{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:auto;opacity:0;display:none;align-items:center;justify-content:center;z-index:1000;pointer-events:all}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-family:Inter,sans-serif;color:#fff;font-size:.9rem;font-weight:400;margin:0;white-space:nowrap;align-items:center;text-align:center;justify-content:center;z-index:1000}.description-active{opacity:1;z-index:1000}#workButtons{position:absolute;left:50%;transform:translate(-50%);padding-top:50px;font-weight:200;font-family:Inter,sans-serif;font-size:.7rem;color:#9e9e9e;text-decoration:none;width:120px;text-align:center}#workButtons:hover{color:#fff}#workButtons:after{content:"";position:absolute;top:65px;left:1%;height:1px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}#workButtons:hover:after{width:100%;color:#fff}.work-carousel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;max-width:750px;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;z-index:2}.work-carousel-inner{position:absolute;top:0;left:0;width:100%;transition:transform .4s ease-out}.work-carousel-inner video{display:block;width:100%;height:100%;object-fit:cover}.work-carousel-item{position:relative;width:100%;aspect-ratio:16 / 9}@media (max-width: 768px){.work-carousel{width:85%}}@media (max-width: 480px){.work-carousel{width:90%}}.project-names-list{position:fixed;left:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:1rem;z-index:1000;pointer-events:all;opacity:1;transition:opacity .4s ease}.project-name-item{font-family:Inter,sans-serif;font-size:.8rem;font-weight:200;color:#595959;letter-spacing:.1em;cursor:pointer;transition:color .3s ease;margin:0}.project-name-item:hover,.project-name-item.active{color:#fff}@media (max-width: 500px){.project-names-list{display:none!important}}@media (max-width: 768px){.project-name-item{font-size:.65rem;letter-spacing:.05em}}@media (min-width: 768px) and (max-width: 1024px){.project-names-list{left:1.5rem;gap:.8rem}.project-name-item{font-size:.7rem}}.project-detail-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;display:none;opacity:0;z-index:2000;pointer-events:all}.project-top-info{position:absolute;left:50%;transform:translate(-50%);width:55%;max-width:750px;bottom:calc(50% + 15.46875vw - .1rem);display:flex;justify-content:space-between;align-items:baseline}.project-title{font-family:Poppins,sans-serif;font-size:48px;font-weight:500;color:#fff;letter-spacing:.03em;text-align:left;white-space:nowrap;line-height:1}.project-year{font-family:Poppins,sans-serif;font-size:32px;font-weight:100;color:#fff;letter-spacing:2px;text-align:right;white-space:nowrap;line-height:1}.project-bottom-info{position:absolute;left:50%;transform:translate(-50%);width:55%;max-width:750px;top:calc(50% + 15.46875vw + 1rem);pointer-events:none;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.project-description{font-family:Poppins,sans-serif;font-size:14px;font-weight:200;color:#fff;max-width:60%;line-height:1.6;pointer-events:all;text-wrap:pretty}.project-tags{display:flex;flex-direction:column;gap:0rem;pointer-events:all}.project-tag{font-family:Poppins,sans-serif;font-size:14px;font-weight:200;color:#aaa;line-height:1.6;white-space:nowrap}.project-link{font-family:Poppins,sans-serif;font-size:14px;font-weight:200;color:silver;text-decoration:none;padding:0;line-height:1.6;transition:all .3s ease;display:inline-block;white-space:nowrap;pointer-events:all}.project-link:hover{background-color:none;color:#fff}.close-project{position:fixed;top:2rem;right:2rem;background:none;border:none;color:#fff;font-size:3rem;cursor:pointer;font-weight:200;line-height:1;transition:transform .3s ease}.close-project:hover{transform:rotate(90deg)}@media (max-width: 768px){.project-top-info{width:85%;bottom:calc(50% + 23.90625vw - .1rem)}.project-title{font-size:28px}.project-year{font-size:20px;letter-spacing:2px}.project-bottom-info{width:85%;top:calc(50% + 23.90625vw + 1rem)}.close-project{top:1rem;right:1rem;font-size:2rem}.project-description{font-size:.7rem;max-width:250px}.project-link{font-size:.7rem;padding:.5rem 0}}@media (max-width: 480px){.project-top-info{width:90%;bottom:calc(50% + 25.3125vw - .1rem)}.project-bottom-info{width:90%;top:calc(50% + 25.3125vw + 1rem)}}@media (min-width: 768px) and (max-width: 1024px){.close-project{font-size:2.5rem}.project-title{font-size:1.6rem}.project-description{font-size:.75rem;max-width:350px}.project-link{font-size:.75rem}}.container{display:flex;height:100vh;padding-top:0}.left-half{width:50%}.right-half{width:50%;display:flex;justify-content:center;align-items:center}#wrapper-abt{position:relative;display:flex;flex-direction:column;width:100%;max-width:41rem;padding:1rem;border:dashed 4px #ff000000;background-color:#0000}.about-description{color:#fff;width:100%;font-weight:200;letter-spacing:-.3px;background-color:#5e0b0b00;font-size:clamp(.8rem,2vw,.9rem);padding:1rem;font-family:Poppins,sans-serif;line-height:1.15}.about-description p{background-color:#fff0}.AboutButtons{display:flex;gap:5rem;justify-content:left;align-items:left;padding:1rem;background-color:#3330}#aboutButtons{font-size:.7rem}.buttonsocial{font-size:1rem;font-weight:700;text-decoration:none;color:#999;cursor:pointer;transition:color .8s;font-family:Poppins,sans-serif;background-color:transparent;position:relative}.buttonsocial:hover{color:#fff}.buttonsocial:after{content:"";position:absolute;top:18px;left:0;height:2px;background-color:#333;width:5px;transition:width .8s ease,left .8s ease}.buttonsocial:hover:after{width:100%;left:0;color:#fff}.mail-icon{position:fixed;bottom:10px;right:10px;transition:transform .3s}.mail-icon:hover{transform:scale(1.1) translateY(-4px)}.material-symbols-outlined{font-size:24px;color:#fff}@media (max-width: 1000px){.container{padding-top:0}.left-half,.right-half{width:50%}}@media (max-width: 500px){.container{flex-direction:column;justify-content:center;padding-top:15rem;height:100vh}.left-half{display:none}.right-half{width:100%;height:auto;padding:1rem;justify-content:center;align-items:flex-end}#wrapper-abt{margin-bottom:2rem;padding:0rem}.AboutButtons{gap:1rem;flex-direction:column;align-items:flex-start}.buttonsocial{display:inline-block;width:auto}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-size:.7rem}}@media (orientation: landscape) and (max-width: 845px) and (hover: none) and (pointer: coarse){.header{margin-top:2rem}.headerName{font-size:2rem}.headerDescription{font-size:.5rem}.button-wrapper{gap:15rem}.button{font-size:.5rem}.button:after{top:10px}.g-description p,.c-description p,.m-description p,.rs-description p,.r-description p,.rc-description p,.ra-description p,.f-description p{font-size:.4rem}}@media (orientation: landscape) and (max-width: 1000px) and (hover: none) and (pointer: coarse){.header{margin-top:2rem}.headerName{font-size:2rem}.headerDescription{font-size:.5rem}.about-description{font-size:clamp(.8rem,1vw,.9rem)}}@media (max-width: 600px){.headerName{font-size:2rem}.headerDescription{font-size:.6rem}.button-wrapper{gap:23rem}.button{font-size:.6rem}.button:after{top:14px}}@media (max-width: 480px){.button-wrapper{gap:17rem}}.page{opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}.page-fade-in{opacity:1;pointer-events:auto}@media (max-width: 580px){.work-wrapper{display:none}}