html.serva-home-preferences {
  color-scheme: light;
  background-color: #f7f8f7;
}

html.serva-home-preferences.dark {
  color-scheme: dark;
  background-color: #08090a;
}

html.serva-home-preferences body,
html.serva-home-preferences body::before {
  background-color: #f7f8f7;
  background-image:
    linear-gradient(135deg, rgba(249, 115, 22, 0.045), transparent 32%, rgba(59, 130, 246, 0.018)),
    radial-gradient(circle, rgba(31, 41, 55, 0.11) 0.75px, transparent 0.85px);
  background-position: center, 0 0;
  background-size: 100% 100%, 22px 22px;
  background-attachment: fixed;
  transition: background-color 300ms ease, background-image 300ms ease, color 300ms ease;
}

html.serva-home-preferences.dark body,
html.serva-home-preferences.dark body::before {
  background-color: #08090a;
  background-image:
    linear-gradient(135deg, rgba(249, 115, 22, 0.06), transparent 30%, transparent 72%, rgba(251, 146, 60, 0.032)),
    radial-gradient(circle, rgba(251, 146, 60, 0.17) 0.7px, transparent 0.82px);
}

html.serva-home-preferences #root {
  min-height: 100vh;
  background: transparent;
}

html.serva-home-preferences #about .serva-localized-hero-title {
  max-width: 16ch !important;
  font-size: clamp(2.75rem, 5.7vw, 6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance;
}

html.serva-home-preferences[dir="rtl"] #about .serva-localized-hero-title {
  max-width: 18ch !important;
}

html.serva-home-preferences #about .serva-localized-hero-description {
  max-width: 48rem !important;
  text-wrap: pretty;
}

@media (max-width: 640px) {
  html.serva-home-preferences #about .serva-localized-hero-title {
    max-width: 17ch !important;
    font-size: clamp(2.25rem, 11vw, 3.65rem) !important;
  }

  html.serva-home-preferences #about .serva-localized-hero-description {
    font-size: 1rem !important;
    line-height: 1.65 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.serva-home-preferences body,
  html.serva-home-preferences body::before {
    transition: none;
  }
}