/* ===== SECTION WRAPPER ===== */
.slider-section {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px 5%;
  min-height: 100vh;
}

/* ===== SLIDER CONTAINER ===== */
.slider {
  position: relative;
  width: min(1000px, 90vw);
  height: min(500px, 56.25vw); /* 16:9 ratio */
  perspective: 1200px;
  flex-shrink: 0;
}

/* ===== SLIDE ===== */
.slide {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0px;
  overflow: hidden;
  transition: all .8s ease;
}

.slide img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  filter: brightness(.7);
}

/* ===== CONTENT OVERLAY ===== */
.content {
  position: absolute;
  top: 30%;
  right: 4%;
  color: #fff;
  width: clamp(140px, 25%, 250px);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.content h2 {
  font-size: clamp(16px, 4vw, 45px);
  font-weight: 700;
  margin-bottom: clamp(12px, 2.5vw, 30px);
  text-align: center;
  display: flex;
}

/* ===== EXPLORE BUTTON ===== */
.contact-btn {
  display: inline-block;
  padding: clamp(7px, 1.2vw, 11px) clamp(14px, 2.5vw, 26px);
  font-size: clamp(10px, 1.4vw, 14px);
  font-weight: 600;
  color: #fff;
  background: transparent;
  border: 1.5px solid rgba(255,255,255,0.5);
  cursor: pointer;
  letter-spacing: 0.05em;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: color 0.35s ease, border-color 0.35s ease;
  white-space: nowrap;
}

.contact-btn::before {
  content: '';
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease;
  z-index: 0;
}

.contact-btn:hover { color: #000; border-color: #fff; }
.contact-btn:hover::before { transform: scaleX(1); }
.contact-btn span, .contact-btn { position: relative; z-index: 1; }

/* ===== STACK EFFECT ===== */
.slide:nth-child(1) { transform: translateY(0)                        scale(1);    z-index: 6; }
.slide:nth-child(2) { transform: translateY(calc(-4%))                scale(.95);  z-index: 5; }
.slide:nth-child(3) { transform: translateY(calc(-8%))                scale(.9);   z-index: 4; }
.slide:nth-child(4) { transform: translateY(calc(-12%))               scale(.85);  z-index: 3; }
.slide:nth-child(5) { transform: translateY(calc(-16%))               scale(.8);   z-index: 2; }
.slide:nth-child(6) { transform: translateY(calc(-20%))               scale(.75);  z-index: 1; }

/* ===== SPACER (for stack overflow) ===== */
.slider-spacer {
  height: clamp(80px, 12vw, 200px);
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* Tablet landscape */
@media (max-width: 1024px) {
  .slider-section { padding: 50px 4%; }
}

/* Tablet portrait */
@media (max-width: 768px) {
  .slider-section { padding: 40px 4%; }

  .slider {
    width: 88vw;
    height: calc(88vw * 0.5625); /* keep 16:9 */
  }

  .content { top: 25%; right: 3%; }
}

/* Mobile */
@media (max-width: 540px) {
  .slider-section { padding: 30px 3%; }

  .slider {
    width: 92vw;
    height: calc(92vw * 0.62);
  }

  .content {
    top: 20%;
    right: 3%;
    width: clamp(110px, 38%, 160px);
  }

  .content h2 { font-size: clamp(13px, 4.5vw, 20px); }
}

/* Very small phones */
@media (max-width: 380px) {
  .slider {
    width: 94vw;
    height: calc(94vw * 0.65);
  }

  .content h2 { font-size: 12px; margin-bottom: 8px; }
}