.sample-card{display:flex;flex-direction:column}
.sample-work{display:block;text-decoration:none;color:inherit}
.sample-access{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto;padding-top:18px}
.sample-access .sample-action{margin:0;font-size:14px}
.sample-qr{position:relative;display:block}
.sample-qr-toggle{display:block;padding:6px 11px;border:1px solid #6e9985;border-radius:99px;background:#ffffff9c;color:var(--ink);font:inherit;font-size:12px;font-weight:700;line-height:1.5;cursor:pointer}
.sample-qr-toggle:hover,.sample-qr-toggle[aria-expanded=true]{background:#fff;border-color:#285d4c}
.sample-qr-toggle:focus-visible{outline:3px solid #ae4d22;outline-offset:3px}
.sample-qr-panel{position:absolute;z-index:5;right:0;bottom:calc(100% + 8px);display:flex;flex-direction:column;align-items:center;gap:8px;width:176px;padding:12px;background:#fff;border:1px solid #bbcec2;border-radius:10px;box-shadow:0 8px 24px #173e3633;color:var(--ink);font-size:11px;line-height:1.5;white-space:nowrap}
.sample-qr-panel[hidden]{display:none}
.sample-qr-panel::after{content:"";position:absolute;left:0;right:0;top:100%;height:8px}
.sample-card .sample-qr-panel img{display:block;width:152px;height:152px;aspect-ratio:1;object-fit:contain;border-radius:0;box-shadow:none;background:#fff}
.sample-card:hover .sample-qr-panel img{box-shadow:none}
@media(max-width:767px){.sample-qr{display:none}}