/* Real project content, while retaining the portfolio's black / white visual system. */
.portfolio-dates{display:flex;flex-direction:column;gap:23px}
.portfolio-heading{margin:42px 0 56px}.portfolio-heading h2{font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace;font-size:clamp(46px,10vw,144px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:0 0 40px;color:#f5f5f3}.portfolio-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12%;align-items:start}.portfolio-intro>p{max-width:770px;font-size:clamp(17px,1.65vw,24px);line-height:1.8;font-weight:300;letter-spacing:.01em;margin:0;color:#b6b6bc}.work-date{display:flex;flex-direction:column;gap:8px;min-height:44px;text-decoration:none;white-space:nowrap}.work-date strong{font-size:clamp(23px,2.7vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.055em;color:#eee}.work-date>span{font-size:8px;color:#777;letter-spacing:.07em;padding-left:27px}
.portfolio-content .project-real .featured-project-art{min-height:490px;grid-template-columns:38% 62%;background:#111113}.portfolio-content .project-real .featured-project-art>img{position:relative;grid-column:2;grid-row:1;inset:auto;width:100%;height:100%;min-height:490px;object-fit:contain;object-position:center;background:#dadade;transform:none}.portfolio-content .project-real .featured-project-copy{grid-column:1;grid-row:1;padding:36px 30px}.portfolio-content .project-real .featured-project-art::after{display:none}.portfolio-content .project-real .featured-project-copy h3{font-size:clamp(26px,2.7vw,43px);line-height:1.23;margin:57px 0 23px;letter-spacing:-.035em;overflow-wrap:anywhere}.portfolio-content .project-real .featured-project-copy h3>span{display:block;font-size:14px;line-height:1.8;margin-top:16px;letter-spacing:.025em;color:#aaa}.portfolio-content .project-real .featured-project-copy p{font-size:12px;max-width:240px}.portfolio-content .project-real .project-trigger:hover .featured-project-art>img{transform:none}.portfolio-content .project-real .featured-art-bottom{font-size:9px!important}.portfolio-content .project-real .project-meta h3{overflow-wrap:anywhere}
@media(max-width:768px){.portfolio-heading{margin:30px 0 34px}.portfolio-heading h2{margin-bottom:26px}.portfolio-intro{grid-template-columns:1fr;gap:24px}.portfolio-intro>p{font-size:15px;line-height:1.9}.work-date{flex-direction:row;align-items:center;justify-content:space-between;gap:14px}.work-date strong{font-size:23px}.work-date>span{font-size:8px;padding:0}.portfolio-content .project-real .featured-project-art{min-height:0;display:flex;flex-direction:column-reverse}.portfolio-content .project-real .featured-project-art>img{min-height:0;height:auto;aspect-ratio:1.5;object-fit:contain;width:100%;transform:none}.portfolio-content .project-real .featured-project-copy{padding:25px;min-height:0;max-width:none}.portfolio-content .project-real .featured-project-copy h3{font-size:28px;margin:23px 0 14px}.portfolio-content .project-real .featured-project-copy h3>span{font-size:13px;margin-top:12px}.portfolio-content .project-real .featured-project-copy p{font-size:12px;max-width:none}.portfolio-content .project-real .featured-art-bottom{padding-top:25px}.portfolio-content .project-real .project-meta{flex-direction:column;gap:6px}.portfolio-content .project-real .project-meta h3{font-size:13px}.portfolio-content .project-real .project-tags{align-self:flex-start;text-align:left;max-width:none}.portfolio-content .project-real .featured-project-art>.project-circle{top:18px;bottom:auto}}
.portfolio-content .project-xiangyu .featured-project-copy h3{font-size:clamp(56px,5.6vw,80px);letter-spacing:.04em}
@media(max-width:768px){.portfolio-content .project-xiangyu .featured-project-copy h3{font-size:56px}.portfolio-dates{gap:10px}}
.portfolio-content .project-beyond .featured-project-copy h3{font-size:clamp(30px,3.25vw,46px);line-height:1.18;overflow-wrap:normal;letter-spacing:-.045em}
.portfolio-content .project-beyond .featured-art-bottom{line-height:1.8}
@media(max-width:768px){.portfolio-content .project-beyond .featured-project-copy h3{font-size:34px;line-height:1.2}}
.portfolio-content .project-glacier .featured-project-copy h3{font-size:clamp(32px,3.4vw,48px);line-height:1.18;overflow-wrap:normal;letter-spacing:-.045em}
.portfolio-content .project-glacier .featured-art-bottom{line-height:1.8}
.portfolio-content .project-filters{flex-wrap:wrap;gap:8px 28px}
@media(max-width:768px){.portfolio-content .project-glacier .featured-project-copy h3{font-size:36px}.portfolio-content .project-filters{gap:5px 24px}}

.portfolio-content .project-sentinel .featured-project-copy h3{font-size:clamp(38px,4vw,56px);line-height:1.12;overflow-wrap:normal;letter-spacing:-.045em}
.portfolio-content .project-sentinel .featured-art-bottom{line-height:1.8}
@media(max-width:768px){.portfolio-content .project-sentinel .featured-project-copy h3{font-size:42px}}

.portfolio-content .project-sentinel .featured-project-art>img{background:#eceae5;padding:30px}
@media(max-width:768px){.portfolio-content .project-sentinel .featured-project-art>img{padding:22px}}

.portfolio-content .project-watchout .featured-project-copy h3{font-size:clamp(42px,4.4vw,62px);line-height:1.15;letter-spacing:-.045em;overflow-wrap:normal}
.portfolio-content .project-watchout .featured-art-bottom{line-height:1.8}
.portfolio-content .project-watchout .featured-project-art>img{background:#151819}
@media(max-width:768px){.portfolio-content .project-watchout .featured-project-copy h3{font-size:42px}}