@font-face{font-family:'Noto Naskh Arabic';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/noto-naskh-arabic.ttf') format('truetype')}
/* Revize 9: shared navigation, legible type and language-safe motion. */
.r9-hamburger{display:none}.r9-menu-languages{display:flex;gap:18px;flex-wrap:wrap;margin:28px 0 10px;direction:ltr}
html:has(dialog[open]){overflow:hidden}
#menu .r9-menu-languages a{font:15px/1.5 Manrope,Arial,sans-serif;letter-spacing:1px;width:auto;min-width:32px;min-height:36px}
#menu .r9-menu-languages a[aria-current]{text-decoration:underline;text-underline-offset:7px}
header nav{font-size:18px!important;gap:14px!important}header nav button{font-size:18px!important;line-height:1.5}
header nav .nav-main{font-size:36px!important;line-height:1.05!important}header .language-switch a{font-size:21px!important;min-width:32px}
.hero-titles h1{font-size:clamp(45px,6.8vw,130px)!important;white-space:nowrap;letter-spacing:-.045em;animation:r9-title-glimmer 15s ease-in-out infinite!important}
.hero-titles .script{margin-top:18px!important}.hero-titles{padding-top:29svh!important;text-shadow:none!important}
@keyframes r9-title-glimmer{0%,65%,100%{color:#234e79;text-shadow:none}76%{color:#719bb7;text-shadow:0 0 22px #ffffff70}84%{color:#365e84;text-shadow:none}}
.hero-sub span{color:var(--r5-nav-ink,#234e79)!important;text-shadow:none!important;background:none!important;transition:color .22s}
.hero-sub{font-size:clamp(16px,1.9vw,28px);width:68%;gap:25px;margin-top:25px}
.footer-word{font-size:6.8vw!important;letter-spacing:-.03em!important;text-align:center;white-space:nowrap;display:block}
.r9-project-hero{position:relative;height:100svh;min-height:650px;background:#b6cfd9}.r9-project-hero>img{width:100%;height:100%;object-fit:cover}.r9-project-hero:not(.is-pending):after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102a42d9)}.r9-project-hero>div{position:absolute;bottom:8vh;left:9vw;right:9vw;z-index:1;color:white}.r9-project-hero.is-pending>div{color:#234e79}.r9-project-hero.is-pending>img{opacity:.3}.r9-project-hero h1{font-size:clamp(40px,6vw,92px);line-height:1.12;max-width:1050px;margin:22px 0}.r9-project-copy{max-width:960px;margin:90px auto;padding:0 30px;font-size:18px;line-height:1.8}.r9-project-copy dl{display:flex;gap:80px;margin:38px 0}.r9-project-copy dt{font-size:12px;letter-spacing:1px;text-transform:uppercase}.r9-project-copy dd{margin:4px 0;font-size:28px}.r9-project-gallery,.r9-project-plans{margin:80px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:35px}.r9-project-gallery h2,.r9-project-plans h2,.r9-project-plans>p{grid-column:1/-1}.r9-project-gallery h2,.r9-project-plans h2{font-size:64px;margin-bottom:15px}.r9-project-gallery img{width:100%;height:auto}.r9-project-gallery a:nth-of-type(3n+1){grid-column:1/-1}.r9-project-plans img{width:100%;height:auto;object-fit:contain;background:white}.r9-return{display:inline-block;margin:20px 7vw 80px}
.loader:not(.portal-ready){background:#f3f3e9!important}.loader.portal-ready{background:transparent!important}
.loader-content{position:relative;z-index:2}.hero:has(~ *){isolation:isolate}
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] p,html[lang=ar] em,html[lang=ar] a,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] .script{font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif!important;letter-spacing:0!important;font-variant-ligatures:normal;font-feature-settings:normal}
html[lang=ar] .hero-titles{direction:rtl}html[lang=ar] .hero-titles .script{transform:none!important;font-size:5.5vw!important;max-width:90%;line-height:1.6!important}html[lang=ar] .scene-word{perspective:none}html[lang=ar] .hover-wrap{display:inline}html[lang=ar] .language-switch a,html[lang=ar] .r9-menu-languages a{font-family:Manrope,Arial,sans-serif!important}
html[lang=ar] .intro-arc text{letter-spacing:0!important;word-spacing:0!important}
body:has(.atlas-site-header) .shell{grid-template-columns:468px minmax(0,1fr);padding-top:245px;min-height:1000px}
body:has(.atlas-site-header) aside h1{font-size:55px}body:has(.atlas-site-header) aside .intro{font-size:14px;max-width:100%}
body:has(.atlas-site-header) .ref strong{font-size:13px}body:has(.atlas-site-header) .ref small{font-size:12px}
body:has(.atlas-site-header) .country,body:has(.atlas-site-header) .filter,body:has(.atlas-site-header) .search input{font-size:12px}
body:has(.atlas-site-header) .atlas-introduction{right:310px;top:48px}
@media(min-width:701px){body:has(.atlas-site-header) .control{top:105px}.journey-route .milestone{width:120px}.milestone-year{font-size:29px!important}.milestone>span:last-child{font-size:10px}}
@media(min-width:1500px){body:has(.atlas-site-header) .shell{grid-template-columns:520px minmax(0,1fr)}}
@media(min-width:701px) and (max-width:1100px){body:has(.atlas-site-header) .shell{grid-template-columns:390px minmax(0,1fr)}body:has(.atlas-site-header) aside h1{font-size:44px}.hero-titles h1{font-size:6.5vw!important}}
@media(max-width:700px){
 header,header.atlas-site-header{top:16px!important;left:18px!important;right:18px!important;padding:0!important;align-items:flex-start!important}
 header .brand-orbit{width:108px!important;height:108px!important}
 header nav>*:not(#menu-open){display:none!important}header nav{gap:0!important}
 header #menu-open{width:48px;height:48px;display:grid;place-items:center;padding:10px!important;font-size:0!important;letter-spacing:0!important}
 .r9-desktop-menu-label{display:none}.r9-hamburger{display:flex;flex-direction:column;justify-content:space-between;width:27px;height:20px}.r9-hamburger i{display:block;height:1.5px;width:100%;background:currentColor}
 #menu{padding:80px 8vw 35px!important;overflow-y:auto;overscroll-behavior:contain;text-align:start}
 #menu>.script{font-size:42px!important;margin-bottom:12px!important}#menu>a,#menu>[data-catalog]{font-size:clamp(25px,7.8vw,36px)!important;line-height:1.5!important;max-width:100%;width:auto;text-align:start}
 #menu>.close{top:24px!important;right:24px!important;min-height:44px;padding:8px!important}
 #menu .r9-menu-languages a{font-size:16px!important;min-height:44px;display:grid;place-items:center}
 .hero-titles{padding-top:26svh!important}.hero-titles h1{font-size:8.7vw!important;line-height:1.2!important}.hero-titles .script{font-size:17vw!important;margin-top:12px!important}.hero-sub{width:86%;font-size:14px!important;gap:20px;margin-top:22px}
 .footer-word{font-size:7.4vw!important;margin:40px 0!important}.footer-grid a{overflow-wrap:anywhere}
 .page-heading,.portfolio-heading,.r2-about-hero,.r2-workshop-hero,.r3-blog{padding-top:145px}
 .catalog-dialog{padding:70px 0 0!important;overflow:auto!important}.catalog-shell{display:flex!important;flex-direction:column!important;height:auto!important}.catalog-info{padding:20px 7vw!important}.catalog-info h2{font-size:38px!important}.catalog-preview{min-height:60svh!important}.catalog-close{position:fixed!important;top:18px!important;right:20px!important;z-index:5;min-height:44px}
 .catalog-preview,.catalog-paper{height:auto!important;max-height:none!important;overflow:visible!important}
 .filter-bar{min-width:0}.filter-bar input,.filter-bar select{min-width:0;max-width:100%}.project-card{min-width:0}.dossier-facts{overflow-wrap:anywhere}
 .r9-project-hero{height:92svh;min-height:560px}.r9-project-hero h1{font-size:11vw}.r9-project-copy{margin:55px auto;padding:0 7vw;font-size:16px}.r9-project-copy dl{gap:35px;flex-wrap:wrap}.r9-project-gallery,.r9-project-plans{grid-template-columns:1fr;gap:24px;margin:55px 7vw}.r9-project-gallery h2,.r9-project-plans h2{font-size:44px}
 body:has(.atlas-site-header) .atlas-introduction{top:132px;left:22px;right:22px}
 body:has(.atlas-site-header) .shell{padding-top:245px;min-height:0;display:flex}
 body:has(.atlas-site-header) aside h1{font-size:43px}body:has(.atlas-site-header) .shell>aside{height:760px}
 body:has(.atlas-site-header) .ref strong{font-size:13px}body:has(.atlas-site-header) .ref small{font-size:11px}
 .journey-route{height:1100px!important}.milestone{max-width:100%}.milestone-year{font-size:29px!important}
 html[lang=ar] #menu>a,html[lang=ar] #menu>[data-catalog]{line-height:1.65!important}
 html[lang=ar] .hero-titles .script{font-size:11vw!important;margin:12px auto 0!important}
}
@media(prefers-reduced-motion:reduce){.hero-titles h1{animation:none!important}.hero-sub span{transition:none}}

/* Revize 9.1: keep solid lettering; light passes only over a narrow stripe. */
.hero-titles h1{position:relative;color:#234e79!important;animation:none!important;text-shadow:none!important}
.hero-titles h1::after{content:attr(data-shimmer-title);position:absolute;inset:0;pointer-events:none;color:transparent;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.55) 49%,transparent 55%);background-size:300% 100%;background-position:150% 0;-webkit-background-clip:text;background-clip:text;animation:r91-light-pass 12s ease-in-out infinite;opacity:.55}
@keyframes r91-light-pass{0%,65%{background-position:150% 0}88%,100%{background-position:-50% 0}}
.footer-word{font-size:3.4vw!important;width:100%;margin:40px auto!important;text-align:center}
@media(max-width:700px){.footer-word{font-size:3.7vw!important;margin:30px auto!important}}
@media(prefers-reduced-motion:reduce){.hero-titles h1::after{display:none}}
