/* Project-specific overrides kept separate from the shared theme. */
:root {
  --photo-irrigation: url("https://images.unsplash.com/photo-1563514227147-6d2ff665a6a0?auto=format&fit=crop&w=1200&q=82");
}

.hero {
  background: linear-gradient(135deg, #0a2a20 0%, #174434 58%, #0b2d23 100%);
}

.art-irrigation {
  background-image: var(--photo-irrigation);
}

@media (min-width: 801px) {
  .hero {
    height: auto;
    min-height: min(820px, 100svh);
  }

  .hero-copy { max-width: 1050px; }
}

@media (max-width: 800px) {
  .hero {
    height: auto;
    min-height: 900px;
  }

  .hero-copy {
    padding-top: 145px;
    padding-bottom: 110px;
  }
}