.hero-art > img {
  filter: none;
}

.hero-art::after {
  background:
    linear-gradient(90deg, rgba(0, 20, 38, 0.01) 20%, rgba(0, 24, 45, 0.35) 100%),
    linear-gradient(0deg, rgba(0, 18, 34, 0.18), transparent 42%);
}

.hero h1,
.hero p {
  text-shadow: 0 3px 12px rgba(0, 20, 38, 0.62);
}

.whatsapp-float {
  position: fixed;
  left: 22px;
  bottom: 22px;
  z-index: 30;
  padding: 12px 18px;
  border-radius: 999px;
  background: #1fa855;
  color: #fff;
  font: 700 0.9rem Arial, sans-serif;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

html[dir="ltr"] .hero-copy {
  width: min(40vw, 520px);
  max-width: 520px;
  margin-left: auto;
  text-align: left;
}

html[dir="ltr"] .hero {
  padding-right: 3vw;
}

html[dir="ltr"] .hero h1 {
  max-width: 520px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(3rem, 5.1vw, 5.3rem);
  line-height: 1.02;
  letter-spacing: -0.035em;
  margin: 14px 0 18px;
}

html[dir="ltr"] .hero-tagline {
  font-size: clamp(1.35rem, 2.25vw, 2.15rem);
  line-height: 1.2;
  margin-bottom: 20px;
}

html[dir="ltr"] .hero p {
  max-width: 570px;
  line-height: 1.75;
}

html[dir="rtl"] .hero {
  padding-right: 3vw;
}

html[dir="rtl"] .hero-copy {
  width: min(42vw, 570px);
  max-width: 570px;
  margin-right: 0;
  margin-left: 0;
  text-align: right;
}

html[dir="rtl"] .hero h1 {
  max-width: 570px;
  font-size: clamp(3rem, 5.15vw, 5.4rem);
  line-height: 1.18;
  letter-spacing: -0.035em;
  margin: 12px 0 12px;
}

html[dir="rtl"] .hero-tagline {
  font-size: clamp(1.35rem, 2.3vw, 2.2rem);
  line-height: 1.35;
  margin-bottom: 18px;
}

html[dir="rtl"] .hero p {
  max-width: 550px;
  line-height: 1.85;
}

@media (max-width: 820px) {
  html[dir="ltr"] .hero-copy {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  html[dir="ltr"] .hero {
    padding-right: 24px;
  }

  html[dir="rtl"] .hero {
    padding-right: 24px;
  }

  html[dir="rtl"] .hero-copy {
    width: 100%;
    max-width: 100%;
  }

  html[dir="rtl"] .hero h1 {
    max-width: 100%;
    font-size: clamp(2.7rem, 12vw, 4rem);
  }

  html[dir="ltr"] .hero h1 {
    font-size: clamp(2.7rem, 12vw, 4rem);
    max-width: 100%;
  }
}