/* ===== Stella Slider (isolated) ===== */
#stellaSlider.ss-slider {
  position: absolute;      /* sits behind your header content */
  inset: 0;                /* top:0 right:0 bottom:0 left:0 */
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;              /* below nav/text/overlap */
  pointer-events: none;    /* never block clicks on nav */
}

/* dark overlay for readability */
#stellaSlider.ss-slider::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.45);
}

/* individual slides */
#stellaSlider .ss-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 1.2s ease-in-out, visibility 1.2s ease-in-out;
}

/* visible slide */
#stellaSlider .ss-slide.is-active {
  opacity: 1;
  visibility: visible;
}

/* Responsive height helper (optional): if your parent doesn't force a height */
.has-slider {
  position: relative;
  min-height: clamp(360px, 70vh, 780px);
}

/* Small screens */
@media (max-width: 768px) {
  .has-slider { min-height: clamp(300px, 60vh, 640px); }
}