/* static/css/custom.css */
.site-banner-image {
  text-align: center;
  margin-top: 1rem;
}

.banner-image {
  width: 78%;
  height: 64%;
  object-fit: cover;     /* Crop top/bottom to fill area */
  border-radius: 8px;
  display: block;
  margin: 0 auto;
  filter: brightness(75%);  /* Mimics Tailwind's brightness-75 */
  cursor: pointer !important;
}

.site-banner-text {
  text-align: center;
  margin-top: 1rem;
  color: #333;
}

.site-banner-text h1 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  position: static !important;
  transform: none !important;
}

.site-banner-text p {
  margin-top: 0.25rem;
  font-size: 1.25rem;
  font-weight: 400;
  color: #666;
  position: static !important;
  transform: none !important;
}

.intro.center, .about.center {
  text-align: center;
  margin: 2rem auto;
  max-width: 800px;
}