:root {
  color-scheme: light;
  --background: #f3efe7;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100svh;
  background:
    radial-gradient(circle at top, rgba(255, 255, 255, 0.92), transparent 42%),
    linear-gradient(180deg, #f8f5ee 0%, var(--background) 100%);
  overflow: hidden;
}

.stage {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(0.75rem, 3vw, 1.5rem);
}

.artwork {
  width: auto;
  height: min(94svh, 52rem);
  max-width: 94vw;
  max-height: 94svh;
  display: block;
  filter: drop-shadow(0 24px 42px rgba(84, 78, 70, 0.12));
}

@media (min-width: 768px) {
  .artwork {
    height: min(92svh, 56rem);
    max-width: min(72vw, 46rem);
  }
}