@font-face{font-family:'Turath Arabic';src:url('assets/fonts/NotoSansArabic.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.language-toggle{border:1px solid currentColor;border-radius:3px;padding:5px 11px;min-height:34px;white-space:nowrap;font-family:'Turath Arabic',Arial,sans-serif;font-size:12px;line-height:1.6;align-self:center;letter-spacing:0;text-transform:none}
.language-toggle:hover{background:rgba(153,163,150,.16)}
html[lang=ar]{--serif:'Turath Arabic',Tahoma,Arial,sans-serif;--sans:'Turath Arabic',Tahoma,Arial,sans-serif;--info-font:'Turath Arabic',Tahoma,Arial,sans-serif}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] summary,html[lang=ar] input,html[lang=ar] select,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] .project-information p,html[lang=ar] .render-caption{font-family:var(--sans);letter-spacing:0;text-transform:none;font-synthesis:none}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .footer-title{line-height:1.5;font-weight:500}
html[lang=ar] .project-information h2{font-size:clamp(35px,4.5vw,66px)}
html[lang=ar] .project-information h3{font-size:clamp(30px,3.6vw,48px)}
html[lang=ar] .project-information h4{line-height:1.8;font-weight:500}
html[lang=ar] .project-information p{line-height:2;font-size:15px}
html[lang=ar] .project-summary p{font-size:17px;line-height:2}
html[lang=ar] .project-summary-note,html[lang=ar] .project-label,html[lang=ar] .project-information figcaption{font-size:11px;letter-spacing:0;line-height:1.9}
html[lang=ar] .project-index a{font-size:13px;line-height:1.9}
html[lang=ar] .header nav,html[lang=ar] .journey-menu summary{font-size:13px;letter-spacing:0}
html[lang=ar] .header nav{gap:24px}
html[lang=ar] .journey-options{left:auto;right:0;text-align:right}
html[lang=ar] .header-actions{margin-left:0}
html[lang=ar] .brand,html[lang=ar] .intro-logo,html[lang=ar] .welcome-art,html[lang=ar] .interior-intro-signature{direction:ltr}
html[lang=ar] .render-card{text-align:right}
html[lang=ar] .gallery-heading p{font-size:15px;line-height:2}
html[lang=ar] .gallery-room-index a{font-size:12px}
html[lang=ar] body.interior-mode #gallery-grid .render-caption{font-size:14px}
html[lang=ar] .room-collection>h4{font-size:17px;letter-spacing:0}
html[lang=ar] .project-metrics>div{padding:30px 0 30px 25px}
html[lang=ar] .project-metrics>div+div{border-left:0;border-right:1px solid var(--project-line);padding-right:25px}
html[lang=ar] .project-metrics dd:not(.metric-note){direction:ltr;unicode-bidi:isolate;text-align:right;font-family:'Turath Arabic',Tahoma,sans-serif;font-size:clamp(27px,3.6vw,48px)}
html[lang=ar] .project-metrics>div:first-child dd:not(.metric-note){font-size:clamp(22px,2.5vw,34px);justify-content:flex-end}
html[lang=ar] .project-metrics dd:not(.metric-note)>span{font-family:var(--sans)}
html[lang=ar] .project-metrics dt{line-height:1.9;font-size:12px;min-height:23px}
html[lang=ar] .project-metrics .metric-note{font-size:13px;line-height:1.9}
html[lang=ar] .level-range,html[lang=ar] .project-level-feature>strong,html[lang=ar] .journey-count,html[lang=ar] #lightbox-number,html[lang=ar] .facility-area>strong{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .project-level-list .level-bridge{border-left:0;border-right:3px solid #6b8580;padding-left:0;padding-right:15px;margin-left:0;margin-right:-18px}
html[lang=ar] .project-detail-link{text-align:right}
html[lang=ar] .project-level-list{margin-left:0}
html[lang=ar] .footer-title span{margin-left:0;margin-right:auto}
html[lang=ar] .footer-bottom{font-size:11px;letter-spacing:0;line-height:1.9}
html[lang=ar] .lightbox-top h2{font-size:22px;line-height:1.8}
html[lang=ar] .lightbox-bottom button{direction:rtl}
html[lang=ar] .lightbox-bottom button span{font-size:12px}
html[lang=ar] .interior-caption{left:auto!important;right:4.4%;text-align:right}
html[lang=ar] .interior-caption span:first-child{letter-spacing:0;font-size:12px}
html[lang=ar] .interior-caption span:last-child{font-family:var(--sans);font-size:27px!important;line-height:1.6}
html[lang=ar] .stage-bottom .chapter-nav{direction:ltr}
html[lang=ar] .journey-progress{direction:ltr}
html[lang=ar] .welcome-skip,html[lang=ar] .interior-intro-skip{font-family:var(--sans);letter-spacing:0;font-size:12px}
@media(max-width:1100px){html[lang=ar] .header nav{gap:16px;font-size:12px}html[lang=ar] .header nav a,html[lang=ar] .journey-menu summary{font-size:12px}}
@media(max-width:760px){
 .language-toggle{padding:3px 9px;min-height:28px;font-size:11px;margin-inline-start:auto}
 html[lang=ar] .header nav{gap:16px;font-size:12px}
 html[lang=ar] .header nav a,html[lang=ar] .journey-menu summary{font-size:12px}
 html[lang=ar] .header-actions{margin-right:auto;margin-left:0}
 html[lang=ar] .tour-button{font-size:11px;gap:6px;padding:8px 10px}
 html[lang=ar] .project-information h2{font-size:36px}
 html[lang=ar] .project-information h3{font-size:30px}
 html[lang=ar] .gallery-heading h2{font-size:30px}
 html[lang=ar] .project-information p{font-size:14px}
 html[lang=ar] .project-summary p{font-size:16px}
 html[lang=ar] .project-metrics>div{padding:22px 0 22px 14px}
 html[lang=ar] .project-metrics>div+div{padding-right:16px}
 html[lang=ar] .project-metrics>div:nth-child(3){border-right:0;padding-right:0}
 html[lang=ar] .project-metrics dt{font-size:11px}
 html[lang=ar] .project-metrics dd:not(.metric-note){font-size:30px}
 html[lang=ar] .project-metrics>div:first-child dd:not(.metric-note){font-size:21px}
 html[lang=ar] .project-metrics .metric-note{font-size:12px}
 html[lang=ar] .project-level-list{margin-right:18px}
 html[lang=ar] .residence-counts dt{font-size:11px;line-height:1.8;min-height:40px}
 html[lang=ar] .residence-counts dd span{font-family:var(--sans);font-size:11px;line-height:1.9}
 html[lang=ar] .project-information figcaption{font-size:10px}
 html[lang=ar] .footer-title{font-size:30px}
 html[lang=ar] .interior-caption{right:6%}
 html[lang=ar] .interior-caption span:last-child{font-size:23px!important}
}
@media(max-width:360px){.language-toggle{padding:3px 6px;font-size:10px}html[lang=ar] .header nav{gap:6px}html[lang=ar] .header nav a,html[lang=ar] .journey-menu summary{font-size:11px}html[lang=ar] .tour-button{font-size:9px}html[lang=ar] .project-metrics>div:first-child dd:not(.metric-note){font-size:18px}}

html[lang=ar] .section-top .eyebrow{font-size:13px;letter-spacing:0}html[lang=ar] .small-index{font-size:11px;letter-spacing:0}