/* One visual identity, two fully readable documents. Arabic remains the default. */
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:15px;min-width:0}
.language-switch{display:flex;direction:ltr;align-items:center;border:1px solid #aaa98b;background:#faf6e980;padding:2px;flex-shrink:0}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:3px 9px;text-decoration:none;font:500 12px/1.4 var(--sans);color:var(--green);white-space:nowrap}
.language-switch a[lang=ar]{font-family:"IBM Plex Sans Arabic",sans-serif}
.language-switch a[aria-current=page]{background:var(--green);color:var(--paper)}
.language-switch a:not([aria-current]):hover{background:#e3e6d5}
.site-head .nav-row{gap:18px}
/* Editorial prose inside the arch: stronger ink, readable scale, shorter measures. */
html[lang=ar] .hero-lead{font-family:var(--serif);font-size:clamp(24px,1.8vw,28px);font-weight:600;line-height:1.75;max-width:46ch;margin:25px auto 15px;color:#23483b;text-wrap:balance}
html[lang=ar] .hero-context{font-family:var(--serif);font-size:clamp(21px,1.5vw,24px);font-weight:400;line-height:1.85;max-width:56ch;color:#42564b;margin:0 auto 25px;text-wrap:pretty}
html[lang=en]{--serif:Georgia,"Times New Roman",serif;--sans:"Segoe UI",Arial,sans-serif}
html[lang=en] body{line-height:1.75}
html[lang=en] .brand-name{font-size:19px;line-height:1.2}
html[lang=en] .brand-name small{font-size:6px;letter-spacing:.14em}
html[lang=en] .nav-links a{font-size:13px;padding-inline:8px}
html[lang=en] .head-contact svg{transform:none}
html[lang=en] .arrow{transform:rotate(180deg)}
html[lang=en] .site-head::after{transform-origin:left}
html[lang=en] .hero h1{font-size:clamp(38px,3.7vw,49px);line-height:1.2;font-weight:600}
html[lang=en] .hero h1 span{font-size:.76em;line-height:1.28;margin-top:13px}
html[lang=en] .hero-lead{font-family:var(--serif);font-size:21px;line-height:1.65;max-width:51ch;margin:25px auto 17px;color:#23483b;text-wrap:balance}
html[lang=en] .hero-context{font-size:16px;line-height:1.8;max-width:66ch;color:#42564b;margin-bottom:25px;text-wrap:pretty}
html[lang=en] .hero-path strong{font-size:11px;line-height:1.5}
html[lang=en] .hero-path a:last-child span{font-size:17px}
html[lang=en] .hero-panel-copy h2{font-size:18px;line-height:1.5}
html[lang=en] .hero-panel-copy p{font-size:11px;line-height:1.7}
html[lang=en] .section-title,html[lang=en] .chapter-heading .section-title{font-size:36px;line-height:1.3}
html[lang=en] #activities .activity h3{font-size:25px;line-height:1.3}
html[lang=en] #activities .activity p{font-size:14px;line-height:1.8;text-align:center}
html[lang=en] #activities .section-intro{font-size:15px;line-height:1.8}
html[lang=en] #projects.project-overview .folio-volumes,html[lang=en] #projects.project-overview .folio-leaf,html[lang=en] #projects.project-overview .folio-copy{direction:ltr}
html[lang=en] #projects.project-overview .folio-leaf .project-heading{text-align:left}
html[lang=en] #projects.project-overview .folio-leaf .project-heading h3{font-size:23px;line-height:1.22;text-wrap:pretty;overflow-wrap:normal}
html[lang=en] #projects.project-overview .folio-leaf .project-subtitle{font-family:var(--sans);font-size:13px;line-height:1.5}
html[lang=en] #projects.project-overview .project-card-actions .text-link{text-align:left;font-size:11px}
html[lang=en] .project-dialog,html[lang=en] .project-dialog-copy{direction:ltr;text-align:left}
html[lang=en] .project-dialog-content{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr)}
html[lang=en] .project-dialog .folio-art{grid-column:2;grid-row:1}
html[lang=en] .project-dialog-copy{grid-column:1;grid-row:1}
html[lang=en] .project-dialog h2{font-size:31px;line-height:1.25}
html[lang=en] .project-dialog .project-subtitle{font:18px/1.5 var(--serif)}
html[lang=en] .project-dialog .project-body{padding:0}
html[lang=en] .project-dialog .project-body>p{font-size:15px;line-height:1.8}
html[lang=en] .project-dialog .project-scope dd{font-size:18px}
html[lang=en] .project-dialog .text-link{text-align:left}
html[lang=en] .book-volume h3{font-size:31px;line-height:1.3}
html[lang=en] .book-volume .book-subtitle{font-size:15px;line-height:1.65}
html[lang=en] .book-volume .book-author{font-size:14px;line-height:1.6}
html[lang=en] .book-volume .book-caption p{font-size:15px;line-height:1.85}
html[lang=en] .founder-note blockquote{font-size:30px;line-height:1.6}
html[lang=en] .founder strong{font-size:19px}
html[lang=en] .method-item h3{font-size:25px;line-height:1.4}
html[lang=en] .method-item p{font-size:15px;line-height:1.85;text-align:left}
html[lang=en] .contact-panel p{font-size:15px;line-height:1.8}
html[lang=en] .contact-panel .section-title{font-size:31px}
html[lang=en] .identity-top h2{font-size:28px}
html[lang=en] .identity-row dt{font-size:13px;line-height:1.6}
html[lang=en] .identity-row dd{font-size:15px;line-height:1.7}
html[lang=en] .site-footer p,html[lang=en] .site-footer li{font-size:14px;line-height:1.9}
html[lang=en] .site-footer h3{font-size:20px}
@media(max-width:1100px){.site-head .nav-row{grid-template-columns:1fr auto;row-gap:3px;padding-block:8px 3px}.site-head .nav-links{grid-column:1/-1;grid-row:2;justify-content:center}.header-actions{grid-column:2;grid-row:1}html[lang=en] #projects.project-overview .folio-leaf .project-heading h3{font-size:20px}html[lang=en] .hero h1{font-size:38px}}
@media(max-width:620px){.site-head .nav-row{gap:3px 10px}.site-head .brand-name{display:none}.site-head .brand-wordmark{width:68px;height:29px}.header-actions{gap:10px}.language-switch a{min-height:36px;font-size:11px;padding-inline:7px}.header-actions .head-contact{font-size:12px;min-height:38px;padding:4px 7px;gap:4px}.head-contact svg{display:none}.site-head .nav-links{justify-content:space-between;gap:3px}.site-head .nav-links a{font-size:12px;padding-inline:6px}html[lang=en] .site-head .nav-links a{font-size:11px;padding-inline:5px}html[lang=en] .hero h1{font-size:31px}html[lang=en] .hero h1 span{font-size:.78em}html[lang=en] .hero-lead{font-size:16px}html[lang=en] .hero-context{font-size:14px}html[lang=en] .hero-actions .btn{font-size:13px}html[lang=en] .hero-path span{font-size:22px}html[lang=en] .hero-path strong{font-size:10px}html[lang=en] .hero-path a:last-child span{font-size:16px}html[lang=en] .section-title,html[lang=en] .chapter-heading .section-title{font-size:30px}html[lang=en] #projects.project-overview .section-title{font-size:30px}html[lang=en] #projects.project-overview .folio-leaf .project-heading{text-align:center}html[lang=en] #projects.project-overview .folio-leaf .project-heading h3{font-size:19px;line-height:1.25;overflow-wrap:anywhere}html[lang=en] #projects.project-overview .folio-leaf .project-subtitle{font-size:12px}html[lang=en] #projects.project-overview .project-card-actions .text-link{font-size:10px;text-align:center}html[lang=en] .project-dialog h2{font-size:27px}html[lang=en] .project-dialog .project-body>p{font-size:14px}html[lang=en] .project-dialog .project-scope dd{font-size:16px}html[lang=en] .book-volume h3{font-size:28px}html[lang=en] .founder-note blockquote{font-size:24px}html[lang=en] .contact-panel .section-title{font-size:27px}html[lang=en] .identity-row:nth-child(n){grid-template-columns:83px minmax(0,1fr)}html[lang=en] .identity-top h2{font-size:24px}html[lang=en] .identity-row dd{font-size:14px}html[lang=en] .location{font-size:13px}}
@media(max-width:359px){.header-actions{gap:7px}.site-head .brand-wordmark{width:58px;height:25px}.language-switch a{padding-inline:6px}.site-head .nav-links a{padding-inline:3px}html[lang=en] .site-head .nav-links a{font-size:10px;padding-inline:3px}html[lang=en] #projects.project-overview .folio-leaf .project-heading{text-align:left}html[lang=en] .identity-row:nth-child(n){grid-template-columns:1fr}}
@media(max-width:620px){html[lang=ar] .hero-lead{font-size:23px;line-height:1.7;margin:22px auto 15px}html[lang=ar] .hero-context{font-size:20px;line-height:1.85;margin-bottom:23px}html[lang=en] .hero-lead{font-size:19px;line-height:1.65}html[lang=en] .hero-context{font-size:15px;line-height:1.8}}
@media print{.header-actions{display:none!important}html[lang=en] .book h3,html[lang=en] .book p{text-align:left}html[lang=ar] .hero-lead,html[lang=ar] .hero-context{font-size:18px;color:#111}}