@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}#loader-progress{position:fixed;left:50%;bottom:9vh;transform:translate(-50%);z-index:20;font-family:Poppins,sans-serif;font-size:11px;letter-spacing:.4em;font-variant-numeric:tabular-nums;color:#ffffff8c;pointer-events:none}body.is-loading .mail-icon{opacity:0;pointer-events:none}#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;opacity:0}.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}}.work-indicator{display:none}@media(max-width:500px){.work-indicator{position:fixed;right:.6rem;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;gap:.75rem;z-index:2001}}.work-indicator-ticks{pointer-events:auto;display:flex;flex-direction:column;align-items:center}.work-indicator-tick{width:24px;height:18px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:height .4s ease}.work-indicator-tick:before{content:"";width:2px;height:8px;border-radius:1px;background:#fff;opacity:.3;transition:height .4s ease,opacity .4s ease}.work-indicator-tick.active{height:34px}.work-indicator-tick.active:before{height:24px;opacity:1}.work-indicator-count{font-family:Poppins,sans-serif;font-size:9px;font-weight:300;letter-spacing:.1em;color:#fff;opacity:.6;writing-mode:vertical-rl}.project-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;pointer-events:none}.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;gap:1.5rem}.project-title{font-family:Poppins,sans-serif;font-size:48px;font-weight:500;color:#fff;letter-spacing:.03em;text-align:left;line-height:1.05;min-width:0;text-wrap:balance}.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;text-wrap:pretty}.project-tags{display:flex;flex-direction:column;gap:0rem}.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}@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)}.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){.project-title{font-size:1.6rem}.project-description{font-size:.75rem;max-width:350px}.project-link{font-size:.75rem}}.about-layout{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row-reverse;font-family:Inter,sans-serif;color:#fff}.about-stage{position:relative;width:50%}.about-panel{width:50%;display:flex;flex-direction:column;justify-content:center;gap:2rem;padding:5rem 1vw 5rem 6vw;font-size:clamp(.85rem,.95vw,.95rem);font-weight:200;line-height:1.8}.about-panel>*{max-width:30rem}.about-copy{display:flex;flex-direction:column;gap:1.1rem}.about-intro,.about-chapter-body{color:#d2d2d2}.about-links a{margin-right:1.4rem;color:#8a8a8a;text-decoration:none;transition:color .4s ease}.about-links a:hover{color:#fff}@media(max-width:767px),(max-aspect-ratio:9/10){.about-layout{flex-direction:column}.about-stage{width:100%;height:38%;flex-shrink:0}.about-panel{width:100%;justify-content:flex-start;gap:1.4rem;padding:.5rem 1.4rem 1.5rem;font-size:clamp(.8rem,1.8vh,.9rem);line-height:1.7}.about-copy{gap:.9rem}}.mail-icon{position:fixed;bottom:10px;right:10px;transition:opacity .8s ease,transform .3s}.mail-icon:hover{transform:scale(1.1) translateY(-4px)}.material-symbols-outlined{font-size:24px;color:#fff}@media(max-width:500px){.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}}@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}}