/* Keep the original hero dimensions; replace its photo and contrast colors. */
.hero { background: #ead1b8; color: #03172e; }
.hero .hero-photo {
  background-image: url('assets/woqod-hero-sunset.png');
  background-position: center center;
  background-size: cover;
  opacity: 1;
}
.hero .hero-shade { background: linear-gradient(90deg, #fff1d915, transparent 65%); }
.hero #hero-eyebrow { color: #536573; }
.hero #hero-h1 { color: #03172e; }
.hero #hero-h1 em { color: #00643b; }
.hero #hero-p { color: #3f5156; }
.hero #hero-cta { background: #83e957; color: #062521; }
.hero #hero-trust { color: #3f5156; }
.hero #hero-trust > span:first-child { color: #008445; }
html[dir='rtl'] .hero .hero-content { direction: ltr; text-align: right; }
html[dir='rtl'] .hero .hero-content > * { direction: rtl; }
html[dir='rtl'] .hero #hero-cta { display: flex; width: fit-content; }
@media (max-width: 680px) {
  .hero .hero-photo { background-position: 63% center; opacity: 1; }
  .hero .hero-shade { background: linear-gradient(90deg, #fff4def2 0%, #fff4ded9 78%, transparent); }
}