.portfolio-filters{border-bottom:1px solid #bccaba;flex-wrap:wrap;gap:.35rem 1.8rem;margin-bottom:1rem;display:flex}.portfolio-filter{-webkit-appearance:none;appearance:none;color:#596658;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.6rem 0 1rem;font:500 .87rem/1.5 Inter,sans-serif;transition:color .18s;position:relative}.portfolio-filter:hover{color:#1a1a2e}.portfolio-filter[aria-pressed=true]{color:#1a1a2e;border-color:#23894a}.portfolio-count{color:#596658;margin:0 0 2rem;font-size:.76rem}.portfolio-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3rem 2rem;display:grid}.portfolio-project{grid-column:span 6;min-width:0}.portfolio-project:nth-child(4n+1){grid-column:span 7}.portfolio-project:nth-child(4n+2){grid-column:span 5;padding-top:4rem}.portfolio-project-button{text-align:left;cursor:pointer;color:#1a1a2e;background:0 0;border:0;width:100%;display:block}.portfolio-project-image{aspect-ratio:4/3;background:#dce2d9;width:100%;display:block;overflow:hidden}.portfolio-project:nth-child(4n+2) .portfolio-project-image{aspect-ratio:1}.portfolio-project-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .55s}.portfolio-project-button:hover img{transform:scale(1.025)}.portfolio-project-caption{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-top:1.2rem;display:flex}.portfolio-project-caption h3{letter-spacing:-.015em;margin:0 0 .45rem;font:500 clamp(1.1rem,1.5vw,1.4rem)/1.3 Poppins,sans-serif}.portfolio-project-caption p{color:#596658;font-size:.85rem;line-height:1.6}.portfolio-project-label{color:#23894a;margin-top:.7rem;font-size:.74rem;display:block}.portfolio-project-open{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.portfolio-filter:focus-visible{outline-offset:5px;outline:2px solid #06c}.portfolio-project-button:focus-visible{outline-offset:5px;outline:2px solid #06c}.portfolio-lightbox button:focus-visible{outline-offset:5px;outline:2px solid #06c}.portfolio-lightbox{color:#fff;background:#1a1a2e;border:0;width:min(1200px,100% - 2rem);max-width:none;max-height:calc(100dvh - 2rem);margin:auto;padding:1.5rem 2rem;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.portfolio-lightbox::backdrop{background:#0b1012ed}.portfolio-lightbox-header{color:#cdd8d0;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.8rem;display:flex}.portfolio-lightbox button{cursor:pointer;color:#fff;background:0 0;border:1px solid #ffffff40;justify-content:center;align-items:center;gap:.5rem;min-width:44px;min-height:44px;display:inline-flex}.portfolio-lightbox button:hover{background:#ffffff15}.portfolio-lightbox figure{margin:0}.portfolio-lightbox picture{justify-content:center;align-items:center;display:flex}.portfolio-lightbox img{-o-object-fit:contain;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:64dvh}.portfolio-lightbox-footer{grid-template-columns:1fr auto;align-items:end;gap:1.5rem;padding-top:1.3rem;display:grid}.portfolio-lightbox h3{margin-bottom:.4rem;font:500 clamp(1.1rem,2vw,1.5rem)/1.3 Poppins,sans-serif}.portfolio-lightbox figcaption p{color:#cdd8d0;font-size:.9rem}.portfolio-lightbox-controls{gap:.65rem;display:flex}.portfolio-lightbox-controls button{padding:.5rem .8rem;font-size:.8rem}@media (max-width:760px){.portfolio-filters{gap:.2rem 1.2rem}.portfolio-filter{padding-bottom:.65rem;font-size:.82rem}.portfolio-grid{gap:2rem 1rem}.portfolio-project:nth-child(n){grid-column:span 6;padding-top:0}.portfolio-project:nth-child(n) .portfolio-project-image{aspect-ratio:4/3}.portfolio-project-caption{gap:.3rem}.portfolio-project-caption p{font-size:.8rem}}@media (max-width:540px){.portfolio-grid{grid-template-columns:1fr;gap:2.1rem}.portfolio-project:nth-child(n){grid-column:1}.portfolio-project-image{aspect-ratio:4/3}.portfolio-lightbox{width:calc(100% - 1rem);max-height:calc(100dvh - 1rem);padding:.85rem}.portfolio-lightbox-footer{grid-template-columns:1fr;gap:1rem}.portfolio-lightbox-controls{justify-content:space-between}.portfolio-lightbox img{max-height:57dvh}}@media (prefers-reduced-motion:reduce){.portfolio-project-image img,.portfolio-filter{transition:none}.portfolio-project-button:hover img{transform:none}}
