:root {
  color-scheme: light;
  --bg: #f4f1ec;
  --text: #2f342f;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
}

body {
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at top left, rgba(138, 162, 154, 0.18), transparent 32rem),
    linear-gradient(145deg, #f7f3ee 0%, var(--bg) 48%, #edf1ed 100%);
  color: var(--text);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  line-height: 1.5;
}

.page {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: clamp(1.5rem, 5vw, 4rem);
}

.travolta {
  display: block;
  width: min(74vw, 28rem);
  height: auto;
  border-radius: 8px;
  filter: saturate(0.82) contrast(0.94);
  mix-blend-mode: multiply;
}