/* The expanded work collection shares the homepage's paper, ink, and lime palette. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.portfolio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:23px;margin-bottom:32px}
.portfolio-filters{display:flex;flex-wrap:wrap;gap:8px}
.portfolio-filter{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:11px 18px;border:1px solid #c9ccc0;border-radius:30px;background:transparent;color:var(--ink);font-size:11px;font-weight:600;transition:background .2s,border-color .2s}
.portfolio-filter span{font-size:8px;opacity:.6}
.portfolio-filter:hover{border-color:var(--ink)}
.portfolio-filter[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.portfolio-status{margin:0;font-size:10px;color:#65695f;white-space:nowrap}
.portfolio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:30px;row-gap:42px;align-items:start}
.portfolio-card{min-width:0}
.portfolio-card.is-offset{margin-top:66px}
.portfolio-art{height:440px;position:relative;overflow:hidden;isolation:isolate;background:#dde1d4}
.portfolio-art>.portfolio-visual{width:100%;height:100%;transition:transform .5s ease}
.portfolio-card .project-trigger:hover .portfolio-visual,.portfolio-card .project-trigger:focus-visible .portfolio-visual{transform:scale(1.025)}
.portfolio-card .project-caption{margin-top:20px;gap:15px}
.portfolio-card .project-caption h3{font-size:23px;letter-spacing:-.7px;line-height:1.2;margin-bottom:7px}
.portfolio-card .project-caption>span{font-size:9px;align-self:flex-start;padding-top:6px;color:#707666}
.portfolio-card .project-caption p{font-size:10px;line-height:1.7}
.portfolio-card .project-description{font-size:12px;line-height:1.8;margin:11px 0 0;max-width:95%;color:#65695f}
.portfolio-card .project-open{width:38px;height:38px;right:18px;bottom:17px;border:1px solid #17191613}
.portfolio-more-wrap{display:flex;flex-direction:column;align-items:center;gap:17px;margin-top:52px}
.portfolio-more{min-height:50px;padding:13px 23px;border:1px solid var(--ink);background:transparent;border-radius:30px;font-size:11px;font-weight:700;display:inline-flex;gap:30px;align-items:center;color:var(--ink)}
.portfolio-more:hover{background:var(--lime)}
.portfolio-more span:last-child{font-size:20px;font-weight:400}
.portfolio-note{font-size:10px;line-height:1.8;color:#737a69;text-align:center;margin:0}
.portfolio-controls[hidden],.portfolio-card[hidden],.portfolio-more[hidden]{display:none}
.portfolio-dialog-art{height:440px;margin:0 22px 22px;position:relative;overflow:hidden;isolation:isolate}
.portfolio-dialog-art>.portfolio-visual{height:100%;width:100%}
.work-dialog-copy .portfolio-visit{display:inline-flex;align-items:center;gap:35px;min-height:44px;padding:8px 0;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700;margin:0 0 21px}
.portfolio-visit span{font-size:19px}
.portfolio-archive-image{display:block;width:100%;height:100%;object-fit:cover}
.portfolio-compiler{height:100%;display:flex;align-items:center;justify-content:center;background:#b9cdeb}
.portfolio-smart{height:100%;display:flex;align-items:center;justify-content:center;background:#e9cfa7}
.portfolio-smart-sheet{width:66%;padding:18px;background:#fff;box-shadow:0 20px 50px #503a1829;transform:rotate(-5deg)}
.portfolio-smart-sheet img{display:block;width:100%;height:auto}
.portfolio-smart-caption{position:absolute;left:25px;bottom:25px;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#705a3b}
@media(max-width:1000px){.portfolio-toolbar{align-items:flex-start;gap:15px}.portfolio-filter{padding:10px 13px;font-size:10px;gap:8px}.portfolio-status{padding-top:15px;font-size:9px}.portfolio-grid{column-gap:22px}.portfolio-card.is-offset{margin-top:48px}.portfolio-card .project-caption h3{font-size:21px}.portfolio-card .project-description{font-size:11px}}
@media(max-width:700px){.portfolio-toolbar{display:block;padding-bottom:20px;margin-bottom:25px}.portfolio-filters{gap:7px}.portfolio-filter{padding:10px 13px;font-size:10px;gap:9px}.portfolio-status{padding-top:17px;font-size:9px}.portfolio-grid{grid-template-columns:minmax(0,1fr);gap:33px}.portfolio-card.is-offset{margin-top:0}.portfolio-card .project-caption{margin-top:16px}.portfolio-card .project-caption h3{font-size:23px}.portfolio-card .project-caption p{font-size:10px}.portfolio-card .project-description{font-size:11px;margin-top:8px;max-width:100%}.portfolio-art{height:440px}.portfolio-more-wrap{margin-top:36px}.portfolio-note{max-width:300px;font-size:9px}.portfolio-dialog-art{margin:0 12px 12px}.work-dialog-copy .portfolio-visit{font-size:11px}.portfolio-card .project-open{right:15px;bottom:15px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.portfolio-art>.portfolio-visual,.portfolio-filter{transition:none}.portfolio-card .project-trigger:hover .portfolio-visual,.portfolio-card .project-trigger:focus-visible .portfolio-visual{transform:none}}