:root { color-scheme: dark; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body { background: #4a5138; color: #fff; }
body::before {
  content: ""; position: fixed; inset: 0; z-index: 0;
  background: linear-gradient(rgba(12,24,15,.13), rgba(12,24,15,.13)),
    url('/assets/background.jpg') center center / cover no-repeat;
}
main { position: relative; z-index: 1; min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 2rem; }
h1 {
  margin: 0; max-width: 100%; text-align: center;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.4rem, 5.1vw, 5.8rem); font-weight: 400;
  line-height: 1.16; letter-spacing: -.025em;
  text-shadow: 0 2px 18px rgba(0,0,0,.28);
  text-wrap: balance;
}