.hero-slider {
  position: relative;
  height: 92vh;
  min-height: 680px;
  overflow: hidden;
  background: var(--charcoal);
}
.slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(1.04);
  transition: opacity 1.2s ease, visibility 1.2s ease, transform 7.2s ease;
}
.slide.is-active {
  opacity: 1;
  visibility: visible;
  transform: scale(1.10);
  z-index: 2;
}
.slide-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(18,18,16,.65) 0%, rgba(18,18,16,.36) 42%, rgba(18,18,16,.18) 100%),
    linear-gradient(0deg, rgba(0,0,0,.16), rgba(0,0,0,.05));
}
.slide-content {
  position: relative;
  z-index: 3;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1180px;
  padding-top: 78px;
    padding-left: clamp(24px, 6vw, 60px);
    padding-right: clamp(24px, 6vw, 60px);
}
.slide-content .eyebrow { color: rgba(255,253,249,.78); }
.slide-content .eyebrow::after { content: ""; display: block; width: 36px; height: 1px; background: rgba(255,253,249,.65); margin-top: .75rem; }
.slide-content p {
  max-width: 520px;
  color: rgba(255,253,249,.9);
  font-size: clamp(1.02rem, 1.7vw, 1.25rem);
  margin-top: 1.4rem;
}
.slide-content > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .85s ease, transform .85s ease;
}
.slide.is-active .slide-content > * { opacity: 1; transform: translateY(0); }
.slide.is-active .slide-content h1 { transition-delay: .12s; }
.slide.is-active .slide-content p { transition-delay: .24s; }
.slide.is-active .slide-content .button { transition-delay: .36s; }
.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 50px;
  height: 50px;
  border: 0;
  background: transparent;
  color: rgba(255,253,249,.92);
  font-size: 4rem;
  line-height: .6;
  cursor: pointer;
  transition: opacity .35s ease, transform .35s ease;
  opacity: .75;
}
.slider-arrow:hover { opacity: 1; transform: translateY(-50%) scale(1.06); }
.slider-prev { left: 2vw; }
.slider-next { right: 2vw; }
.slider-dots {
  position: absolute;
  left: 50%;
  bottom: 2.2rem;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: .7rem;
}
.dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 1px solid rgba(255,253,249,.75);
  background: transparent;
  cursor: pointer;
  transition: background .35s ease, transform .35s ease;
}
.dot.is-active { background: var(--paper); transform: scale(1.1); }
@media (max-width: 900px) {
  .hero-slider { height: 82vh; min-height: 620px; }
  .slide-content { padding-top: 78px; }
  .slider-arrow { display: none; }
  .slide-overlay { background: linear-gradient(90deg, rgba(18,18,16,.72) 0%, rgba(18,18,16,.48) 100%); }
}