.image-modal-trigger{display:block;position:relative;padding:0;border:0;background:transparent;color:inherit;text-align:inherit;cursor:pointer;max-width:100%}.story-figure .image-modal-trigger{width:100%}.story-figure .image-modal-trigger .story-media{margin:0}.detail-cover .image-modal-trigger{width:100%;height:100%}.detail-cover .image-modal-trigger img{width:100%;height:100%;object-fit:cover}.job-photo{padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.job-photo img{display:block}.image-modal-trigger:focus-visible,.job-photo:focus-visible{outline:2px solid var(--text);outline-offset:3px}
.image-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:16px;border:0;background:transparent;overflow:hidden;align-items:center;justify-content:center}.image-modal[open]{display:flex}.image-modal::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.image-modal-stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:min(900px,92vw);max-height:90vh;touch-action:none;cursor:grab;will-change:transform;transform-origin:center}.image-modal-stage.dragging{cursor:grabbing}.image-modal-image{display:block;width:auto;height:auto;max-width:min(900px,92vw);max-height:85vh;object-fit:contain;border-radius:10px;user-select:none;-webkit-user-drag:none}.image-modal-close{position:absolute;right:0;top:-42px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font:24px/1 sans-serif;cursor:pointer}.image-modal-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
.image-modal-close{position:fixed;z-index:2;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:40px;height:40px}