.ritual-heading {
  background:
    linear-gradient(90deg, #f7f5eff5, #f7f5efcf),
    url("/assets/naturaleza-follaje.webp") center/cover;
  max-width: none;
  padding: 55px max(6%, calc((100% - 1100px) / 2)) 60px;
}
.ritual-heading .eyebrow {
  margin-top: 45px;
}
.ritual-heading h1 {
  font-size: clamp(46px, 6vw, 86px);
  max-width: 1000px;
  overflow-wrap: anywhere;
}
.ritual-meta {
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.ritual-reading {
  max-width: 1150px;
  padding-top: 55px;
}
.ritual-description {
  max-width: 840px;
}
.ritual-description p,
.ritual-description li {
  font-size: 19px;
  line-height: 1.85;
}
.ritual-description h2 {
  font-size: 38px;
  margin-top: 35px;
}
.ritual-description li {
  margin-bottom: 14px;
}
.ritual-booking {
  margin-top: 50px;
  padding-top: 35px;
  border-top: 1px solid var(--line);
}
.ritual-booking .text-link {
  display: table;
  margin-top: 25px;
}
.ritual-booking h2 {
  font-size: 46px;
}
@media (max-width: 760px) {
  .ritual-heading {
    padding: 35px 6% 40px;
  }
  .ritual-heading .eyebrow {
    margin-top: 30px;
  }
  .ritual-reading {
    padding-top: 35px;
  }
  .ritual-description p,
  .ritual-description li {
    font-size: 18px;
  }
  .ritual-meta {
    font-size: 18px;
  }
  .ritual-booking .button {
    max-width: 100%;
    gap: 18px;
    text-align: left;
  }
  .ritual-heading .button {
    max-width: 100%;
  }
}