/* Shared portfolio purpose, with project-specific editorial copy. */
section.portfolio-thread{box-sizing:border-box;width:90%;max-width:1440px;margin:70px auto;padding:38px 0 42px;border-top:1px solid #c9c6bc;border-bottom:1px solid #c9c6bc;background:transparent;color:#24251f;display:grid;grid-template-columns:1fr 2fr;gap:7%;text-align:left}
.portfolio-thread .portfolio-thread-label{font:600 12px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding-top:7px}.portfolio-thread-label span{display:block;font-weight:400;color:#62635a;margin-top:8px}
.portfolio-thread h2{font:400 clamp(30px,3.5vw,52px)/1.1 Georgia,serif;letter-spacing:-.035em;margin:0 0 22px;color:#24251f}.portfolio-thread p{font:400 16px/1.75 Arial,Helvetica,sans-serif;max-width:760px;margin:0;color:#4e5048}.portfolio-thread a{display:inline-block;font:400 13px/1.6 Arial,Helvetica,sans-serif;margin-top:25px;color:#24251f;text-decoration:underline;text-underline-offset:5px}.portfolio-thread a:focus-visible{outline:3px solid #6652b0;outline-offset:5px}
@media(max-width:600px){section.portfolio-thread{grid-template-columns:1fr;gap:24px;margin:45px auto;padding:28px 0}.portfolio-thread-label span{display:inline;margin:0}.portfolio-thread p{font-size:15px}.portfolio-thread h2{font-size:32px}}
@media print{section.portfolio-thread{display:none}}

/* Consistent browsing between the selected projects. */
nav.project-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:28px;width:88%;margin:45px auto;padding:28px 0;border-top:1px solid #c9c6bc;font:15px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.project-navigation a{overflow-wrap:anywhere;text-decoration:none}.project-navigation a:last-child{text-align:right}.project-navigation span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#62635a;margin-bottom:8px}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6652b0;outline-offset:5px}
@media(max-width:600px){nav.project-navigation{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;font-size:14px}.project-navigation a:nth-child(2){grid-column:1/-1;grid-row:2;text-align:center}}