[x-cloak] {
  display: none !important;
}

/* Soft topographic-style grid — tiles top-to-bottom (full section height) */
.hero-grid {
  height: 100%;
  min-height: 100%;
  background-size: 48px 48px;
  background-position: top center;
  background-repeat: repeat;
  background-image:
    linear-gradient(rgba(22, 101, 52, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 101, 52, 0.06) 1px, transparent 1px);
}

/* Top-to-bottom wash: readable at top over sky, stronger toward bottom where copy sits */
.hero-vignette {
  background: linear-gradient(
    to bottom,
    rgba(247, 250, 247, 0.35) 0%,
    rgba(247, 250, 247, 0.2) 35%,
    rgba(247, 250, 247, 0.75) 70%,
    #f7faf7 100%
  );
}

input:focus-visible,
textarea:focus-visible,
button:focus-visible,
a:focus-visible {
  outline: 2px solid #15803d;
  outline-offset: 2px;
}