/* Guest home photo cards — survives Next hydration (inline styles get wiped). */
/* Framing 2026-09-15 Andrea: Experiences slightly zoomed out; Event faces lowered/centered. */
#next-event {
  position: relative !important;
  overflow: hidden !important;
  min-height: 280px !important;
  background-color: #06101c !important;
  background-image:
    linear-gradient(105deg, rgba(5,12,24,0.94) 0%, rgba(7,16,31,0.78) 34%, rgba(7,16,31,0.35) 62%, rgba(7,16,31,0.55) 100%),
    url("/assets/event-farinetti.png") !important;
  background-size: cover !important;
  /* Bias toward top of photo so heads sit lower/more centered in the card */
  background-position: 50% 18% !important;
  background-repeat: no-repeat !important;
}

/* Immersive Experiences card (unique mountain icon) */
div.rounded-card:has(svg.lucide-mountain) {
  position: relative !important;
  overflow: hidden !important;
  min-height: 220px !important;
  background-color: #06101c !important;
  background-image:
    linear-gradient(180deg, rgba(7,16,31,0.55) 0%, rgba(7,16,31,0.35) 40%, rgba(5,12,24,0.92) 100%),
    url("/assets/experience-stage.png") !important;
  /* Slight zoom-out vs cover — more of the scene fits the card */
  background-size: auto 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

#next-event > *,
div.rounded-card:has(svg.lucide-mountain) > * {
  position: relative;
  z-index: 1;
}