/* Above-the-fold shell — inlined in index.html; full styles load with the app bundle. */
body {
  margin: 0;
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  background: #faf7f2;
  color: #2e3d2e;
}

.page-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.hero {
  position: relative;
  min-height: min(680px, 100svh);
  overflow: hidden;
  background: #1c3220;
}

.hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(14, 26, 14, 0.88) 0%,
    rgba(14, 26, 14, 0.55) 40%,
    rgba(14, 26, 14, 0.25) 75%,
    rgba(14, 26, 14, 0.12) 100%
  );
}

.hero-content {
  position: relative;
  z-index: 1;
  color: #fff;
  text-align: center;
}

.hero-content h1 {
  margin: 0;
  font-size: clamp(1.75rem, 4vw, 2.75rem);
  line-height: 1.15;
  font-weight: 600;
}