:root {
  --zr-green: #1a7a3e;
  --zr-red: #c41e3a;
}

html { scroll-behavior: smooth; }

.hero-plane {
  background:
    linear-gradient(120deg, rgba(15, 31, 20, 0.82) 0%, rgba(26, 122, 62, 0.72) 55%, rgba(196, 30, 58, 0.45) 100%),
    url('../images/team/grand_patron.jpg') center/cover no-repeat;
}

.fade-up {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity .7s ease, transform .7s ease;
}
.fade-up.is-visible {
  opacity: 1;
  transform: none;
}

.filter-btn.active {
  background: var(--zr-green);
  color: #fff;
  border-color: var(--zr-green);
}

.lightbox {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.88);
  padding: 1rem;
}
.lightbox.open { display: flex; }
.lightbox img {
  max-height: 90vh;
  max-width: 95vw;
  object-fit: contain;
}

.testimonial-track {
  display: flex;
  transition: transform .45s ease;
}