/* Noto Kufi Arabic and Manrope: locally hosted, SIL OFL 1.1. */
@font-face{font-family:'Noto Kufi Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('assets/fonts/noto-kufi-arabic.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url('assets/fonts/manrope-latin.woff2') format('woff2')}
:root{--font-ar:'Noto Kufi Arabic',Manrope,Arial,sans-serif;--font-en:Manrope,'Noto Kufi Arabic',Arial,sans-serif;font-family:var(--font-ar);font-synthesis:none}
html[dir=ltr]{font-family:var(--font-en)}
body{font-weight:400;line-height:1.95}button{font-family:inherit}
h1,h2,h3,.hero-tagline{font-family:inherit;letter-spacing:0;font-weight:400}
.hero h1{font-size:clamp(3.2rem,4.3vw,4.8rem);font-weight:400;line-height:1.55;letter-spacing:0;margin-bottom:10px}
.hero-tagline{font-size:clamp(1.6rem,2.05vw,2.25rem);font-weight:300;line-height:1.85;letter-spacing:0}
.hero-desc{font-size:1rem;font-weight:300;line-height:2.05;margin-top:22px}
.mast-nav{font-size:.88rem;gap:clamp(22px,3vw,48px)}.mast-nav a{font-weight:400;line-height:1.8}
.language{font-family:var(--font-en);font-size:.8rem;font-weight:500}
.eyebrow{font-size:.73rem;font-weight:400;line-height:1.8;letter-spacing:0;gap:12px}
.eyebrow span{font-family:var(--font-en);font-size:.66rem;font-weight:500;letter-spacing:.14em}
.hero .eyebrow{font-size:.71rem}.hero .eyebrow span{font-size:.61rem}
.hero-location{font-size:.71rem;font-weight:400;letter-spacing:0;line-height:1.8}
.hero-location>span:last-child{font-family:var(--font-en);font-size:.52rem}
.button,.text-link{font-size:.83rem;font-weight:500;line-height:1.85}.button{min-height:52px;padding:12px 20px}
.hero-plan{font-size:.77rem;line-height:1.8;font-weight:400}
h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.65;font-weight:400;letter-spacing:0}
h3{font-size:1.15rem;font-weight:500;line-height:1.8;letter-spacing:0}
.section-intro{font-size:1rem;font-weight:400;line-height:2.1}.overview .section-intro{font-size:.97rem}
.section-head>.section-intro{max-width:31rem}
.facts dt{font-size:.72rem;line-height:1.9}.facts dd{font-size:1rem;font-weight:500;line-height:1.8}
.journey-item h3{font-size:1.05rem;font-weight:500;line-height:1.85}.journey-item p{font-size:.77rem;line-height:1.9}
.journey-number,.plan-nav a>span:first-child,.photo-index,.viewer-counter{font-family:var(--font-en)}
.overview-media figcaption{font-size:.74rem;line-height:1.9}.overview-media figcaption span:last-child{font-size:.68rem}
.filter-bar button{font-size:.81rem;font-weight:400;line-height:1.9}.filter-bar button[aria-pressed=true]{font-weight:500}
.gallery-count{font-size:.76rem}.photo h3{font-size:1.12rem;font-weight:500;line-height:1.85}.photo p{font-size:.8rem;font-weight:400;line-height:1.95}
.plan-nav a{font-size:.82rem;line-height:1.9;font-weight:400}.plan-nav a[aria-current=true]{font-weight:500}
.plan-details h3{font-size:1.18rem;font-weight:500;line-height:1.9}.plan-details p{font-size:.82rem;line-height:2}.plan-details .text-link{font-size:.77rem}
.concept-note,.plan-note{font-size:.74rem;line-height:2}.film-meta{font-size:.76rem;line-height:1.95}
.footer-top>p{font-size:1.55rem;line-height:1.95;font-weight:300;letter-spacing:0}.footer-bottom{font-size:.72rem;line-height:2}
.viewer-title{font-size:.92rem;font-weight:500;line-height:1.9}.viewer-button{font-size:.76rem;font-weight:400;line-height:1.7}.viewer-hint{font-size:.68rem}
[dir=ltr] .hero h1{font-family:var(--font-en);font-size:clamp(3.3rem,4.6vw,5.1rem);font-weight:400;letter-spacing:-.045em;line-height:1.13;margin-bottom:24px}
[dir=ltr] .hero-tagline{font-family:var(--font-en);font-size:clamp(1.65rem,2.2vw,2.45rem);font-weight:300;letter-spacing:-.025em;line-height:1.35}
[dir=ltr] h2{font-family:var(--font-en);font-size:clamp(2rem,3.1vw,3.25rem);font-weight:400;letter-spacing:-.035em;line-height:1.22}
[dir=ltr] .hero-desc{font-size:1.03rem;line-height:1.85;font-weight:400}
[dir=ltr] .section-intro{line-height:1.95}[dir=ltr] h3{letter-spacing:-.015em}
@media(max-width:1150px){.hero h1{font-size:3.45rem}.hero-tagline{font-size:1.85rem}.hero-desc{font-size:.95rem}.hero-actions{gap:16px}.hero-actions .button{padding-inline:16px}.journey-item h3{font-size:.94rem}.journey-item p{font-size:.74rem}.facts dl>div{gap:7px}.facts dd{font-size:.93rem}.plan-nav a{font-size:.79rem}}
@media(max-width:800px){.mast-nav{font-size:.74rem;gap:12px}.mast-nav a{padding-block:11px}.header-inner{min-height:120px}.hero h1{font-size:3.3rem;line-height:1.65}.hero-tagline{font-size:1.7rem;line-height:1.9}.hero-desc{font-size:.95rem;line-height:2.1}.hero .eyebrow{font-size:.68rem}.hero-location{font-size:.68rem}.hero-actions{gap:23px}.hero-actions .text-link{font-size:.8rem}h2{font-size:2.25rem;line-height:1.7}.section-intro,.overview .section-intro{font-size:.94rem;line-height:2.05}.facts dd{font-size:.78rem;line-height:1.9}.facts dt{font-size:.65rem}.journey-item h3{font-size:1rem}.journey-item p{font-size:.79rem}.photo h3{font-size:1rem}.photo p{font-size:.75rem}.filter-bar button{font-size:.76rem;min-height:48px}.plan-nav a{font-size:.73rem;line-height:1.9}.plan-details h3{font-size:1.07rem}.plan-details p{font-size:.78rem}.footer-top>p{font-size:1.3rem}.viewer-title{font-size:.84rem}.viewer-button{font-size:.72rem}.film-meta{font-size:.71rem}[dir=ltr] .hero h1{font-size:3.5rem}[dir=ltr] .hero-tagline{font-size:1.85rem}[dir=ltr] h2{font-size:2.3rem}}
@media(max-width:450px){.mast-nav{font-size:.7rem;gap:9px}.hero-copy{padding-block-start:30px}.hero h1{font-size:2.8rem;line-height:1.65}.hero-tagline{font-size:1.43rem;line-height:2}.hero-desc{font-size:.86rem;line-height:2.1}.hero-actions{gap:17px}.hero-actions .button{font-size:.77rem;padding-inline:14px;gap:18px}.hero-actions .text-link{font-size:.73rem}.hero-location{font-size:.64rem}.hero .eyebrow{font-size:.64rem}.hero .eyebrow span{font-size:.57rem}h2{font-size:1.9rem}.section-intro,.overview .section-intro{font-size:.87rem;line-height:2.1}.facts dd{font-size:.7rem;line-height:2}.facts dt{font-size:.61rem}.photo h3{font-size:.92rem}.photo p{font-size:.72rem}.photo figcaption{padding-top:12px}.filter-bar button{font-size:.71rem;padding-inline:10px}.plan-nav a{font-size:.69rem;gap:6px}.footer-top>p{font-size:1.08rem}.footer-bottom{font-size:.68rem}.viewer-title{font-size:.78rem}.viewer-button{font-size:.67rem}.concept-note,.plan-note{font-size:.7rem}[dir=ltr] .hero h1{font-size:2.95rem;letter-spacing:-.045em}[dir=ltr] .hero-tagline{font-size:1.58rem}[dir=ltr] .hero-desc{font-size:.94rem}[dir=ltr] h2{font-size:2rem}}
