.photo-portfolio{border-top:1px solid #d5d9cf}.photo-portfolio[hidden]{display:none}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.photo-cover{border:0;padding:0;position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#e2e7da;cursor:pointer}.photo-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.photo-cover:hover img{transform:scale(1.04)}.photo-cover span{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;background:white;width:40px;height:40px;border-radius:50%;font-size:22px}.photo-grid h3{margin:16px 0 5px;font-size:21px}.photo-grid p{font-size:12px;color:#69735e;margin:0}.photo-dialog{max-width:1050px;padding:24px}.photo-dialog .dialog-top{margin-bottom:18px}.photo-dialog>img{display:block;width:100%;max-height:65vh;object-fit:contain;background:#e7eadf}.photo-dialog>img[hidden]{display:none}.photo-controls{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:16px}.photo-controls button{border:0;border-radius:50%;width:42px;height:42px;background:#28372f;color:white;font-size:20px}.photo-controls button:disabled{opacity:.3;cursor:default}.photo-controls span{font-size:13px}@media(max-width:760px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 16px}.photo-dialog{padding:16px}.photo-dialog h2{font-size:25px}}@media(max-width:480px){.photo-grid{grid-template-columns:1fr}}