@font-face {
  font-family: "GE Dinkum";
  src: url("/assets/ge-dinkum-medium-bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* Keep language selection visible while the mobile navigation is closed. */
.header-controls { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.site-header nav { margin-inline-start:auto; }
.site-header nav .nav-contact { margin-inline-start:8px; margin-inline-end:0; }
.language-switch {
  display:inline-flex; align-items:center; justify-content:center;
  min-height:42px; padding:7px 13px; border:1px solid var(--line);
  border-radius:2px; font-size:12px; line-height:1.5; white-space:nowrap;
}
.language-switch:hover { background:var(--lavender); }
.language-switch[lang="ar"] { font-family:"GE Dinkum",Tahoma,sans-serif; }
.language-switch[lang="en"] { font-family:"Dewan Sans",Arial,sans-serif; }

html[lang="ar"] { --sans:"GE Dinkum",Tahoma,Arial,sans-serif; --serif:"GE Dinkum",Tahoma,Arial,sans-serif; }
html[lang="ar"] body { line-height:1.9; font-synthesis:none; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] .next-project>a { letter-spacing:0; line-height:1.55; font-weight:400; }
html[lang="ar"] em { font-style:normal; }
html[lang="ar"] h1 { text-wrap:balance; }
html[lang="ar"] .hero h1 { font-size:clamp(57px,6.2vw,91px); line-height:1.5; margin-top:15px; margin-bottom:16px; }
html[lang="ar"] .hero h1 em { padding:0; }
html[lang="ar"] .hero-copy { padding:10px 0 30px 35px; }
html[lang="ar"] .hero-description { font-size:15px; line-height:1.9; }
html[lang="ar"] .page-intro h1 { font-size:clamp(48px,5.7vw,85px); }
html[lang="ar"] .project-title h1 { font-size:clamp(44px,5.5vw,78px); }
html[lang="ar"] .large-heading { font-size:clamp(43px,4.5vw,65px); }
html[lang="ar"] .brand-name { font-size:37px; letter-spacing:0; margin:0; line-height:1.25; }
html[lang="ar"] .brand-type { letter-spacing:0; min-width:112px; }
html[lang="ar"] .brand-type small { display:block; font-size:11px; line-height:1.4; margin-top:0; }
html[lang="ar"] .eyebrow, html[lang="ar"] .mini-label, html[lang="ar"] .intro-index,
html[lang="ar"] .section-note, html[lang="ar"] .project-facts dt, html[lang="ar"] .principle>span,
html[lang="ar"] .portrait-caption, html[lang="ar"] .founder-layout figcaption,
html[lang="ar"] .next-project small, html[lang="ar"] .hero-figure figcaption,
html[lang="ar"] .office-hours>span, html[lang="ar"] .footer-wordmark { letter-spacing:0; }
html[lang="ar"] .eyebrow { font-size:12px; line-height:1.8; }
html[lang="ar"] .site-header nav>a { font-size:13px; }
html[lang="ar"] .intro-heading h2 { font-size:clamp(33px,3.3vw,48px); }
html[lang="ar"] .service-accordion h3 { font-size:28px; }
html[lang="ar"] .project-card h3 { font-size:27px; }
html[lang="ar"] .world-intro h2 { font-size:clamp(37px,4vw,58px); }
html[lang="ar"] .founder-layout h2 { font-size:clamp(53px,5.3vw,78px); }
html[lang="ar"] .service-detail-copy h2 { font-size:clamp(32px,3.3vw,49px); }
html[lang="ar"] .project-story h2 { font-size:clamp(32px,3.1vw,46px); }
html[lang="ar"] .footer-cta h2 { font-size:clamp(35px,4.3vw,62px); }
html[lang="ar"] .next-project>a { font-size:clamp(29px,3.7vw,53px); }
html[lang="ar"] .footer-wordmark { font-size:42px; line-height:1.5; }
html[lang="ar"] .footer-wordmark>span { font-size:11px; letter-spacing:0; }
html[lang="ar"] .intro-copy p, html[lang="ar"] .studio-story p:not(.eyebrow),
html[lang="ar"] .founder-teaser p:not(.eyebrow), html[lang="ar"] .founder-layout p:not(.eyebrow),
html[lang="ar"] .service-detail-copy>p:not(.eyebrow),
html[lang="ar"] .project-story>div>p:not(.eyebrow) { line-height:2; }
html[lang="ar"] .service-detail-copy>p:not(.eyebrow), html[lang="ar"] .scope-list li,
html[lang="ar"] .accordion-content p, html[lang="ar"] .principle p { font-size:14px; }
html[lang="ar"] .scope-list li { padding:11px 0; line-height:1.9; }
html[lang="ar"] .service-shortcuts a { font-size:12px; line-height:1.8; }
html[lang="ar"] .service-shortcuts svg { margin-left:0; margin-right:auto; }
html[lang="ar"] .country-dot { margin-left:0; margin-right:auto; }
html[lang="ar"] .country-list li { font-size:13px; min-width:0; }
html[lang="ar"] .region-button, html[lang="ar"] .project-filters button { font-size:12px; }
html[lang="ar"] .country-status, html[lang="ar"] .project-count { font-size:12px; line-height:1.8; }
html[lang="ar"] .stats>div { border-left:0; border-right:1px solid var(--line); padding-left:0; padding-right:30px; }
html[lang="ar"] .stats>div:first-child { border-right:0; padding-right:0; }
html[lang="ar"] .stats strong { letter-spacing:0; }
html[lang="ar"] .small-rule { margin-right:0; margin-left:10px; }
html[lang="ar"] .portrait-frame { padding:24px 0 0 24px; }
html[lang="ar"] .portrait-frame::before { right:auto; left:0; }
html[lang="ar"] .hero-image-link, html[lang="ar"] .image-arrow, html[lang="ar"] .zoom-icon { right:auto; left:0; }
html[lang="ar"] .service-image-number { left:auto; right:0; }
html[lang="ar"] .lightbox-close { right:auto; left:20px; }
html[lang="ar"] .skip-link { left:auto; right:18px; }
html[lang="ar"] .text-link svg, html[lang="ar"] .button svg,
html[lang="ar"] .nav-contact svg, html[lang="ar"] .service-shortcuts svg,
html[lang="ar"] .accordion-content a svg, html[lang="ar"] .hero-image-link svg,
html[lang="ar"] .image-arrow svg, html[lang="ar"] .round-link svg,
html[lang="ar"] .footer-bottom svg, html[lang="ar"] .next-project>a>svg,
html[lang="ar"] .contact-image a svg { transform:scaleX(-1); }
html[lang="ar"] .text-link:hover svg { transform:scaleX(-1) translate(3px,-3px); }
html[lang="ar"] .service-shortcuts a:hover svg { transform:scaleX(-1) translateX(4px); }
html[lang="ar"] .contact-image>div { left:auto; right:50px; }
html[lang="ar"] .contact-image::after { background:linear-gradient(270deg,rgba(23,33,18,.77),rgba(23,33,18,.05)); }
html[lang="ar"] .contact-email { font-family:"Dewan Serif",Georgia,serif; direction:ltr; text-align:right; font-size:clamp(34px,3.7vw,54px); letter-spacing:-.035em; line-height:1.2; }
html[lang="ar"] [dir="ltr"] { unicode-bidi:isolate; }
html[lang="ar"] .contact-phone, html[lang="ar"] a[href^="tel:"],
html[lang="ar"] a[href^="mailto:"], html[lang="ar"] input[type="email"],
html[lang="ar"] .lightbox-count { font-family:"Dewan Sans",Arial,sans-serif; }
html[lang="ar"] .contact-phone { direction:ltr; }
html[lang="ar"] .footer-info a[dir="ltr"] { text-align:right; }
html[lang="ar"] .lightbox-count { direction:ltr; unicode-bidi:isolate; }
html[lang="ar"] form label { font-size:13px; }
html[lang="ar"] input, html[lang="ar"] select, html[lang="ar"] textarea { font-size:14px; line-height:1.9; }
html[lang="ar"] .form-note, html[lang="ar"] .form-status,
html[lang="ar"] .portfolio-note { font-size:12px; line-height:1.9; }
html[lang="ar"] .inquiry-panel h2 { font-size:37px; }
html[lang="ar"] .project-facts>div { grid-template-columns:110px minmax(0,1fr); }
html[lang="ar"] .project-facts dt, html[lang="ar"] .project-facts dd { font-size:12px; line-height:1.9; }
html[lang="ar"] .project-meta, html[lang="ar"] .gallery-figure figcaption,
html[lang="ar"] .lightbox-caption { font-size:12px; line-height:1.8; }
html[lang="ar"] .footer-info p, html[lang="ar"] .footer-info div>a { font-size:12px; line-height:2; }
html[lang="ar"] .mini-label { font-size:11px; }
html[lang="ar"] .footer-bottom { font-size:10px; line-height:1.8; }

@media (max-width:1100px) {
  .site-header nav { gap:16px; }
  .header-inner { gap:20px; }
  .language-switch { padding-inline:10px; }
}
@media (max-width:980px) {
  .site-header { height:84px; }
  .menu-toggle { display:block; margin:0 -10px 0 0; }
  .site-header nav {
    position:absolute; left:0; right:0; top:84px; background:var(--paper);
    padding:20px var(--gutter) 35px; box-shadow:0 14px 18px #2927240a;
    border-bottom:1px solid var(--line); display:none; flex-direction:column;
    align-items:stretch; gap:0; margin:0;
  }
  .site-header nav>a { font-size:23px; padding:15px 0; font-family:var(--serif); border-bottom:1px solid var(--line); }
  .site-header nav>a::after { display:none; }
  .site-header nav .nav-contact { margin:25px 0 0; padding:15px 18px; font-family:var(--sans); font-size:13px; justify-content:space-between; align-self:stretch; }
  .nav-open #primary-nav { display:flex; }
  .nav-open .menu-toggle span:first-child { transform:translateY(4px) rotate(45deg); }
  .nav-open .menu-toggle span:last-child { transform:translateY(-4px) rotate(-45deg); }
  html[lang="ar"] .site-header nav>a { font-size:22px; }
  html[lang="ar"] .site-header nav .nav-contact { font-size:14px; }
  html[lang="ar"] .menu-toggle { margin:0 0 0 -10px; }
}
@media (max-width:800px) {
  html[lang="ar"] .hero-copy { padding-left:20px; }
  html[lang="ar"] .hero h1 { font-size:55px; }
  html[lang="ar"] .hero-description { font-size:13px; }
  html[lang="ar"] .brand-name { font-size:32px; }
  html[lang="ar"] .brand-type { min-width:98px; }
  html[lang="ar"] .brand-type small { font-size:10px; }
  html[lang="ar"] .footer-cta h2 { font-size:44px; }
  html[lang="ar"] .stats>div { padding-right:20px; }
  html[lang="ar"] .service-accordion h3 { font-size:27px; }
  html[lang="ar"] .service-shortcuts a { font-size:12px; }
  html[lang="ar"] .country-list li { font-size:12px; }
  html[lang="ar"] .contact-image>div { right:35px; }
  html[lang="ar"] .page-intro h1 { font-size:58px; }
  html[lang="ar"] .project-title h1 { font-size:52px; }
  html[lang="ar"] .project-story h2 { font-size:35px; }
  html[lang="ar"] .project-facts>div { grid-template-columns:85px minmax(0,1fr); }
}
@media (max-width:640px) {
  .site-header { height:78px; }
  .site-header nav { top:78px; }
  .header-inner { gap:10px; }
  .header-controls { gap:8px; }
  .language-switch { min-height:38px; padding:5px 10px; font-size:11px; }
  html[lang="ar"] .hero-copy { padding:0 0 28px; }
  html[lang="ar"] .hero h1 { font-size:clamp(51px,13vw,69px); line-height:1.5; margin:17px 0; }
  html[lang="ar"] .hero h1 br:first-child { display:block; }
  html[lang="ar"] .hero h1 em { margin:0; }
  html[lang="ar"] .hero-description { font-size:14px; }
  html[lang="ar"] .page-intro h1 { font-size:clamp(41px,10.5vw,59px); }
  html[lang="ar"] .project-title h1 { font-size:clamp(38px,10vw,52px); }
  html[lang="ar"] .large-heading { font-size:40px; }
  html[lang="ar"] .intro-heading h2, html[lang="ar"] .studio-story h2,
  html[lang="ar"] .founder-teaser h2, html[lang="ar"] .world-intro h2 { font-size:35px; }
  html[lang="ar"] .services-heading h2 { font-size:38px; }
  html[lang="ar"] .stats>div { padding-right:13px; }
  html[lang="ar"] .country-list { column-gap:18px; }
  html[lang="ar"] .country-list li { font-size:12px; gap:7px; line-height:1.8; }
  html[lang="ar"] .service-accordion h3 { font-size:24px; }
  html[lang="ar"] .service-number { margin-top:9px; }
  html[lang="ar"] .service-detail-copy h2 { font-size:35px; }
  html[lang="ar"] .portrait-frame { padding:18px 0 0 18px; }
  html[lang="ar"] .footer-cta h2 { font-size:28px; }
  html[lang="ar"] .round-link { font-size:10px; }
  html[lang="ar"] .project-meta { font-size:11px; }
  html[lang="ar"] .project-card h3 { font-size:26px; }
  html[lang="ar"] .project-story h2 { font-size:33px; }
  html[lang="ar"] .next-project>a { font-size:30px; }
  html[lang="ar"] .contact-image>div { right:25px; left:20px; }
  html[lang="ar"] .contact-image h2 { font-size:34px; }
  html[lang="ar"] .contact-email { font-size:44px; }
  html[lang="ar"] .inquiry-panel input, html[lang="ar"] .inquiry-panel select,
  html[lang="ar"] .inquiry-panel textarea { font-size:16px; }
  html[lang="ar"] .footer-info { gap:26px 16px; }
  html[lang="ar"] .footer-info div>a[href^="mailto:"] { overflow-wrap:anywhere; font-size:11px; }
  html[lang="ar"] .footer-bottom { font-size:9px; }
}