/* ============================================================
   WETTER — hero section with night sky background
   ============================================================ */

.wetter-hero {
  position: relative;
  min-height: 38vh;
  display: flex;
  align-items: flex-end;
  padding: 4rem 1.5rem 3rem;
  background: var(--color-dark);
  overflow: hidden;
}

/* Star-field / allsky photo as dimmed background */
.wetter-hero-bg {
  position: absolute;
  inset: 0;
  background:
    url('../../images/live_data/allsky-2025-12-02T12-18-58-314.png')
    center / cover no-repeat;
  opacity: 0.35;
}

/* Subtle gradient so text stays readable at the bottom */
.wetter-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, transparent 40%, rgba(26,26,26,0.85) 100%);
}

.wetter-hero-content {
  position: relative;
  z-index: 1;
  max-width: var(--max-width);
  margin: 0 auto;
  width: 100%;
}

.wetter-hero h1 {
  font-size: clamp(1.6rem, 3.5vw, 2.8rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 0.5rem;
}

.wetter-hero p {
  font-size: 1rem;
  color: rgba(255,255,255,0.75);
  max-width: 600px;
}