@page {
  margin: 0;
  size: auto;
}

@page bunting {
  margin: 0;
  size: 30in 78in;
}

@page banner {
  margin: 0;
  size: 120in 24in;
}

@page qr-a3 {
  margin: 0;
  size: 297mm 420mm;
}

@media print {
  :root {
    color-scheme: only light;
  }

  html,
  body {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  body.render-page {
    display: block;
    min-height: auto;
    padding: 0;
    background: transparent !important;
  }

  .artboard-shell {
    display: block;
    margin: 0;
    padding: 0;
  }

  .artboard-meta,
  .underlay-note {
    display: none !important;
  }

  .artboard {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    break-inside: avoid;
    page-break-inside: avoid;
    overflow: hidden;
    margin: 0;
  }

  .artboard--banner {
    page: banner;
    width: var(--banner-width);
    height: var(--banner-height);
    aspect-ratio: auto;
  }

  .artboard--banner .safe-area {
    inset: 2.16in 7.2in 2.88in 7.2in !important;
    column-gap: 4.08in !important;
  }

  .artboard--banner .headline-lg {
    font-size: 4.8in !important;
  }

  .artboard--banner .headline-md {
    font-size: 2.04in !important;
  }

  .artboard--banner .label-caps {
    font-size: 1.2in !important;
  }

  .artboard--banner .banner-logo-plaque {
    width: 22.8in !important;
    height: 6.48in !important;
    padding: 0.96in 1.56in !important;
    border-radius: 0.48in !important;
  }

  .artboard--banner .banner-venue-lockup .headline-md {
    font-size: 3.48in !important;
  }

  .artboard--bunting {
    page: bunting;
    width: var(--bunting-width);
    height: var(--bunting-height);
    aspect-ratio: auto;
  }

  .artboard--bunting .bunting-logo-plaque {
    width: 11.35in !important;
    height: 4in !important;
    padding: 0.55in 0.75in !important;
    border-radius: 0.28in !important;
  }

  .artboard--bunting .bunting-logo-plaque .logo-image--mission100 {
    width: 100% !important;
    max-height: none !important;
    transform: none !important;
  }

  .artboard--bunting .headline-lg {
    font-size: 3.375in !important;
  }

  .artboard--bunting .headline-md {
    font-size: 3in !important;
  }

  .artboard--bunting .label-caps {
    font-size: 1.125in !important;
  }

  .artboard--bunting .safe-area div[style*="gap"] {
    gap: 0.75in !important;
  }

  .artboard--qr-a4 {
    width: var(--qr-a4-width);
    height: var(--qr-a4-height);
    aspect-ratio: auto;
  }

  .artboard--qr-a3 {
    page: qr-a3;
    width: var(--qr-a3-width) !important;
    height: var(--qr-a3-height) !important;
    aspect-ratio: auto;
  }

  .artboard--qr-a3 .safe-area {
    inset: 1in !important;
  }

  .artboard--qr-a3 .qr-logo-plaque {
    width: 4.2in !important;
    height: 1.23in !important;
    padding: 0.17in 0.28in !important;
    border-radius: 0.11in !important;
  }

  .artboard--qr-a3 .headline-lg {
    font-size: 1in !important;
  }

  .artboard--qr-a3 .label-caps {
    font-size: 0.34in !important;
  }

  .artboard--qr-a3 .qr-box--real {
    padding: 0.36in !important;
    border-width: 0.03in !important;
  }

  .artboard--qr-a3 .qr-box--real img {
    max-width: 6.35in !important;
  }

  .artboard--qr-a3 .headline-md {
    font-size: 0.5in !important;
  }

  .artboard--landing {
    width: 100%;
    min-height: auto;
    height: auto;
  }

  .artboard--invitation {
    width: var(--invitation-width);
    height: var(--invitation-height);
    aspect-ratio: auto;
  }

  .safe-area,
  .layer-content {
    overflow: visible !important;
  }

  input,
  button,
  a {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}