.demo-qr-link{display:block;width:min(100%,320px);padding:.85rem;background:#fff;border-radius:1rem;box-shadow:0 18px 45px rgba(35,33,30,.14);transition:transform .2s ease,box-shadow .2s ease}
.demo-qr-link:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(35,33,30,.2)}
.demo-qr-link:focus-visible{outline:3px solid #e89964;outline-offset:4px}
.demo-qr-link img{display:block;width:100%;height:auto}
.demo-qr-link--home{margin:auto;width:min(100%,360px)}
.qr-slot:has(.demo-qr-link){display:grid;place-items:center;background:rgba(255,255,255,.1)}
.demo-page:has(>.desktop-demo:only-child){display:block}
.demo-page>.desktop-demo:only-child{max-width:850px;margin:0 auto}
.demo-page>.desktop-demo:only-child .demo-qr-link{margin-left:auto;margin-right:auto}
.demo-page>.desktop-demo:only-child>p{text-align:center}
@media(prefers-reduced-motion:reduce){.demo-qr-link{transition:none}}