html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
body {
  overflow-x: clip;
}
a {
  -webkit-tap-highlight-color: rgba(125, 50, 70, 0.12);
}

/* Hero: фон assets/images/hero.webp + лёгкий градиент для читаемости текста */
#hero {
  background-color: #f5f5f4;
  background-image: linear-gradient(
      135deg,
      rgba(247, 240, 242, 0.94) 0%,
      rgba(255, 255, 255, 0.82) 42%,
      rgba(245, 245, 244, 0.88) 100%
    ),
    url("../images/hero.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}