/* Print / PDF: one 16:9 page per slide, same palette as screen.
   1u = 1% of the page width, matching the 1920px screen proportions. */
@media print {
  @page { size: 13.333in 7.5in; margin: 0; }

  :root { --u: 0.13333in; --t: 0.13333in; }

  html, body { height: auto; overflow: visible; background: none; }
  body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }

  .controls, #scene, .screen-request { display: none !important; }

  #deck { width: auto; height: auto; overflow: visible; }

  .slide,
  .slide.active {
    display: grid !important;
    width: 13.333in;
    height: 7.5in;
    padding: calc(var(--u) * 2.6) calc(var(--u) * 6) calc(var(--u) * 3.4);
    break-after: page;
    page-break-after: always;
  }

  .cover, .cover.active { padding: 0; }
  .cover-copy { padding: calc(var(--u) * 3) calc(var(--u) * 4) calc(var(--u) * 3) calc(var(--u) * 6); }

  .browser-frame .site-view { height: calc(var(--u) * 22.9); }
  .case-view { height: calc(var(--u) * 20.8); }

  .page {
    display: block;
    position: absolute;
    right: calc(var(--u) * 2.4);
    bottom: calc(var(--u) * 1.4);
    font-size: 9pt;
    font-weight: 700;
    letter-spacing: 0.12em;
  }
  .theme-light .page { color: var(--ink-soft); }
  .theme-dark .page { color: var(--cream-soft); }
  .cover .page { right: auto; left: calc(var(--u) * 6); }

  .print-contact {
    display: block;
    margin-top: calc(var(--u) * 1.2);
    padding: 0.9em 1em;
    border: 1px solid var(--gold);
    border-radius: calc(var(--u) * 0.45);
    font-size: 11pt;
    font-weight: 700;
    line-height: 1.5;
    color: var(--cream);
  }
}