#smooth-wrapper{position:fixed;height:100%;width:100%;inset:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#smooth-content{min-height:100vh;touch-action:pan-y;-webkit-overflow-scrolling:touch}html,body{margin:0;padding:0;width:100%;height:100%;font-family:var(--font-primary);color:var(--color-text-main);background-color:var(--color-white);touch-action:pan-y;-webkit-overflow-scrolling:touch;overscroll-behavior:none}body{position:relative;height:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}@media (max-width: 720px){#smooth-wrapper{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overscroll-behavior:none!important}body{overflow:hidden!important;overscroll-behavior-y:none!important;-webkit-overflow-scrolling:touch!important}}#common-header{background-color:transparent}#content-container{position:relative;width:100%}#loader{position:fixed;top:0;left:0;width:100%;height:5px;z-index:1000}#loader-progress{height:100%;width:0;background-color:var(--color-text-main);transition:width .3s ease-out}#header{position:fixed;top:0;left:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;z-index:100;opacity:0;background-color:var(--color-white)}#nav-links{display:flex;gap:30px}.nav-link{font-size:var(--font-size-16);color:var(--color-text-main);text-decoration:none;transition:opacity .3s ease}.nav-link:hover{opacity:.7}#splash-screen{display:none}#todays-project{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;box-sizing:border-box;background-color:var(--color-white);position:relative;padding-top:var(--header-height);margin-top:calc(-1 * var(--header-height))}#todays-project .hero-image-container{display:flex;align-items:center;justify-content:center;width:100%;height:70%;position:relative;top:calc(-1 * var(--header-height) / 2)}#project-image{width:50vw;height:auto;max-height:70vh;object-fit:contain;display:block;margin:0 auto}#todays-project .hero-title-container{padding:20px 0;text-align:center;width:100%;position:absolute;bottom:20px}#todays-project-name{font-size:var(--font-size-16);color:var(--color-text-main);text-decoration:underline;display:inline-block}#todays-project-name:hover{opacity:.7}#category-showcase{position:relative;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-gray-background);overflow:hidden;padding:0}.category-title{position:relative;width:100%;text-align:center;font-size:var(--font-size-16);font-weight:400;margin-bottom:40px;z-index:10;color:var(--color-black)}.card{position:absolute;width:100%;height:100%;overflow:hidden;box-shadow:0 5px 15px #0000001a;background-color:var(--color-white)}.card-stack-container{position:relative;width:60%;height:65%;max-width:1026px;max-height:685px;margin:0 auto}.card img{width:100%;height:100%;object-fit:cover;display:block;opacity:.5;transition:opacity .8s ease}.card.active img{opacity:1}.tags-grid{position:absolute;top:0;left:0;display:flex;justify-content:space-between;width:100%;height:100%;padding:40px;box-sizing:border-box;z-index:4}.tags-column{display:flex;flex-direction:column;justify-content:center;gap:10px;width:45%}.left-column{align-items:flex-start}.right-column{align-items:flex-end}.category-tag{font-size:var(--font-size-36);font-weight:500;color:var(--color-text-main);text-decoration:none;transition:color .5s ease,transform .5s ease;letter-spacing:1px;position:relative}.category-tag:hover{color:var(--color-white);transform:scale(1.05)}.category-tag.active{color:var(--color-white)}.tags-grid.has-active .category-tag:not(.active){color:var(--color-gray-placeholder)}@media (max-width: 768px){#header{padding:0 20px}#todays-project .hero-image-container{height:60%;top:0;padding-top:60px}#project-image{width:90vw;max-height:60vh;object-fit:contain;margin:0 auto}#todays-project .hero-title-container{bottom:30px;position:relative;padding-top:20px}.works-grid{grid-template-columns:1fr}.card-stack-container{width:calc(100% - 20px);margin:0 auto}.tags-grid{flex-direction:column;padding:20px}.tags-column{width:100%}.left-column,.right-column{align-items:flex-start}.category-tag{font-size:var(--font-size-24);margin-bottom:5px}}.category-showcase{padding:80px 4rem;background-color:var(--color-white)}.index-category-container{max-width:70vw;margin:0 auto}.recent-update-title{font-size:var(--font-size-20);font-weight:500;margin-bottom:40px;color:#a0a0a0}.recent-update-title .en,.recent-update-title .cn{display:inline-block}body:not(.lang-cn) .recent-update-title .cn{display:none}body.lang-cn .recent-update-title .en{display:none}.index-category-list{display:flex;flex-direction:column}.project-list-item{font-family:var(--font-secondary);display:grid;grid-template-columns:2fr 1fr 1fr;gap:0 40px;padding:18px 0;border-bottom:1px solid #e5e5e5;cursor:pointer;align-items:center;min-height:60px}.project-list-item:nth-child(n+9){display:none}.project-list-text-wrapper{display:contents}.project-list-name,.project-list-year,.project-list-location{font-size:var(--font-size-20);font-weight:400;text-decoration:none}.project-list-name{grid-column:1}.project-list-year{grid-column:2}.project-list-location{grid-column:3}.project-list-item:hover .project-list-name,.project-list-item:hover .project-list-year,.project-list-item:hover .project-list-location{text-decoration:underline}.project-list-image-container{display:none}.project-list-name .en,.project-list-name .cn,.project-list-location .en,.project-list-location .cn{display:inline-block}body:not(.lang-cn) .project-list-name .cn,body:not(.lang-cn) .project-list-location .cn{display:none}body.lang-cn .project-list-name .en,body.lang-cn .project-list-location .en{display:none}.index-category-preview-container{position:fixed;top:50%;left:40%;transform:translate(-50%,-50%);width:300px;height:auto;z-index:9999;opacity:0;transition:opacity .4s ease;pointer-events:none}.index-category-preview-container.active{opacity:1}.index-category-preview{width:100%;height:auto;object-fit:contain;box-shadow:0 10px 30px #0000001a}@media (max-width: 768px){.category-showcase{padding:40px 1.5rem}.index-category-container{max-width:100vw;margin:0 auto}.index-category-preview-container{display:none!important}.project-list-item{display:grid;grid-template-columns:1fr 100px;gap:0 20px;padding:20px 0}.project-list-text-wrapper{display:flex;flex-direction:column;grid-column:1;justify-content:center}.project-list-name{font-size:var(--font-size-16);order:1}.project-list-location{font-size:var(--font-size-12);color:#666;order:2;margin-top:5px}.project-list-year{font-size:var(--font-size-12);color:#666;order:3}.project-list-item:hover .project-list-name,.project-list-item:hover .project-list-year,.project-list-item:hover .project-list-location{text-decoration:none}.project-list-image-container{display:block;grid-column:2;width:100px;height:75px;background-color:#f0f0f0}.project-list-image{width:100%;height:100%;object-fit:cover}}#fixed-projects-container{position:relative;width:100%;height:100dvh;overflow:hidden}.fixed-wrapper{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-gray-background, #EAEAEA)}.project-image-container{position:relative;width:55%;height:60vh;max-width:85vw;overflow:hidden;margin-bottom:0;background-color:var(--color-gray-background, #EAEAEA)}.project-slide{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.project-img{width:100%;height:100%;object-fit:cover;object-position:center}.project-title-container{position:absolute;bottom:20px;left:0;width:100%;text-align:center}.project-title{font-family:var(--font-secondary);font-size:var(--font-size-16);font-weight:500;color:var(--color-text-main, #1f1f1f);text-decoration:underline;margin:0;padding:0;display:inline-block}a.project-title{border-bottom:1px solid var(--color-text-main, #1f1f1f);text-decoration:none;padding-bottom:2px}a.project-title:hover{opacity:.7}@media (min-width: 1921px){.project-image-container{width:50%;height:min(60vh,900px);max-width:85vw}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.project-image-container{width:65%;height:50vh;max-width:75vw}}@media (max-width: 767px){.project-image-container{width:90%;height:60vh;max-width:none}.project-title{font-size:var(--font-size-12)}}#footer.full-screen-footer{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;font-family:var(--font-secondary)}.footer-grid-container{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;width:70vw;max-width:70vw;align-items:stretch}.footer-image-container{width:100%;height:auto;overflow:hidden}.footer-image-container img{width:100%;height:auto;display:block;object-fit:cover}.footer-text-container{display:flex;flex-direction:column;justify-content:space-between;height:100%;font-family:var(--font-secondary)}.about-section h2,.contact-section-new h2{font-family:var(--font-secondary);font-size:var(--font-size-24);font-weight:600;margin-top:0;margin-bottom:0;text-align:left}.contact-section-new{margin:0;padding:0;text-align:left}.contact-section-new h2.cn{margin-left:0;padding-left:0}.about-section p{font-size:var(--font-size-18);font-weight:400;line-height:1.1;text-align:left}.about-section p:last-child{margin-bottom:0}.contact-columns{display:flex;gap:40px;margin-bottom:24px;margin-left:0;padding-left:0}.contact-column p{font-size:var(--font-size-18);line-height:1.1;margin:0;color:var(--color-text-main)}.contact-column p strong{font-weight:400}.footer-email-link{font-size:var(--font-size-18);margin:0;padding:0;text-align:left;line-height:1.1}.footer-email-link a{color:var(--color-text-main);text-decoration:underline;transition:color .3s ease}.footer-email-link a:hover{color:var(--color-gray-placeholder)}.footer-copyright-bar{position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:var(--font-size-14);color:var(--color-text-copyright)}@media (max-width: 768px){#footer.full-screen-footer{height:auto;padding:60px 20px}.footer-grid-container{grid-template-columns:1fr;gap:40px}.footer-text-container{gap:30px}.about-section .line{width:100%;white-space:normal}.about-section .line>div{white-space:normal;word-wrap:break-word}.contact-columns{font-size:var(--font-size-16);flex-direction:column;gap:20px;margin-left:0;padding-left:0}.footer-email-link{margin-left:0;text-align:left}.footer-copyright-bar{left:20px;transform:none;text-align:left}}body:not(.lang-cn) span.cn,body:not(.lang-cn) .split-text.cn,body:not(.lang-cn) .contact-columns.cn{display:none!important}body.lang-cn span.en,body.lang-cn .split-text.en,body.lang-cn .contact-columns.en{display:none!important}span.en{display:inline-block}.split-text.en{display:block}.contact-columns.en{display:flex}body.lang-cn span.cn{display:inline-block}body.lang-cn .split-text.cn{display:block}body.lang-cn .contact-columns.cn{display:flex}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100px);opacity:0}}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100px);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}