.proj-directory{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:.6rem!important;padding:1.5rem!important;cursor:default!important;overflow:hidden}.proj-dir-item{display:flex;align-items:baseline;gap:.6rem;background:none;border:none;cursor:pointer;padding:0;text-align:left;transition:color .15s;color:var(--color-text-dim)}.proj-dir-item:hover{color:var(--color-jade-light)}.proj-dir-num{font-family:Redhat,monospace;font-size:.9rem;color:var(--color-jade-dim);min-width:1.2rem;flex-shrink:0}.proj-dir-title{font-family:Redhat,monospace;font-size:.8rem;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-link-box{display:inline-flex;align-items:center;border:1px solid var(--color-jade);color:var(--color-jade-light);font-family:Redhat,monospace;font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase;padding:.8rem 1.6rem;text-decoration:none;opacity:0;pointer-events:none;transition:opacity .4s ease,background .2s;margin-top:1.5rem;white-space:nowrap}.proj-link-box:hover{background:#3d7a6e26;color:var(--color-text-primary)}.section_col.active .proj-link-box{opacity:1;pointer-events:auto;transition-delay:.5s}.mobile-visit{font-family:Redhat,monospace;font-size:3rem;color:var(--color-jade-light);text-decoration:none;letter-spacing:.06em}.mobile-visit:hover{color:var(--color-text-primary)}@media (max-width: 768px){.proj-link-box{display:none}}.section-zh[data-astro-cid-hnubipiq]{font-family:GenYoMin2TW,serif;font-size:.8em;color:var(--color-text-secondary);margin-left:.5em}.zh-sub[data-astro-cid-hnubipiq]{font-family:GenYoMin2TW,serif;font-size:2rem;color:var(--color-text-secondary)}.tab-app{color:var(--secondary);padding:2rem;width:100%;height:calc(100vh - 4rem);overflow:hidden;font-size:calc(100vw / 1920 * 10)}.--mobile{display:none}.section{position:relative;width:100%;height:calc(100vh - 4rem);border:var(--border);overflow:hidden}.section_header{border-bottom:var(--border)}.section_header_list{display:flex;width:100%}.section_header_list_item{font-family:Redhat,monospace;font-size:1.4rem;padding:2rem;color:var(--color-text-secondary);letter-spacing:.08em}.section_header_list_item:nth-child(1){flex:1;border-right:var(--border);color:var(--color-text-primary)}.section_header_list_item:nth-child(2){flex:.25;border-right:var(--border)}.section_header_list_item:nth-child(3){flex:1;border-right:var(--border)}.section_header_list_item:nth-child(4){flex:.25;cursor:pointer;color:var(--color-jade-light);display:flex;flex-direction:column;justify-content:center;gap:.4rem;transition:color .2s}.section_header_list_item:nth-child(4):hover{color:var(--color-text-primary)}.section_container{display:flex;width:100%;height:inherit}.section_col{position:relative;width:60rem;border-right:var(--border);padding:8rem 4rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition-width);overflow:hidden}.section_col:last-child{border:none}.section_col.active{width:200rem;transition:var(--transition-width);transform-origin:left}.section_col.active .section_col_media{opacity:1;transition:var(--transition-opacity)}.section_col_media{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:-1;opacity:0;transition:var(--transition-opacity)}.section_col_media:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:var(--primary);opacity:.5}img.section_col_image{position:relative;width:inherit;height:inherit;-o-object-fit:cover;object-fit:cover}.section_col_caption{text-align:center;width:24rem}.section_col_caption span{font-family:Redhat,monospace;font-size:1.4rem;color:var(--color-text-secondary);letter-spacing:.06em}.section_col_caption .zh{font-family:GenYoMin2TW,serif;font-size:1.2rem;display:block;margin-top:.5rem;color:var(--color-text-dim)}.section_col_title{display:flex;flex-direction:column;align-items:center;gap:.8rem}.section_col_title h2{font-family:Redhat,monospace;font-size:2rem;text-transform:uppercase;letter-spacing:.06em;color:var(--secondary)}.section_col_title .zh-sub{font-family:GenYoMin2TW,serif;font-size:1rem;color:var(--color-text-secondary)}.section_col_number h1{font-family:Redhat,monospace;font-size:48rem;line-height:.8;color:#f0ede80f}@media screen and (max-width: 768px){.tab-app{font-size:16px;height:auto;padding:0;padding-top:4rem}.section{height:100%;border:none}.section_header,.--desktop{display:none}.--mobile{display:block}.section_container{flex-direction:column;gap:2px}.section_col{position:relative;width:100%;height:44vw;min-height:160px;max-height:260px;flex-direction:row;align-items:flex-end;padding:1rem 1.25rem;border-right:none;border-bottom:none;overflow:hidden;cursor:pointer}.section_col_media{position:absolute;inset:0;width:100%;height:100%;opacity:1;flex:unset}.section_col_media:after{opacity:.55}.section_col_title{position:relative;z-index:2;flex:1;align-items:flex-start;gap:.25rem}.section_col_title h2{font-size:1.15rem;letter-spacing:.06em;color:#f5f2ee;margin-bottom:0}.section_col_title .zh-sub{font-size:.85rem;color:#f0ede8bf}.section_col_number,.section_col_caption{display:none}}@media (min-width: 769px){.tab-app{padding-top:4rem;height:100vh}.section{height:100vh}}