/* Version 2 homepage colour amendment, 12 October 2026.
   Loaded on the homepage only. Existing dimensions, imagery and motion are retained. */

.hbt-site .hbt-home-hero {
  background: #1c1b19;
}

.hbt-site .hbt-home-hero .hbt-hero-shade {
  background:
    linear-gradient(90deg, #101112ef 0%, #19191abc 27%, #22212240 56%, #1515160a 100%),
    linear-gradient(0deg, #111112b3 0%, transparent 50%);
}

.hbt-site .hbt-home-hero h1 {
  text-shadow: 0 8px 30px #00000050;
}

.hbt-site .hbt-home-hero .hbt-hero-line {
  background: linear-gradient(90deg, #84715d, #edbc80, #96836e);
}

.hbt-site .hbt-home-hero .hbt-horizon-dock {
  background: linear-gradient(120deg, #1b1b1bd1, #35312dbd);
  border-color: #edd6b84d;
  box-shadow: 0 20px 50px #00000045;
}

.hbt-site .hbt-home-hero .hbt-horizon-dock button {
  background: #242321;
}

.hbt-site .hbt-home-hero .hbt-horizon-dock button > span {
  background: linear-gradient(transparent, #151516e3);
}

@media (max-width: 700px) {
  .hbt-site .hbt-home-hero .hbt-hero-shade {
    background: linear-gradient(0deg, #101113f5 0%, #141416d4 40%, #18181a70 60%, #17171905 85%);
  }
}