@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Murecho:wght@300;400&display=swap";@import"https://fonts.googleapis.com/css2?family=Annie+Use+Your+Telescope&display=swap";@import"https://fonts.googleapis.com/css2?family=Murecho:wght@300;400;500&family=Syncopate:wght@400;700&display=swap";.home-background{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:0;pointer-events:none}.home-content{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);overflow:hidden;z-index:10}body{font-family:Noto Sans SC,sans-serif;font-weight:300}.thin-look{font-family:Noto Sans SC,sans-serif;font-weight:400;opacity:.7}.navbar--white .nameSection,.navbar--white .nameEN,.navbar--white .nameCN,.navbar--white .title{color:#fff}.navbar--black .nameSection,.navbar--black .nameEN,.navbar--black .nameCN,.navbar--black .title{color:#000}.navbarText--white{color:#fff!important}.navbarText--black{color:#000!important}.nameSection{position:absolute;top:60px;left:60px;z-index:10;display:flex;flex-direction:column;transition:transform .25s}.nameSection--hoverable:focus,.nameSection--hoverable:hover{transform:scale(1.03);cursor:pointer}.nameEN{font-family:Syncopate,sans-serif;font-size:40px;font-weight:400;line-height:50px;letter-spacing:.2em}.nameCN{font-family:Noto Sans SC,sans-serif;font-size:24px;font-weight:300;margin-left:3px;margin-top:-5px}.projectSection,.workSection,.naviSection{position:absolute;left:60px;z-index:10;display:flex;flex-direction:column}.title{font-family:Syncopate,sans-serif;font-size:10px;font-weight:400;line-height:20px;letter-spacing:.2em;transition:transform .25s;cursor:pointer}.title:focus,.title:hover{transform:scale(1.05)}.projectSection{bottom:305px}.workSection{bottom:235px}.naviSection{bottom:145px}.instagramIcon{position:absolute;left:60px;bottom:85px;z-index:10;width:25px;height:25px;display:flex;align-items:center;justify-content:center;transition:transform .25s;cursor:pointer}.instagramIcon:focus,.instagramIcon:hover{transform:scale(1.1)}@media (max-width: 768px){.navbar--white .nameSection{top:40px;left:30px;align-items:flex-start}.navbar--white .nameEN{font-size:32px;line-height:40px}.navbar--white .nameCN{font-size:20px;display:block}.navbar--white .mobile-break{display:inline}.navbar--white .nameSection,.navbar--white .nameEN,.navbar--white .nameCN{color:#000!important}.projectSection{left:30px;bottom:250px}.workSection{left:30px;bottom:180px}.naviSection{left:30px;bottom:100px}.instagramIcon{left:30px;bottom:70px}.title{margin-bottom:3px;font-size:10px;line-height:14px}.navbar--black .naviSection,.navbar--black .instagramIcon,.navbar--black .projectSection,.navbar--black .workSection{display:none!important}.navbar--black .nameSection{top:20px;left:0;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;pointer-events:auto;cursor:pointer;transform:none!important}.navbar--black .mobile-break{display:none}.navbar--black .nameEN{font-size:16px;line-height:20px;text-align:center;white-space:nowrap;letter-spacing:.1em}.navbar--black .nameCN{display:none}}.copyright-bar{width:100%;text-align:center;font-size:8px;font-family:Syncopate,sans-serif;position:absolute;bottom:5px;letter-spacing:.2em;z-index:10}.copyright-bar--black{color:#222}.copyright-bar--white{color:#fff}.subpage{display:flex;flex-direction:column;height:100dvh;overflow:hidden;color:#222}.subpage-main{position:absolute;left:400px;right:60px;background:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:40px;box-sizing:border-box}.subpage-main::-webkit-scrollbar{display:none}.cvpage-title{text-align:left;margin-top:60px;margin-bottom:2rem;font-size:32px;letter-spacing:3px;font-weight:300;font-family:Murecho,sans-serif;display:block}.cvpage-text{font-size:15px;font-weight:400;line-height:25px;letter-spacing:1.1px;font-family:Murecho,sans-serif;font-style:normal;display:block}i{font-family:Murecho,sans-serif}a{color:inherit;text-decoration:none;cursor:pointer}a:hover{text-decoration:underline}.cvpage-title a{font-size:18px}.statement-text{margin-top:130px;margin-bottom:100px;font-size:20px;font-weight:400;line-height:25px;letter-spacing:1.1px;font-family:Annie Use Your Telescope,cursive;white-space:pre-wrap}.contact-main{position:absolute;left:320px;right:60px;background:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding-bottom:40px;box-sizing:border-box;align-items:center}.contact-content{display:flex;flex-direction:column;align-items:flex-start}.contact-img{padding-top:130px;padding-bottom:40px;width:600px;height:395px;object-fit:cover}.contact-text{font-size:15px;font-weight:400;line-height:25px;letter-spacing:3px;font-family:Murecho,sans-serif;font-style:normal}@media (max-width: 768px){.subpage{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;background:#fff}.subpage-main{position:relative;left:auto;right:auto;width:100%;flex:1 0 auto;height:auto;overflow:visible;padding:30px 30px 0;box-sizing:border-box}.contact-main{position:relative;left:auto;right:auto;width:100%;height:auto;flex:1 0 auto;overflow:visible;display:flex;flex-direction:column;align-items:center;padding:0 30px 20px}.contact-text{width:100%;word-wrap:break-word;text-align:left}.contact-img{max-width:100%;height:auto;margin-bottom:10px}.cv-category-block:first-child .cvpage-title{margin-top:40px}.cvpage-title{font-size:20px;margin-top:30px;margin-bottom:15px}.statement-text{margin-top:0;padding-top:40px;font-size:18px;line-height:1.5}.subpage .copyright-bar{position:static!important;width:100%;margin-top:auto;padding-top:40px;padding-bottom:5px;background:transparent;flex-shrink:0;text-align:center}}.thumbnailpage{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);background:#fff;z-index:1}.thumbnailpage-main{position:absolute;left:360px;right:60px;height:100%;background:#fff;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:40px;box-sizing:border-box}.thumbnailpage-main::-webkit-scrollbar{display:none}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding-top:60px}.thumbnail-container{position:relative;width:100%;overflow:hidden;background-color:#f0f0f0;aspect-ratio:3/2;transition:transform .3s ease}.thumbnail-container:hover{transform:scale(1.05)}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.thumbnail-title{text-align:center;margin-top:8px;font-size:14px;color:#333}@media (max-width: 768px){.thumbnailpage{position:fixed;top:0;left:0;width:100vw;height:100dvh;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex!important;flex-direction:column!important;background:#fff}.thumbnailpage-main{position:relative!important;left:0!important;right:0!important;width:100%!important;flex:1 0 auto!important;height:auto!important;overflow:visible!important;padding:0!important;box-sizing:border-box}.thumbnail-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:90px 15px 40px!important}.thumbnailpage .copyright-bar{position:static!important;width:100%;margin-top:auto;padding-top:20px;padding-bottom:5px;background:transparent;flex-shrink:0;text-align:center}.thumbnail-item,.thumbnail-container{width:100%;display:block}.thumbnail-image{width:100%;height:auto;display:block;object-fit:cover}}.projectpage{display:flex;flex-direction:column;height:100vh;overflow:hidden}.thumbnail-link{font-family:Syncopate,sans-serif;font-size:10px;background:#fff;border:none;cursor:pointer;text-decoration:none;margin-top:10px;color:#000;-webkit-tap-highlight-color:transparent}.projectpage-main{position:fixed;inset:80px 60px 155px 300px;background:#fff;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.mobile-film-strip{display:none}.desktop-image-container{flex:0 0 auto;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100vh - 300px);position:relative}.project-image{max-width:90%;max-height:100%;width:auto;height:auto;object-fit:contain}.nav-arrow{position:absolute;background:none;border:none;font-size:24px;color:#888;cursor:pointer;padding:10px;z-index:5;top:50%;transform:translateY(-50%)}.left-arrow{left:0}.right-arrow{right:0}.project-info-container{margin-top:10px;width:auto;max-width:90%;text-align:right;align-self:center;transition:width .1s ease-out;display:flex;flex-direction:column;align-items:flex-end}.image-details{font-family:Murecho,sans-serif;text-transform:uppercase;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:2px;color:#000}.name{font-weight:500;margin-bottom:5px}.medium,.dimensions,.year{margin:2px 0}.thumbnail-link{font-family:Syncopate,sans-serif;font-size:10px;background:#fff;border:none;cursor:pointer;text-decoration:none;margin-top:10px}.thumbnail-link:hover{text-decoration:underline}@media (max-width: 768px){.projectpage{position:fixed;top:0;left:0;width:100%;height:100dvh;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.projectpage-main{position:relative!important;inset:0!important;width:100%!important;height:auto!important;overflow:visible!important;padding-top:0!important;padding-bottom:20px;display:block!important}.desktop-image-container{display:none!important}.mobile-film-strip{display:flex;flex-direction:row;width:100%;height:50vh!important;margin-top:90px;margin-bottom:10px;overflow-x:scroll;scroll-snap-type:x mandatory;flex-wrap:nowrap!important;scrollbar-width:none;-ms-overflow-style:none;align-items:center}.mobile-film-strip::-webkit-scrollbar{display:none}.mobile-image-wrapper{flex:0 0 100%;width:100%;height:100%;display:flex;justify-content:center;align-items:center;scroll-snap-align:center;scroll-snap-stop:always;padding:0 30px;box-sizing:border-box}.mobile-project-image{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto;box-shadow:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.project-info-container{width:100%!important;max-width:100%!important;padding:0 30px 40px;box-sizing:border-box;margin-top:10px;align-items:flex-end;text-align:right}}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#fff;overscroll-behavior:none}#root{width:100%;height:100%}