.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 25px}.portfolio-photo{display:block;width:100%;border:0;padding:0;background:#e1e3d9;cursor:zoom-in;overflow:hidden}.portfolio-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .35s}.portfolio-photo:hover img{transform:scale(1.025)}.portfolio-grid small{display:block;text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:var(--muted);margin-top:19px}.portfolio-grid h3{font:28px/1.12 'Cormorant Garamond',Georgia,serif;margin-top:8px}.portfolio-view{padding:55px 20px 20px;background:#102d28;color:white;border:1px solid #ffffff30;width:min(1050px,94vw);max-height:94dvh}.portfolio-view::backdrop{background:#061713e8}.portfolio-view img{display:block;width:100%;height:calc(85dvh - 110px);object-fit:contain}.portfolio-view p{text-align:center;margin:18px 0 0;font-size:14px}.portfolio-close{position:absolute;right:20px;top:12px;color:white;background:none;border:0;min-height:36px;padding:5px 12px}.showcase-controls>div{gap:12px}@media(max-width:760px){.portfolio-grid{grid-template-columns:1fr 1fr;gap:28px 15px}.portfolio-grid h3{font-size:23px}.portfolio-grid small{font-size:9px}.showcase-controls{gap:10px}.showcase-controls>div{gap:7px}}@media(max-width:440px){.portfolio-grid{grid-template-columns:1fr}.portfolio-photo img{aspect-ratio:1/1.1}.portfolio-grid h3{font-size:28px}}@media(prefers-reduced-motion:reduce){.portfolio-photo img{transition:none}}