/* Shared decorative canvas. The supplied portrait artwork keeps mobile text clear. */
html[data-site-background] {
  --site-background: url("./amarquez-sculpted-folds-desktop.webp");
  background: #f3edff;
}
html[data-site-background] body {
  isolation: isolate;
  background: transparent;
}
html[data-site-background] body::before {
  content: "";
  position: fixed;
  inset: 0;
  height: 100vh;
  height: 100lvh;
  z-index: -1;
  pointer-events: none;
  background: #f3edff var(--site-background) center center / cover no-repeat;
}
/* Continue the canvas through the city journey's website and computer-screen view. */
html[data-site-background] :is(#website-content, .contact-finale),
html[data-site-background] :is(#website-content, #monitor-content) .statement-frame {
  background: transparent;
}
html[data-site-background] #monitor-content {
  background: #f3edff var(--site-background) center top / 100% 100svh no-repeat;
}
/* Retire the checker's old colored glows beneath its translucent form. */
html[data-site-background] :is(.wash-blue, .wash-lilac, .wash-mint) {
  display: none;
}
@media (max-width: 760px), (orientation: portrait) {
  html[data-site-background] {
    --site-background: url("./amarquez-sculpted-folds-mobile.webp");
  }
}
@media print {
  html[data-site-background] { background: white; }
  html[data-site-background] body::before { display: none; }
}