:root{--zh:"PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}.projects-page{padding-top:88px}.projects-page .nav{position:absolute;color:var(--brown)}.projects-home{grid-column:4;justify-self:end;font-size:9px;letter-spacing:.11em}.projects-hero{min-height:78vh;padding:12vw 5vw 6vw;display:grid;grid-template-columns:.7fr 2fr 1fr;gap:3vw;align-items:end;border-bottom:1px solid var(--line)}.projects-hero h1{grid-column:2;font-size:clamp(4rem,9vw,9rem);font-weight:300;line-height:.9;letter-spacing:-.06em;margin:0}.projects-hero h1 em{display:block;color:var(--pink);font-family:var(--zh);font-style:normal}.projects-hero>p{font-family:var(--zh);font-size:13px;line-height:2;margin:0}.project-list{padding:10vw 5vw}.project-card{border-top:1px solid var(--line);padding:4vw 0}.project-cover{height:48vw}.project-cover img,.project-gallery img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}.project-summary{display:grid;grid-template-columns:60px 1fr auto;gap:2vw;align-items:end;padding-top:1.5rem}.project-summary>span{color:var(--pink)}.project-summary h2{font-size:clamp(2rem,4vw,4.5rem);font-weight:300;margin:.35rem 0}.project-summary p{font-family:var(--zh);font-size:12px}.project-summary b{font-size:9px;letter-spacing:.1em}.project-detail{padding:11vw 5vw;background:var(--paper)}.project-detail>header{display:grid;grid-template-columns:.65fr 1.7fr 1fr;gap:3vw;align-items:end}.project-detail h2{font-size:clamp(3rem,7vw,7rem);font-weight:300;margin:0}.project-detail header p,.project-meta p{font-family:var(--zh);font-size:12px;line-height:1.9}.project-meta{display:grid;grid-template-columns:repeat(3,1fr);margin:5vw 0 8vw;border-top:1px solid var(--line)}.project-meta>div{padding:1.2rem 0;border-bottom:1px solid var(--line)}.project-gallery{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.project-gallery figure{height:54vw}.project-gallery .hero-shot,.project-gallery .wide{grid-column:1/-1;height:55vw}.project-gallery figure:nth-child(3){margin-top:8vw}.projects-back{display:block;padding:5vw;background:var(--brown);color:white;font-size:clamp(2rem,5vw,5rem)}@media(max-width:800px){.projects-hero{min-height:70vh;padding:25vw 6vw 12vw;grid-template-columns:1fr}.projects-hero h1{grid-column:1;font-size:17vw}.project-cover{height:80vw}.project-summary{grid-template-columns:38px 1fr}.project-summary b{display:none}.project-detail{padding:22vw 6vw}.project-detail>header,.project-meta,.project-gallery{grid-template-columns:1fr}.project-detail h2{font-size:14vw}.project-gallery .hero-shot,.project-gallery .wide{grid-column:1;height:85vw}.project-gallery figure{height:110vw}.project-gallery figure:nth-child(3){margin-top:0}}