.photo-card{transition:transform .18s ease,box-shadow .18s ease}
.photo-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.photo-image-wrap{position:relative;width:100%;height:280px;background:var(--cream);overflow:hidden;border-bottom:1px solid var(--line)}
.photo-thumb{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.photo-image-wrap.document-preview{height:340px;background:#eee9df;padding:12px}
.photo-image-wrap.document-preview .photo-thumb{object-fit:contain;background:white;border:1px solid var(--line)}
.photo-enlarge{position:absolute;right:10px;bottom:10px;background:rgba(38,54,66,.88);color:white;border-radius:999px;padding:6px 10px;font:700 .72rem Arial,sans-serif;letter-spacing:.02em}
.photo-card:focus{outline:3px solid var(--green2);outline-offset:3px}
@media(max-width:900px){.photo-image-wrap{height:250px}.photo-image-wrap.document-preview{height:300px}}
@media(max-width:620px){.photo-image-wrap{height:auto;min-height:240px}.photo-thumb{height:auto;max-height:520px;object-fit:contain;background:var(--cream)}.photo-image-wrap.document-preview{height:auto;min-height:300px}.photo-image-wrap.document-preview .photo-thumb{max-height:600px}}