.hero-qr{position:absolute;top:16px;right:20px;z-index:2;padding:5px;border:1px solid #ffffff80;border-radius:10px;background:#141412cc;cursor:pointer;line-height:0;transition:transform .18s ease,background .18s ease}
.hero-qr:hover{transform:scale(1.05);background:#141412}
.hero-qr:focus-visible,.qr-dialog-close:focus-visible{outline:3px solid var(--gold2);outline-offset:3px}
.hero-qr img{display:block;width:72px;height:72px;border:4px solid white;border-radius:5px}
.qr-dialog{width:min(90vw,410px);max-width:none;padding:0;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--text);box-shadow:0 20px 70px #000b}
.qr-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}
.qr-dialog-inner{position:relative;padding:28px;text-align:center}
.qr-dialog h2{margin:0 24px 20px;font:600 1.3rem/1.3 var(--display)}
.qr-dialog-inner>img{display:block;width:min(100%,320px);height:auto;margin:auto;border:10px solid white;border-radius:8px;background:white}
.qr-dialog-close{position:absolute;top:10px;right:12px;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff18;color:var(--text);font-size:1.6rem;line-height:1;cursor:pointer}
@media(max-width:560px){.hero-qr{top:12px;right:16px}.hero-qr img{width:60px;height:60px}.qr-dialog-inner{padding:24px 18px}}
@media(prefers-reduced-motion:reduce){.hero-qr{transition:none}}