@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
#lang{display:flex;gap:7px;align-items:center;white-space:nowrap;padding:0;letter-spacing:0}
#lang button{border:0;background:transparent;padding:8px 3px;font-size:11px;opacity:.55}
#lang button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:5px}
#lang button[lang="ary"]{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:12px}
html[dir="rtl"] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}
html[dir="rtl"] .brand{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3,html[dir="rtl"] h1 em,html[dir="rtl"] h2 em,html[dir="rtl"] .universe-text .lead{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;font-style:normal}
html[dir="rtl"] h1{font-size:clamp(42px,4.3vw,67px);line-height:1.6}
html[dir="rtl"] h2{font-size:43px;line-height:1.65}
html[dir="rtl"] h1 em,html[dir="rtl"] h2 em{color:var(--olive)}
html[dir="rtl"] .closing h2 em{color:#c8cbb8}
html[dir="rtl"] .hero-copy{padding-left:9%;padding-right:10.4%;text-align:right}
html[dir="rtl"] .hero-visual{margin-right:0;margin-left:24px}
html[dir="rtl"] .intro,html[dir="rtl"] .steps p,html[dir="rtl"] .universe-text p,html[dir="rtl"] details p{line-height:2.1}
html[dir="rtl"] .eyebrow{letter-spacing:0;font-size:12px}
html[dir="rtl"] .eyebrow>span{margin-right:0;margin-left:9px}
html[dir="rtl"] .inspiration{text-align:right}
html[dir="rtl"] .number{left:auto;right:20px}
html[dir="rtl"] .item-line h3{font-size:24px}
html[dir="rtl"] details p{margin-right:0;margin-left:25px}
html[dir="rtl"] .close{right:auto;left:15px}
html[dir="rtl"] dialog{text-align:right}
html[dir="rtl"] .hero-bottom p,html[dir="rtl"] .image-note,html[dir="rtl"] .vertical{letter-spacing:0}
@media(max-width:900px){.header-right{gap:12px}html[dir="rtl"] h1{font-size:43px}html[dir="rtl"] h2{font-size:36px}}
@media(max-width:640px){#lang{gap:4px}html[dir="rtl"] .hero-copy{padding:32px 7% 36px}html[dir="rtl"] h1{font-size:43px;line-height:1.6}html[dir="rtl"] .hero-visual{margin:0 16px}html[dir="rtl"] .closing h2{font-size:30px}html[dir="rtl"] .section-heading h2,html[dir="rtl"] .faq h2{font-size:33px}html[dir="rtl"] .ritual-heading h2{font-size:40px}}