.img-placeholder{background:repeating-linear-gradient(135deg, #0b4a8f14, #0b4a8f14 10px, transparent 10px, transparent 20px), var(--color-placeholder-bg);align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.img-placeholder__label{font:500 12px/1.4 var(--font-body);color:var(--color-text-faint);background:#ffffffb8;width:100%;padding:10px 12px;display:block}.img-placeholder__tag{color:#fff;font:700 11px/1 var(--font-heading);letter-spacing:.08em;pointer-events:none;border-radius:5px;padding:6px 9px;position:absolute;top:10px;left:10px}
.work-image{background:var(--color-placeholder-bg);align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.work-image__img{object-fit:cover}.work-image>.img-placeholder__label{z-index:1;position:relative}.work-image>.img-placeholder__tag{z-index:2}.work-image__zoom{z-index:3;cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:0}.work-image__zoom:focus-visible{outline:2px solid var(--color-accent);outline-offset:-3px}