@import url('/assets/fonts/locales/ar.css');
@import url('/assets/fonts/locales/ru.css');
@import url('/assets/fonts/locales/zh.css');
html[data-locale="ar"]{--sans:'Noto Sans Arabic',sans-serif;--serif:'Noto Naskh Arabic',serif}
html[data-locale="ru"]{--sans:'Jost',sans-serif;--serif:'Cormorant Garamond',serif}
html[data-locale="zh"]{--sans:'Noto Sans SC','PingFang SC',sans-serif;--serif:'Noto Serif SC','Songti SC',serif}
html:not([data-locale="en"]) .scene-content h1,html:not([data-locale="en"]) .scene-content h2{overflow-wrap:normal;hyphens:auto}
html[data-locale="ar"] .story-track,html[data-locale="ar"] .journey-track{direction:ltr}
html[data-locale="ar"] .story-scene,html[data-locale="ar"] .journey-panel{direction:rtl;text-align:right}
html[data-locale="ar"] .story-controls,html[data-locale="ar"] .mobile-journey-controls,html[data-locale="ar"] .arrival-route,html[data-locale="ar"] .chapter-dots{direction:ltr}
html[data-locale="ar"] .site-header,html[data-locale="ar"] .brand{direction:ltr}
html[data-locale="ar"] .primary-nav,html[data-locale="ar"] .menu-dialog,html[data-locale="ar"] .language-options{direction:rtl}
html[data-locale="ar"] .eyebrow{letter-spacing:0}
html[data-locale="ar"] h1,html[data-locale="ar"] h2,html[data-locale="ar"] h3{letter-spacing:0;line-height:1.25}
html[data-locale="ar"] .card-age{border-left:1px solid #ffffff50;border-right:0;padding-left:12px;padding-right:0}
html[data-locale="ar"] .mobile-detail>summary{padding-right:0;padding-left:24px}
html[data-locale="ar"] .mobile-detail>summary::after{right:auto;left:2px}
html[data-locale="ar"] input[type="email"],html[data-locale="ar"] .character-count{direction:ltr}
html[data-locale="zh"] i{font-style:normal}
html[data-locale="zh"] .eyebrow{letter-spacing:.08em}
html.mobile-journey:not([data-locale="en"]) .mobile-journey-controls{gap:6px}
html.mobile-journey:not([data-locale="en"]) .gesture-copy{white-space:normal;max-width:160px;font-size:10px}
html.mobile-journey:not([data-locale="en"]) .mobile-journey-controls button{font-size:12px}
html.mobile-design[data-locale="ar"] .mobile-hero-copy h1{line-height:1.2}
html.mobile-design[data-locale="zh"] .mobile-hero-copy h1{font-size:36px;line-height:1.3}
html.mobile-design[data-locale="ru"] .mobile-hero-copy h1{font-size:38px;line-height:1.1}
html.mobile-design:not([data-locale="en"]) .mobile-hero-copy .button{white-space:normal;min-width:0}
html:not([data-locale="en"]) .language-options{min-width:185px}
@media(max-width:519px){html[data-locale="ar"] .header-tools{direction:ltr}}
/* Text reads RTL; the physical journey and its coordinate system stay LTR. */
html[data-locale="ar"] .story-sticky,html[data-locale="ar"] .journey-sticky,html[data-locale="ar"] .journey-viewport{direction:ltr}
html[data-locale="ar"] .scene-content,html[data-locale="ar"] .journey-panel,html[data-locale="ar"] .gesture-copy{direction:rtl}
html:not([data-locale="en"]) .hero-title h1 span{white-space:normal}
html:not([data-locale="en"]) .hero-title h1{font-size:clamp(38px,4.3vw,68px)}
html[data-locale="ar"] .hero-title h1{font-size:clamp(38px,4.4vw,66px)}
html[data-locale="zh"] .hero-title h1{font-size:clamp(36px,4.1vw,62px);line-height:1.3}
html:not([data-locale="en"]) .card-top>p{overflow-wrap:anywhere}
html.mobile-design:not([data-locale="en"]) .page-hero h1{overflow-wrap:anywhere;hyphens:auto}
html.mobile-design[data-locale="ru"] .page-hero h1{font-size:44px;line-height:1.1}
html.mobile-design[data-locale="ar"] .page-hero h1{font-size:44px;line-height:1.25}
html.mobile-design[data-locale="zh"] .page-hero h1{font-size:40px;line-height:1.3}

/* Phone readability only. Keep the physical journey coordinates and desktop intact. */
html.mobile-design:not([data-locale="en"]) .persona-card .card-top>p{min-width:0;overflow-wrap:normal}
html.mobile-design:not([data-locale="en"]) .persona-card .card-top>small{font-size:11px;line-height:1.45;width:60px;flex:0 0 60px;overflow-wrap:anywhere}
html.mobile-design:not([data-locale="en"]) .persona-card .card-age>small{font-size:11px;line-height:1.5}
html.mobile-journey:not([data-locale="en"]) .mobile-journey-controls button{font-size:14px;flex-shrink:0}
html.mobile-journey:not([data-locale="en"]) .gesture-copy{font-size:12px;line-height:1.4;white-space:normal;max-width:150px}
html.mobile-journey:not([data-locale="en"]) .gesture-copy small{font-size:11px;line-height:1.4;letter-spacing:0;opacity:1}
html.mobile-journey:not([data-locale="en"]) .mobile-gesture-icon{width:22px}
html.mobile-design[data-locale="ar"] .persona-card .card-top>p{font-size:18px!important;line-height:1.65!important}
html.mobile-design[data-locale="ar"] .persona-card .card-bottom h3{font-size:32px;line-height:1.5;font-style:normal}
html.mobile-design[data-locale="ar"] .persona-card .card-bottom .card-topics{font-size:18px!important;line-height:1.75!important;overflow-wrap:normal}
html.mobile-design[data-locale="ar"] .persona-card .card-bottom>.eyebrow{font-size:12px!important;line-height:1.7}
html.mobile-design[data-locale="ar"] .persona-card .card-explore{font-size:16px;line-height:1.7}
html.mobile-design[data-locale="ar"] .filters>button,html.mobile-design[data-locale="ar"] .reason-topics .pill{font-size:15px;line-height:1.65;min-height:44px}
html.mobile-design[data-locale="ar"] .mobile-detail>summary{font-size:17px;line-height:1.75}
html.mobile-design[data-locale="ar"] .mobile-detail-body p,html.mobile-design[data-locale="ar"] .profile-paragraph>p:not(.eyebrow){font-size:18px!important;line-height:1.8!important}
html.mobile-design[data-locale="ar"] .arrival-visual figcaption,html.mobile-design[data-locale="ar"] .life-visual figcaption,html.mobile-design[data-locale="ar"] .programme-visual figcaption,html.mobile-design[data-locale="ar"] .region-visual figcaption{text-align:right;line-height:1.7}
html.mobile-design[data-locale="ar"] .profile-copy>h1{line-height:1.45;font-style:normal}
html.mobile-design[data-locale="ar"] .gesture-copy{text-align:right;line-height:1.6}
html.mobile-journey.story-motion[data-locale="ar"] .scene-content h2,
html.mobile-journey[data-locale="ar"] .is-horizontal .journey-panel h2,
html.mobile-design[data-locale="ar"] .mobile-hero-copy h1{line-height:1.45}
html.mobile-design:not([data-locale="en"]) .faq-item summary{display:block;position:relative;min-width:0;padding-inline-end:32px;overflow-wrap:anywhere;hyphens:auto}
html.mobile-design:not([data-locale="en"]) .faq-item summary>span[aria-hidden]{position:absolute;inset-inline-end:0;top:22px;width:22px;text-align:center}