html { scroll-behavior: smooth; }
body { background-color: #fff; }
.navbar-brand img { height: 36px; width: auto; }
.hero {
  position: relative;
  min-height: 70vh;
  display: flex;
  align-items: center;
  background-image: url('../img/hero-1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
}
.hero::after {
  /* subtle left-to-right fade for text readability */
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.55) 40%, rgba(255,255,255,0.15) 75%, rgba(255,255,255,0) 100%);
}
.hero .hero-content {
  position: relative;
  z-index: 2;
  max-width: 720px;
}
.section { padding: 4rem 0; }
footer { border-top: 1px solid rgba(0,0,0,.1); }
@media (max-width: 767.98px) {
  .hero { min-height: 60vh; background-position: center right; }
  .hero .display-6 { font-size: 1.75rem; }
}