/* Print Lab artwork and desktop framing. */
body.printlab-page {
  isolation: isolate;
  background: #0d1117;
}

body.printlab-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(6, 10, 15, .06), rgba(6, 10, 15, .15) 36%, rgba(6, 10, 15, .55) 100%),
    url('/assets/printlab/printlab-background.webp');
  background-size: cover;
  background-position: left center;
  background-repeat: no-repeat;
}

/* Leave the left side of the lab visible while keeping panels in the viewport. */
@media (min-width: 1200px) {
  body.printlab-page .pl-shell {
    width: min(1120px, calc(100% - clamp(340px, 31vw, 560px) - 36px));
    margin-left: auto;
    margin-right: 28px;
  }
}

/* Keep the original responsive panel layout and strengthen contrast on mobile. */
@media (max-width: 1199px) {
  body.printlab-page::before {
    background-image:
      linear-gradient(rgba(6, 10, 15, .48), rgba(6, 10, 15, .68)),
      url('/assets/printlab/printlab-background.webp');
  }
}


/* Let the Print Lab title sit directly over the workshop artwork. */
body.printlab-page .pl-hero {
  grid-template-columns: 1fr;
  background: transparent;
  border: 0;
  box-shadow: none;
  text-shadow: 0 2px 6px rgba(0, 0, 0, .8);
}


/* Subtle transparency in the panel surfaces, keeping text and photos opaque. */
body.printlab-page .pl-stat,
body.printlab-page .pl-print-card {
  background: rgba(20, 26, 33, .88);
}

body.printlab-page .pl-section,
body.printlab-page .pl-panel {
  background: linear-gradient(180deg, rgba(16, 22, 29, .88), rgba(15, 21, 27, .90));
}

body.printlab-page .pl-stat,
body.printlab-page .pl-section,
body.printlab-page .pl-panel {
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
}