[dir="rtl"] .hero::before{background:linear-gradient(270deg,rgba(248,247,242,.98) 0%,rgba(248,247,242,.94) 40%,rgba(248,247,242,.1) 72%)}[dir="rtl"] .card__link::after{content:"←"}[dir="rtl"] .card__link:hover::after{transform:translateX(-.25rem)}[dir="rtl"] .journey__item{padding:1.6rem 4.5rem 1.6rem 1.4rem}[dir="rtl"] .field :is(input,select,textarea){text-align:right}@media(max-width:900px){[dir="rtl"] .hero::before{background:linear-gradient(0deg,var(--ivory) 0%,var(--ivory) 52%,rgba(248,247,242,.08) 78%)}}
html[dir="rtl"]{direction:rtl}html[dir="rtl"] body{direction:rtl}

@media(max-width:640px){[dir="rtl"] body,[dir="rtl"] main,[dir="rtl"] .page-hero{width:100%;max-width:100%;overflow-x:clip}[dir="rtl"] .display{max-width:100%;overflow-wrap:anywhere;word-break:normal}}

/* Follow the document direction once, including navigation order. */
html[dir="rtl"] .nav__links{direction:rtl;flex-direction:row}
.hero{grid-template-columns:minmax(0,1fr)}
.hero > .container{min-width:0}
.hero__content{width:100%;max-width:710px}
.hero__content .display{overflow-wrap:break-word}
@media(min-width:901px){html[dir="rtl"] .hero__image{transform:scaleX(-1);animation:none}}

/* Keep the clinic photo readable and its lettering in the original orientation. */
.hero--clinic { background:var(--ivory); }
html[dir] .hero--clinic .hero__image { transform:none; animation:none; }
@media(min-width:901px) {
 .hero--clinic .hero__image { inset:auto; inset-block:0; inset-inline-end:0; width:48%; height:100%; object-position:center; }
 .hero--clinic .hero__content { width:52%; max-width:640px; }
 .hero--clinic .display { font-size:clamp(2.7rem,5vw,5.3rem); }
 .hero--clinic::before { background:linear-gradient(90deg,var(--ivory) 0%,var(--ivory) 53%,rgba(251,248,240,.96) 56%,rgba(251,248,240,.72) 60%,rgba(251,248,240,.28) 65%,transparent 70%); }
 html[dir="rtl"] .hero--clinic::before { background:linear-gradient(270deg,var(--ivory) 0%,var(--ivory) 53%,rgba(251,248,240,.96) 56%,rgba(251,248,240,.72) 60%,rgba(251,248,240,.28) 65%,transparent 70%); }
}
@media(max-width:900px) {
 .hero--clinic { display:block; padding-block-start:0; }
 .hero--clinic::before { display:none; }
 .hero--clinic .hero__image { position:relative; inset:auto; width:100%; height:auto; max-height:40rem; aspect-ratio:3/4; object-fit:cover; object-position:center; }
 .hero--clinic .hero__content { margin-block-start:0; padding-block:2rem 3rem; }
}