.client-avatar.demo-photo-button{padding:0;border:0;cursor:zoom-in;min-height:0;overflow:visible;box-shadow:0 0 0 3px #f1f3e9}.demo-photo-button>img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.demo-photo-button:hover,.demo-photo-button:focus-visible{outline:3px solid #a5bfa8;outline-offset:2px}.demo-photo-detail{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:32px;align-items:center}.demo-photo-detail>img{width:100%;height:auto;border-radius:12px;display:block}.demo-photo-tag{display:inline-block;font-size:10px;letter-spacing:.08em;color:#7d704e;background:#f2eddf;border-radius:5px;padding:6px 9px;margin-bottom:14px}.demo-photo-detail h2{font-size:27px}.demo-photo-detail .button{font-size:12px}.demo-photo-popover{position:fixed;inset:auto;margin:0;width:min(360px,calc(100vw - 24px));padding:12px;border:1px solid #d5ddcf;border-radius:16px;background:#fffef9;color:#244737;box-shadow:0 14px 60px #18332635;z-index:200}.demo-photo-popover[hidden]{display:none!important}.demo-photo-popover>img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:10px;background:#eef1e7}.demo-photo-popover .demo-photo-tag{margin:10px 0 6px;font-size:9px}.demo-photo-popover p{font:12px/1.5 system-ui;margin:2px 0 0}.demo-photo-popover small{font:10px/1.4 system-ui;color:#809077;display:block;margin-top:6px}.photo-popover-close{position:absolute;right:20px;top:20px;border:0;border-radius:50%;width:32px;height:32px;min-height:32px;padding:0;background:#fffef9ef;color:#254c3b;font-size:22px;cursor:pointer}@media(max-width:600px){.demo-photo-detail{grid-template-columns:1fr;gap:22px}.demo-photo-detail>img{max-width:320px;margin:auto}.demo-photo-popover{max-height:calc(100dvh - 24px);overflow:auto;width:min(330px,calc(100vw - 24px))}}