:root {
  --tta-sand: #f5f0e6;
  --tta-earth: #7a4b28;
  --tta-savanna: #c19a6b;
  --tta-forest: #2e5339;
  --tta-sunset: #d26c22;
  --tta-accent: #f2b632;
  --tta-text: #2b2b2b;
  --tta-muted: #666;
  --tta-bg: #fff;
  --tta-radius: 12px;
  --tta-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  --tta-transition: all 0.3s ease;
  --tta-font: "Poppins", "Nunito Sans", sans-serif;
}

/* === PART 1 - HERO === */
.tour-hero {
  position: relative;
  height: 80vh;
  min-height: 500px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.tour-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45);
}

.tour-hero-content {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 3rem;
  max-width: 720px;
}

.tour-hero-content h1 {
  font-size: 2.8rem;
  margin-bottom: 0.5rem;
	color: var(--tta-sand);
}

.tour-hero-content p {
  font-size: 1.1rem;
}