@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Cormorant+Infant&family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap");.top{position:fixed;top:0;width:100%;height:100vh}.top-img{position:relative;height:100%;overflow:hidden;background-size:cover;background-position:center center}.top-img::after{position:absolute;content:"";z-index:1;left:0;top:0;width:100%;height:100%;background:rgba(35,24,21,0.6)}.top-title{font-weight:normal;color:#fff;position:absolute;width:90%;top:50%;left:5%;text-align:center;z-index:2;opacity:0;transform:translateY(-50%);clip-path:polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:opacity .6s,clip-path 1s}.top-title.show{opacity:1;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.top-title .catch{font-size:1rem}.top-title .subCatch{font-size:1.2rem;text-transform:uppercase}.top-title .subCatch::before{content:"|";margin:0 10px}.main{margin-top:100vh;position:relative;z-index:6;background:#fafafa}@media screen and (min-width: 992px){.top-title .catch{font-size:1.25rem}.top-title .subCatch{font-size:1.45rem}}.project-title{padding-bottom:2rem}.project-title .catch{text-align:center;color:#231815;font-size:1.15rem;letter-spacing:4px;font-weight:normal;text-align:center}.project-title .classification{color:#615957;font-size:1.25rem;text-align:center}.project-title .number{font-size:1.15rem}.project-content{padding:0rem 1rem;width:100%;max-width:1200px;margin:auto}.project-img{margin-bottom:2rem}.project-img-inner{display:grid;gap:2rem;margin-bottom:2rem;grid-template-columns:repeat(2, 1fr)}.project-btn{display:flex;justify-content:center;padding:0rem 1rem}@media screen and (min-width: 992px){.project-title .catch{font-size:1.5rem}.project-content{padding:0rem}.project-btn{padding:0rem}}