:root { color-scheme: light; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #ead8ca; }
.landing {
  min-height: 100vh;
  min-height: 100svh;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: radial-gradient(ellipse at 50% 45%, #f7e9df 0%, #e8d1c0 65%, #d9bca7 100%);
}
.artwork {
  height: 100vh;
  height: 100svh;
  width: min(100%, 50svh);
  position: relative;
  box-shadow: 0 0 100px rgba(87, 43, 28, .055);
}
.artwork img { width: 100%; height: 100%; display: block; object-fit: cover; }
@media (max-aspect-ratio: 1/2) {
  .artwork { width: 100vw; height: 200vw; max-height: 100svh; }
  .artwork img { object-fit: contain; }
}