.portfolio-project-reflow>div:not(.portfolio-project-flow){display:none!important}
.portfolio-project-flow{background:#edf0f2;color:#2b2b2b}
.portfolio-project-intro{box-sizing:border-box;max-width:1366px;margin:0 auto;padding:80px clamp(24px,5.62vw,76.8px) 28px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:end;font:400 17px/1.65 Portfolio UI,Portfolio CJK,sans-serif}
.portfolio-project-copy,.portfolio-project-figure{min-width:0}
.portfolio-project-copy h1{margin:0 0 24px;font:400 clamp(40px,4vw,56px)/1.15 Portfolio Display,Portfolio CJK,sans-serif;letter-spacing:-.025em;overflow-wrap:anywhere}
html[lang=zh-CN] .portfolio-project-copy h1{font-size:clamp(36px,3.25vw,44px);line-height:1.3}
.portfolio-project-title-english{display:block;margin-top:8px;font-size:.65em;line-height:1.3;letter-spacing:-.015em}
.portfolio-project-copy p{margin:0 0 16px;overflow-wrap:anywhere}
.portfolio-project-copy p:last-child{margin-bottom:0}
.portfolio-project-figure{margin:0}
.portfolio-project-video{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111}
.portfolio-project-image{display:block;width:100%;height:auto;object-fit:cover}
.portfolio-project-figure figcaption{margin-top:12px;color:#60686d;font-size:12px;line-height:1.5;letter-spacing:.04em;overflow-wrap:anywhere}
@media(max-width:899px){.portfolio-project-intro{grid-template-columns:1fr;padding-top:48px;gap:28px}.portfolio-project-copy h1{font-size:44px}.portfolio-project-figure{width:100%}}
@media(max-width:699px){.portfolio-project-intro{padding:40px 24px 20px;font-size:16px;line-height:1.6}.portfolio-project-copy h1,html[lang=zh-CN] .portfolio-project-copy h1{font-size:36px;line-height:1.25;margin-bottom:20px}}
.portfolio-project-details{box-sizing:border-box;width:100%;max-width:1366px;margin:0 auto;padding:28px clamp(24px,5.62vw,76.8px) 64px;color:#2b2b2b;background:#edf0f2;font:400 17px/1.65 Portfolio UI,Portfolio CJK,sans-serif}
.portfolio-project-details section{margin:0;padding:0}
.portfolio-project-details section+section{margin-top:48px}
.portfolio-project-details h2{margin:0 0 22px;font:500 28px/1.35 Portfolio UI,Portfolio CJK,sans-serif;letter-spacing:.035em;text-transform:uppercase;overflow-wrap:anywhere}
.portfolio-awards-list{list-style:none;padding:0;margin:0 -12px}
.portfolio-awards-list li{margin:0;min-width:0}
.portfolio-award-link,.portfolio-award-text{display:block;box-sizing:border-box;padding:4px 12px;margin:0;line-height:1.5;overflow-wrap:anywhere}
.portfolio-award-link{color:inherit;text-decoration:none;text-decoration-thickness:1px;text-underline-offset:4px;border-bottom:1px solid transparent;transition:color .18s ease,text-shadow .18s ease}
.portfolio-award-text{border-bottom:1px solid transparent}
.portfolio-award-link:focus-visible{outline:2px solid #304254;outline-offset:2px;color:#142f46;text-decoration-line:underline;text-shadow:.25px 0 currentColor}
.portfolio-citation-text{margin:0;line-height:1.65;overflow-wrap:anywhere}
.portfolio-citation-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.portfolio-citation-link:focus-visible{outline:2px solid #304254;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.portfolio-award-link:hover{color:#142f46;text-decoration-line:underline;text-shadow:.25px 0 currentColor}.portfolio-citation-link:hover{color:#142f46}}
@media(max-width:699px){.portfolio-project-details{padding:24px 24px 48px;font-size:15px}.portfolio-project-details h2{font-size:23px;letter-spacing:.02em;margin-bottom:18px}.portfolio-project-details section+section{margin-top:36px}.portfolio-awards-list{margin:0 -8px}.portfolio-award-link,.portfolio-award-text{padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.portfolio-award-link{transition:none}}