.download-qr-modal {
  box-sizing: border-box;
  width: 841px;
  max-width: calc(100vw - 64px);
  max-height: calc(100dvh - 48px);
  margin: auto;
  padding: 105px 48px;
  border: 0;
  border-radius: 56px;
  background: #f9f1e1;
  color: #3a3333;
  text-align: center;
  overflow: auto;
}
.download-qr-modal::backdrop { background: rgba(39, 33, 33, 0.60); }
.download-qr-modal[open], .download-qr-modal[open]::backdrop { animation: download-qr-fade 240ms ease-out; }
@keyframes download-qr-fade { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .download-qr-modal[open], .download-qr-modal[open]::backdrop { animation: none; }
}
.download-qr-modal h2 {
  margin: 0;
  font-family: "EB Garamond", Georgia, serif;
  font-size: 56px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -2px;
  text-box-trim: trim-both;
  text-box-edge: cap alphabetic;
}
.download-qr-modal p {
  margin: 32px 0 56px;
  color: #70615e;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 17px;
  line-height: 22px;
  letter-spacing: -0.442px;
}
.download-qr-modal img { display: block; width: 150px; height: 150px; margin: auto; border-radius: 10px; }
.download-qr-modal h2:focus { outline: none; }
@media (max-height: 600px) { .download-qr-modal { padding-block: 48px; } }