:root {
  color-scheme: light;
  --bg: #f6f6f1;
  --ink: #171717;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  margin: 0;
}

body {
  display: grid;
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.95), transparent 30rem),
    linear-gradient(135deg, #f8f7f0 0%, #dfe8e2 52%, #f1e3df 100%);
  color: var(--ink);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

.stage {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: clamp(18px, 5vw, 72px);
}

.hero-image {
  display: block;
  width: min(78vw, 860px);
  max-height: 82vh;
  object-fit: contain;
  filter: drop-shadow(0 22px 34px rgba(30, 24, 20, 0.28));
}