.project-image-link{display:block;position:relative;border-radius:22px;cursor:zoom-in;color:inherit;text-decoration:none}
.project-image-link:focus-visible{outline:3px solid var(--pink,#d3164d);outline-offset:4px}
.image-zoom-hint{position:absolute;right:14px;bottom:14px;background:#171717d9;color:white;border:1px solid #ffffff55;border-radius:24px;padding:7px 12px;font:600 12px/1.3 Arial,sans-serif;pointer-events:none}
.image-viewer[open]{position:fixed;inset:0;display:block;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px 24px;border:0;border-radius:0;background:transparent;color:white;overflow:auto;z-index:10000;box-sizing:border-box}
.image-viewer::backdrop{background:rgba(18,14,16,.72);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.image-viewer-shell{height:100%;display:flex;flex-direction:column;max-width:1800px;margin:auto}
.image-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;margin-bottom:12px;font:14px/1.5 Arial,sans-serif;color:#fff;text-shadow:0 1px 4px #000b}
.image-viewer button{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;border:1px solid #ffffff66;border-radius:24px;background:#222;color:white;padding:10px 16px;font:600 14px/1.4 Arial,sans-serif}
.image-viewer button:hover{background:#d3164d;color:white;border-color:#d3164d}
.image-viewer button:focus-visible{outline:3px solid #ff8fb0;outline-offset:3px}
.image-viewer-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 60px}
.image-viewer-image{display:block;width:100%;height:100%;min-height:0;max-height:100%;object-fit:contain;border-radius:0}
.image-viewer-prev,.image-viewer-next{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:48px;padding:0!important;font-size:32px!important}
.image-viewer-prev{left:0}.image-viewer-next{right:0}
.image-viewer-caption{flex:none;margin:14px 0 0;text-align:center;font:14px/1.5 Arial,sans-serif;color:#ddd;max-height:15vh;overflow:auto;overflow-wrap:anywhere}
.image-viewer-error{flex:none;text-align:center;font:14px/1.5 Arial,sans-serif}.image-viewer-error a{color:#ffa7c2}
.image-viewer [hidden]{display:none!important}
@media(max-width:620px){.image-viewer[open]{padding:12px}.image-viewer-stage{padding:0 36px}.image-viewer-prev,.image-viewer-next{width:30px;height:42px}.image-viewer-caption{font-size:12px}.image-zoom-hint{right:10px;bottom:10px}}