@import "https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import "https://font.emtech.cc/css/NotoSansTC";html[lang=en] .lang-zh,html[lang=zh] .lang-en{display:none}:root{--blue:#084389;--grey:#d3d3d3;--yellow:gold}*{box-sizing:border-box}html{scroll-behavior:smooth;min-height:100%;font-size:14px;font-family:Avenir,NotoSansTC,Montserrat,sans-serif!important}body{flex-direction:column;min-height:100dvh;margin:0;padding:0;display:flex;overflow-x:hidden}body>main{flex:1 0 auto}a{color:#000;text-decoration:none}a:hover,.lang-change-XS a:hover{color:#000;text-decoration:underline}.ee-right-menu a:hover{text-decoration:none}h1,h3,h6,p,span,a{margin:0;font-weight:100}.ee-link a,.project-title,h1 span,.project-menu a,.list-title,h6,.about-menu a,.project-section>span{white-space:nowrap}#section-1,#section-2,#section-3,#section-4,#section-5,#section-6,#section-7,#section-8,.project-further-reading span,h1 span,h6{font-size:14px}img{border:0;max-width:100%;height:auto;display:block}.grid-12{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.col-offset-2{grid-column-start:3}.col-offset-4{grid-column:5/span 8;padding-right:30px}.col-12{grid-column-end:span 12}.col-10{grid-column-end:span 10}.col-9{grid-column-end:span 9}.col-8{grid-column-end:span 8}.col-7{grid-column-end:span 7}.col-6{grid-column-end:span 6}.col-5{grid-column-end:span 5}.col-4{grid-column-end:span 4}.col-3{grid-column-end:span 3}.ee-header{z-index:999;background-color:#000;align-items:start;width:100%;height:50px;position:fixed;top:0;left:0}.ee-logo-link{grid-column:1/span 1}.ee-logo{width:auto;height:50px;margin-left:10px}.ee-link{text-align:right;grid-column:7/-1;justify-content:flex-end;gap:66px;margin:14px 20px 0 0;display:flex}.ee-link a{color:#fff;font-size:16px}.ee-link a:hover{color:#fff;text-decoration:none}.ee-menu{grid-template-columns:8% repeat(2,minmax(0,1fr)) 8% repeat(5,minmax(0,1fr));height:160px;margin-top:100px;padding:0;display:grid}.ee-left-menu{grid-column:2/4}.ee-left-menu h3{margin-top:0;margin-bottom:1rem;font-size:1.7rem;font-weight:400}.studio-intro{margin:0}.v-line,.ee-right-menu{grid-column:span 1}.v-line hr{border:0;border-left:1px solid #000;width:0;height:120px;margin-top:0}.ee-right-menu ul{margin:0;padding-left:0;list-style:none}.ee-right-menu ul li{word-break:keep-all}.ee-right-menu h6{margin-top:0;margin-bottom:1rem;font-size:.8rem;font-weight:400}.menu-bottom-line hr{border:0;border-bottom:1px solid #000;width:88%;margin:0 6%;display:block}footer{height:30px}.ee-footer{z-index:99;width:100%;bottom:10px;position:fixed!important}.footer-icon{height:20px}.footer-left,.footer-right{font-size:16px;display:block}.footer-left{float:left;color:#000;padding-left:20px}.footer-right{float:right;color:#000;place-self:end;margin-right:20px}.ee-disclaimer{width:100%;color:var(--grey);text-align:center;letter-spacing:.2rem;height:20px;margin:10px 0 20px;padding-bottom:3px;font-size:.8rem;display:block}.lang-change a{font-weight:300}.title-XL{margin:36px 0;font-size:4.2rem}.about-menu{grid-column:1/2;align-self:start;position:fixed;top:45%;left:10px}.about-section{margin-bottom:50px}.about-text-block{margin-right:60px}.about-text{text-align:justify;letter-spacing:.7px;font-size:1.2rem}.about-title{margin:4px 0 12px -3px;font-size:2rem}.about-image{width:100%;margin-top:-80px}.arrow{flex-shrink:0;width:14px;height:auto;padding-left:1px;display:block}.ee-overview{margin-top:30px}.ee-index-row{margin:80px 10%}.ee-index-row>a{grid-column:span 4;padding:0 20px;display:block}.ee-index-row img{width:100%;height:auto}.project-page{margin-top:80px}.mode-page{width:88%;max-width:1600px;margin:60px auto}.mode-navigation{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:66px;display:flex}.mode-navigation a{color:inherit;font-size:1.2rem;text-decoration:none}.mode-navigation a.is-active{font-weight:500}.works-list{border-top:1px solid;width:100%}.list-row{border-bottom:1px solid;align-items:center;min-height:90px;padding:12px 0}.list-row:hover{text-decoration:none}.list-details small{opacity:.66;display:block}.list-image{object-fit:contain;justify-content:flex-end;display:flex}.lang-change-XS{margin:0 0 1.5rem 1rem;font-size:11px}.project-menu{grid-column:1/2;display:none;position:fixed;top:40%;left:10px}.project-menu.is-visible{animation:1s move-in-h;display:block}.project-menu ul,.about-menu ul{margin-left:1rem;padding:0;list-style:none}.project-menu li,.about-menu li{margin-bottom:1rem;font-size:16px}.project-menu a,.about-menu a{text-decoration:none;display:inline-flex}.here-here{background-color:var(--blue);padding:0 3px}.here-here>a{color:var(--blue)}.project-content{grid-column:2/-1;margin:0 -30px 0 30px}.project-header{height:auto;margin-bottom:70px}.project-header-info{grid-column:9/-1;height:100%;padding-left:30px;display:inline-grid}.project-header-image{grid-column:1/span 8}.project-header-image img{width:100%;height:auto}.project-header-title{margin-top:-10px;font-size:3rem;font-weight:300}.mtrl-info{align-content:flex-end;margin-block-end:0;font-style:italic}.project-title{margin:4px 0 12px -3px;font-size:2.7rem}.project-text{text-align:justify;letter-spacing:.5px;font-size:1.1rem}.side-description{margin-left:30px;font-size:.9rem}.side-description a{font-size:1rem;display:inline-flex}.project-section{width:90%;margin-bottom:70px}.project-image{width:100%;padding:15px 30px 15px 0}.project-image img,.about-image img{width:100%;height:auto}.image-description{text-align:center;margin-top:10px}.exhi-sec span{display:none}.exhi-sec .project-title{font-size:2rem}.project-further-reading>.project-text{margin-top:10px}@media screen and (width>=1025px) and (width<=1440px){.ee-menu{height:180px}.v-line hr{height:150px}.title-XL{font-size:3.6rem}.project-menu{left:0}.footer-icon{height:24px}.about-section{margin-bottom:30px}.about-image{margin-top:0}}@media screen and (width<=1024px){.ee-logo-link{grid-column-end:span 2}.ee-overview{margin-top:80px}.ee-index-row{margin:60px 2%}.ee-link{position:absolute;right:15px}.ee-footer{bottom:20px}.footer-icon{height:30px}.footer-right{padding-right:15px}.footer-left{padding-left:30px}.project-content{grid-column:1/-1;margin:0 30px}.project-header{margin-bottom:120px}.project-header-image{grid-column:1/span 12}.project-header-info{grid-column:1/span 6;margin-top:10px;padding:0;display:grid}.project-header-title{margin:0}.project-section{width:100%;padding:0}.about-section{margin-bottom:0}.about-image{margin-top:0}.about-text{font-size:1rem}.about-text-block{margin-right:10px}.project-title{font-size:2rem}.exhi-sec .project-title{font-size:1.2rem}.col-8{grid-column-end:span 12}.col-offset-4{grid-column:1/span 12;padding:0}.project-image{padding:5px}.mode-navigation{gap:10px;margin-top:88px;margin-bottom:-20px}.list-image{justify-self:end;width:60px;height:auto}.list-title{margin-left:.8rem}.mobile-invis{opacity:0}.ee-menu,.project-menu,.ee-left-menu,.project-timeline,.mobile-off{display:none!important}}.move-in{animation:1s ease-out both move-in}@keyframes move-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.move-in-h{animation:1s ease-out both move-in-h}@keyframes move-in-h{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.move-in,.move-in-h{animation:none}}