.portfolio-toolbar,.portfolio-result-bar,.portfolio-tag-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.portfolio-toolbar{margin-bottom:26px}.portfolio-switch,.portfolio-match{display:flex;gap:6px;flex-wrap:wrap}.portfolio-switch button,.portfolio-share,.portfolio-match button,.portfolio-result-bar button,.portfolio-tags button{font:inherit;border:1px solid #534c3f;color:#e2c894;background:transparent;border-radius:2px;padding:11px 17px;cursor:pointer;font-size:13px}.portfolio-switch button[aria-pressed=true],.portfolio-tags button[aria-pressed=true],.portfolio-match button[aria-pressed=true],#portfolio-favorites[aria-pressed=true]{background:#c9a86b;color:#26221b;border-color:#c9a86b}.portfolio-share{border-radius:2px}.portfolio-tag-panel{padding:24px 0;border-block:1px solid #38342b;margin-top:24px}.portfolio-tag-heading .eyebrow{margin:0}.portfolio-match button{font-size:11px;padding:8px 12px}.portfolio-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.portfolio-tags button{padding:9px 14px}.portfolio-tags button small{opacity:.65;margin-left:7px}.portfolio-tags button>span{opacity:.7}.portfolio-tags button:hover{border-color:#c9a86b}.portfolio-tag-panel p{font-size:12px;color:#a9a08f;margin:16px 0 0}.portfolio-result-bar{margin:22px 0}.portfolio-result-bar>div{display:flex;gap:10px;flex-wrap:wrap}.portfolio-result-bar button{padding:7px 12px;font-size:12px}.portfolio-result-bar p,#portfolio-status{font-size:13px;color:#c9a86b}.portfolio-image-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.portfolio-image{min-width:0;position:relative;overflow:hidden;border-radius:2px;background:#26221b}.portfolio-image>button{display:block;position:relative;padding:0;border:0;background:none;color:#fff;width:100%;cursor:zoom-in;text-align:left}.portfolio-image img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .35s}.portfolio-image:nth-child(3n+2) img{aspect-ratio:1/1}.portfolio-image-caption{position:absolute;inset:25% 0 0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;background:linear-gradient(transparent,#000d)}.portfolio-image-caption small{font-size:11px;color:#e2c894}.portfolio-image-caption strong{font-size:20px;line-height:1.2;margin:8px 0}.portfolio-image-caption>span{font-size:11px;color:#c9a86b}.portfolio-image>a{display:block;padding:11px 18px;font-size:12px;color:#e2c894}.portfolio-image:hover img{transform:scale(1.025)}.portfolio-empty{grid-column:1/-1;padding:40px 0}.portfolio-empty h2{font-size:30px}#portfolio-more{margin:30px auto;display:block}#portfolio-more[hidden]{display:none}#portfolio-lightbox{padding:50px 20px 20px;width:min(1200px,95vw);max-height:94dvh;overflow:auto;background:#181611;color:#eee9de;border:1px solid #736956;border-radius:2px}#portfolio-lightbox::backdrop{background:#000d}#portfolio-full{object-fit:contain;width:100%;height:65dvh}#portfolio-close{position:absolute;right:16px;top:8px;background:none;color:#e2c894;border:0;font-size:30px}#portfolio-lightbox button{cursor:pointer}.portfolio-lightbox-info{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:center}.portfolio-lightbox-info button{background:none;border:1px solid #716856;color:#e2c894;border-radius:50%;width:42px;height:42px;flex-shrink:0}#portfolio-project-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-size:13px;color:#e2c894}#portfolio-caption{font-size:13px}#portfolio-browser .search-label{max-width:650px}#portfolio-browser button:focus-visible{outline:2px solid #e2c894;outline-offset:3px}
@media(max-width:1100px){.portfolio-image-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.portfolio-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-image-caption{padding:14px}.portfolio-image-caption strong{font-size:16px}.portfolio-toolbar{align-items:stretch}.portfolio-share{width:100%}}
@media(max-width:420px){.portfolio-image-grid{grid-template-columns:1fr}.portfolio-image img{aspect-ratio:4/3!important}.portfolio-switch button{padding:10px 12px;font-size:12px}.portfolio-tag-heading{gap:12px}}
@media(prefers-reduced-motion:reduce){.portfolio-image img{transition:none}.portfolio-image:hover img{transform:none}}
#portfolio-lightbox{box-sizing:border-box;width:calc(100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:none;padding:46px 12px 10px;overflow:hidden}#portfolio-full{height:calc(100% - 84px);max-height:none;object-fit:contain}.portfolio-lightbox-info{height:42px}#portfolio-project-links{max-height:38px;overflow:auto}#portfolio-caption{margin:0}