.portfolio-layout{display:block}.portfolio-layout>.reading-aside{display:none}.portfolio-layout .reading-content{max-width:none}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 24px;border-bottom:1px solid var(--line)}.portfolio-filters button{border:1px solid var(--line);padding:9px 17px;background:transparent;color:var(--ink);font-size:15px}.portfolio-filters button[aria-pressed=true]{background:var(--red);border-color:var(--red);color:var(--paper)}.portfolio-filters span{font-size:12px;margin-left:7px;opacity:.7}.portfolio-summary{margin:20px 0;font-size:14px}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 20px}.portfolio-grid figure{min-width:0}.portfolio-grid figure[hidden]{display:none}.portfolio-photo{display:block;width:100%;border:0;padding:0;background:#e8e1d7;overflow:hidden;border-radius:4px;cursor:zoom-in}.portfolio-photo img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 30%;transition:transform .35s}.portfolio-photo:hover img{transform:scale(1.025)}.portfolio-grid figcaption{padding:10px 0;font-size:14px;color:var(--muted)}.portfolio-more{display:block;margin:32px auto 0;background:transparent;cursor:pointer}.portfolio-more[hidden]{display:none}.portfolio-dialog{width:min(1000px,94vw);max-height:94svh;border:0;padding:18px 22px;background:var(--paper);color:var(--ink)}.portfolio-dialog::backdrop{background:#15100ddd}.portfolio-dialog-bar,.portfolio-dialog-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}.portfolio-dialog button{background:transparent;border:1px solid var(--line);padding:8px 14px;font-size:14px;cursor:pointer}.portfolio-large{display:block;margin:14px auto;width:100%;height:calc(90svh - 150px);object-fit:contain}.portfolio-dialog-nav{justify-content:center}.portfolio-dialog p{font-size:15px}@media(max-width:1050px){.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.portfolio-filters{gap:8px}.portfolio-filters button{padding:8px 11px;font-size:13px}.portfolio-dialog{padding:12px}.portfolio-dialog-bar p{max-width:65%}}@media(prefers-reduced-motion:reduce){.portfolio-photo img{transition:none}}