section{width:100%;max-width:192rem;margin:0 auto;padding-top:0;padding-right:calc((100vw - 168rem)/ 2);padding-left:calc((100vw - 168rem)/ 2);margin-top:6rem;position:relative}.projtop{margin-top:14rem;min-height:30rem}.topborder{max-width:168rem;margin:0 auto;border-top:1px solid #b9b9b9}.page-detail{position:absolute;top:0;left:calc((100vw - var(--scrollbar-width) - 168rem)/ 2);width:43.5rem;padding-right:4rem}.detail-block{margin-bottom:4rem}.detail-title{font-family:TTNP_Bold,sans-serif;font-size:1.6rem;line-height:1.2;margin-bottom:1rem}body:lang(en-US) .detail-title{text-transform:uppercase;font-weight:400}body:lang(zh-CN) .detail-title{font-weight:700}.detail-ht{margin-bottom:1.5rem}.detail-text{font-size:2rem;line-height:1.2;color:#343638}.detail-tag{font-size:1.6rem;line-height:1.5;color:#999;background:#f4f4f4;padding:.3rem 1.5rem}body:lang(en-US) .detail-tag{font-family:TTNP_Medium,sans-serif;text-transform:uppercase;font-weight:400}.detail-tag:hover{color:#f4f4f4;background:#999}.sgap{padding:.8rem 0}article{margin-left:43.5rem;width:124.5rem}h1.page-title{font-size:4.8rem;line-height:1;margin-bottom:4.2rem}body:lang(en-US) h1.page-title{font-family:TTNP_Bold,sans-serif;word-wrap:break-word}body:lang(zh-CN) h1.page-title{font-weight:700}.cat-text{font-size:2rem;line-height:1.4}.cat-text a{color:#000;text-decoration:none}@media (hover:hover){.cat-text a:hover{color:#000;text-decoration:underline}}article picture{display:block;margin-bottom:12rem}article picture img{display:block;width:100%;max-width:none}.page-content{font-size:2.4rem;line-height:1.5}body:lang(zh-CN) .page-content{line-height:1.8}.page-content p{margin-bottom:6rem}.page-content ul{margin-bottom:3rem;margin-left:1rem}.page-content ol{margin-bottom:3rem;margin-left:1rem}.page-content li{margin-left:2rem}.page-content figure{width:100%;margin:6rem 0 6rem 0}.page-content figure.extend-figure{margin-top:6rem;margin-bottom:6rem;width:168rem;margin-left:-42rem}.page-content figure.narrow-figure{margin-top:6rem;margin-bottom:6rem;width:60rem;text-align:right}.page-content figure img{display:block;width:100%;max-width:none}.page-content figcaption{font-size:1.2rem;line-height:1.2;color:#707070;padding-top:1rem;text-align:right}body:lang(en-US) .page-content figcaption{font-family:TTNP_Italic,sans-serif}body:lang(zh-CN) .page-content figcaption{font-style:italic}.page-content blockquote{font-size:4rem;line-height:1.3;margin:8rem 0;padding:0;color:#9b9b9b;padding-left:50%;border-left:none}body:lang(en-US) .page-content blockquote{font-family:TTNP_Italic,sans-serif}body:lang(zh-CN) .page-content blockquote{font-style:italic}.page-content h1{font-size:4.6rem;line-height:1.2}.page-content h2{font-size:4.2rem;line-height:1.25}.page-content h3{font-size:3.8rem;line-height:1.2}.page-content h5{font-size:2.8rem;line-height:1.3}.page-content h6{font-size:2.4rem;line-height:1.3}body:lang(en-US) .page-content h1,body:lang(en-US) .page-content h2,body:lang(en-US) .page-content h3,body:lang(en-US) .page-content h5,body:lang(en-US) .page-content h6{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content h1,body:lang(zh-CN) .page-content h2,body:lang(zh-CN) .page-content h3,body:lang(zh-CN) .page-content h5,body:lang(zh-CN) .page-content h6{font-weight:700}.page-content h4{font-size:3.2rem;line-height:1.2;margin:6rem 0}body:lang(en-US) .page-content h4{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content h4{font-weight:700}.page-content a{border-bottom:2px solid #000}body:lang(en-US) .page-content a{font-family:TTNP_Bold,sans-serif;font-weight:400}body:lang(zh-CN) .page-content a{font-weight:700}.page-content a:hover{background:#000;color:#fff}.page-content img{display:block}.related{margin-top:3rem;margin-bottom:10rem}.related h6{font-size:2rem;line-height:1;margin-bottom:3rem;color:#858688}body:lang(en-US) .related h6{font-family:TTNP_Medium,sans-serif;font-weight:400}body:lang(zh-CN) .related h6{font-weight:400}.prj-flex{display:flex;gap:2.4rem 1.2rem;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.pf3{gap:2.4rem;margin-bottom:12rem}.prj-flex>.prj-3{width:calc((124.5rem - 4.8rem)/ 3)}.awardtitle{font-size:2.8rem;line-height:1}body:lang(en-US) .awardtitle{font-family:TTNP_Bold,sans-serif;text-transform:uppercase;font-weight:400}body:lang(zh-CN) .awardtitle{font-weight:700}.prjyear{font-family:TTNP_Regular,sans-serif;font-size:2rem;line-height:1.6;color:#858688}.prjdesc{font-size:2rem;line-height:1.6;color:#343638}.prj-flex>.prj-4{width:calc((168rem - 3.6rem)/ 4)}.prj-4 picture{overflow:hidden;display:block;width:calc((168rem - 3.6rem)/ 4);height:calc((168rem - 3.6rem)/ 4)}.prj-4 img{display:block;width:calc((168rem - 3.6rem)/ 4);height:calc((168rem - 3.6rem)/ 4);max-width:none;object-fit:cover}.proj-tag span{display:inline-block;padding-right:1rem}@media (hover:hover){.prj-4 img{filter:grayscale(100%)}.prj-4 a:hover img{filter:none;transform:scale(1.1)}}.containerx{position:relative;width:100%;overflow:hidden;padding-top:56.25%;margin:6rem 0}.containerx iframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border:none}.proj-title{font-size:1.6rem;line-height:1.2}.proj-tag{font-size:1.2rem;line-height:1.3}.rowimg{display:flex;gap:1.2rem;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;margin:6rem 0}.page-content .secthalf{width:50%}.rowimg figure{margin:0;opacity:1!important}@media (max-width:768px){.rowimg{gap:0;flex-direction:column;flex-wrap:wrap;margin:0 0 2rem 0}.page-content .secthalf{width:100%}div.secthalf{display:none}}@media (min-width:1921px){section{padding:0 12rem}.page-detail{left:12rem}}@media (max-width:1680px){section{padding:0 4.2rem}.page-detail{left:4.2rem;width:25vw}article{margin-left:25vw;width:calc(100vw - var(--scrollbar-width) - 8.4rem - 25vw)}.page-content figure.extend-figure{width:calc(100vw - var(--scrollbar-width) - 8.4rem);margin-left:-25vw}.prj-flex>.prj-3{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 7.2rem - 25vw)/ 3)}.prj-flex>.prj-4{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 3.6rem)/ 4)}.prj-4 picture{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 3.6rem)/ 4);height:calc((100vw - var(--scrollbar-width) - 8.4rem - 3.6rem)/ 4)}.prj-4 img{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 3.6rem)/ 4);height:calc((100vw - var(--scrollbar-width) - 8.4rem - 3.6rem)/ 4)}}@media (max-width:1366px){h1.page-title{font-size:5rem;line-height:1.2}.page-detail{padding-right:2rem}.page-content h4{font-size:3.2rem;line-height:1.2}.page-content blockquote{font-size:3.2rem;line-height:1.2}article picture{margin-bottom:10rem}.proj-title{font-size:1.6rem;line-height:1.2}}@media (max-width:1280px){.projtop{margin-top:11rem;min-height:26rem}h1.page-title{font-size:4rem;line-height:1.2}}@media (max-width:1024px){h1.page-title{font-size:3rem;line-height:1.2;padding-bottom:0;margin-bottom:3.6rem}.page-detail{padding-right:1rem}article picture{margin-bottom:6rem}.page-content{font-size:1.6rem;line-height:1.5}body:lang(zh-CN) .page-content{line-height:1.8}.page-content p{margin-bottom:2rem}.page-content h4{font-size:2.4rem;line-height:1.5;margin:6rem 0 4rem 0}.page-content figure{margin:3rem 0 3rem 0}.page-content figure.extend-figure{margin-top:3rem;margin-bottom:3rem}.page-content blockquote{font-size:2.4rem;line-height:1.2}.detail-title{font-size:1.2rem;line-height:1.2;margin-bottom:.6rem}.detail-ht{margin-bottom:1rem}.detail-text{font-size:1.5rem;line-height:1.3}.detail-block{margin-bottom:2.5rem}.detail-tag{font-size:1.4rem;line-height:1.4;padding:.2rem 1rem}.containerx{margin:3rem 0}.sgap{padding:.5rem 0}.home-flex>.home-4:nth-child(n+4){display:none}.projtop{margin-top:8rem;min-height:20rem}.prj-flex>.prj-3{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem - 25vw)/ 2)}.prj-flex>.prj-4{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem)/ 3)}.prj-4 picture{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem)/ 3);height:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem)/ 3)}.prj-4 img{width:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem)/ 3);height:calc((100vw - var(--scrollbar-width) - 8.4rem - 2.4rem)/ 3)}.cat-text{font-size:1.6rem;line-height:1.4}.awardtitle{font-size:2rem;line-height:1}.prjyear{font-size:1.6rem;line-height:1.6}.prjdesc{font-size:1.6rem;line-height:1.6}.proj-title{font-size:1.4rem;line-height:1.2}}@media (max-width:768px){section{padding:0 1.6rem}.page-detail{position:relative;top:0;left:0;width:100%;margin-bottom:4rem;padding-right:0}article{width:100%;margin-left:0;padding-right:0}article picture{margin-bottom:6rem}.page-content figure{margin:2rem 0 2rem 0}.page-content figure.extend-figure{margin-left:0;width:100%;padding:0;margin-top:2rem;margin-bottom:2rem}.page-content blockquote{margin:4rem 2rem;padding-left:0}.related{padding:0 1.6rem;margin-top:4rem}.detail-tag{margin-right:0;white-space:nowrap}.sgap{display:inline-block;padding:0 0 1rem 0;margin:0 0 1rem 0}.projtop{margin-top:6rem;min-height:15rem}h1.page-title{font-size:2.4rem;line-height:1.2}.pf3{margin-bottom:6rem}.prj-flex>.prj-3{width:80%}.prj-flex>.prj-4{width:calc((100vw - var(--scrollbar-width) - 3.2rem - 1.2rem)/ 2)}.prj-4 picture{width:calc((100vw - var(--scrollbar-width) - 3.2rem - 1.2rem)/ 2);height:calc((100vw - var(--scrollbar-width) - 3.2rem - 1.2rem)/ 2)}.prj-4 img{width:calc((100vw - var(--scrollbar-width) - 3.2rem - 1.2rem)/ 2);height:calc((100vw - var(--scrollbar-width) - 3.2rem - 1.2rem)/ 2)}}@media (max-width:480px){h1.page-title{font-size:2.4rem;line-height:1.2;padding-bottom:2.5rem;margin-bottom:2rem}.proj-title{font-size:1.4rem;line-height:1.2}.page-content h4{font-size:2rem;line-height:1.5;margin:3rem 0}.page-content p{margin-bottom:3rem}.page-content figure{margin:3rem 0}.detail-tag{font-size:1.3rem;line-height:1.2;padding:.2rem 1rem;margin-right:.4rem}}@media (max-width:380px){.page-content blockquote{margin:1rem 1rem;font-size:1.8rem;line-height:1.2}.proj-tag{font-size:1.2rem;line-height:1.3;padding-top:.3rem}.prj-flex>.prj-4{width:calc(100vw - var(--scrollbar-width) - 3.2rem)}.prj-4 picture{width:calc(100vw - var(--scrollbar-width) - 3.2rem);height:calc(100vw - var(--scrollbar-width) - 3.2rem)}.prj-4 img{width:calc(100vw - var(--scrollbar-width) - 3.2rem);height:calc(100vw - var(--scrollbar-width) - 3.2rem)}}