.contact-qr-dismiss{position:fixed;inset:0;z-index:10000;background:transparent;touch-action:none}
.about-contact[data-qr-active]{z-index:10001;isolation:isolate}
.about-contact[data-qr-active]>:not(.contact-qr){opacity:calc(1 - var(--qr-cover,0));pointer-events:none}
.contact-qr{position:absolute;z-index:5;left:50%;top:50%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);outline:none;touch-action:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.contact-qr[hidden],.contact-qr-dismiss[hidden]{display:none}
.contact-qr-surface{position:absolute;inset:0;border-radius:22px;overflow:hidden;transform-origin:center;pointer-events:none;will-change:transform,opacity}
.contact-qr-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.contact-qr-image{position:absolute;inset:8%;display:block;width:84%;height:84%;object-fit:contain;filter:brightness(0) invert(1);opacity:0;pointer-events:none;user-select:none;-webkit-user-select:none}
@media(max-width:767px){.contact-qr{left:50%;top:50%;width:calc(100% - 40px)}.contact-qr-surface{border-radius:16px}}