/* Arabic translation support */
html[dir="rtl"] body,
body.is-arabic{
  direction: rtl;
  text-align: right;
}
html[dir="rtl"] .nav,
html[dir="rtl"] .navbar,
html[dir="rtl"] header,
html[dir="rtl"] footer{
  direction: rtl;
}
html[dir="rtl"] input,
html[dir="rtl"] textarea{
  direction: rtl;
  text-align: right;
}
.lang-toggle,
[data-lang-toggle],
#lang-toggle,
#language-toggle{
  cursor: pointer;
}


/* ARC featured/projects grid cleanup */
.home-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:1.4rem!important;
  align-items:stretch!important;
}
.all-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:1.4rem!important;
  align-items:stretch!important;
}
.pcard,.acard{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  border-radius:0!important;
}
.pcard-img,.acard-img{
  aspect-ratio:4/3!important;
  background:var(--charcoal2)!important;
  overflow:hidden!important;
}
.pcard-img img,.acard-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  background:var(--charcoal2)!important;
}
.pcard-info,.acard-info{
  flex:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.cover-template,
.cover-brand,
.cover-main,
.cover-info{
  display:none!important;
}
.project-image-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.5rem;
  color:rgba(250,249,247,.55);
  background:linear-gradient(135deg,#141414,#222);
  text-align:center;
  font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;
}
@media(max-width:760px){
  .home-grid,.all-grid{grid-template-columns:1fr!important;padding-left:1.2rem!important;padding-right:1.2rem!important;}
}


/* ARC clean bilingual project grid */
.home-grid,.all-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;
  gap:1.4rem!important;
  align-items:stretch!important;
}
.pcard,.acard{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  background:rgba(201,184,154,.04)!important;
}
.pcard-img,.acard-img{
  aspect-ratio:4/3!important;
  background:var(--charcoal2)!important;
  overflow:hidden!important;
}
.pcard-img img,.acard-img img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.pcard-info,.acard-info{
  flex:1!important;
}
.project-image-placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1.5rem;
  text-align:center;
  color:rgba(250,249,247,.55);
  background:linear-gradient(135deg,#141414,#242424);
  font-family:'Cormorant Garamond',serif;
  font-size:1.25rem;
}
.cover-template,.cover-brand,.cover-main,.cover-info{
  display:none!important;
}
@media(max-width:760px){
  .home-grid,.all-grid{
    grid-template-columns:1fr!important;
    padding-left:1.2rem!important;
    padding-right:1.2rem!important;
  }
}


/* ══════════════════════════════
   V4 RESPONSIVE BRAND HEADER FIX
   Keeps the ArcStudio wordmark and descriptor complete on desktop/tablet,
   then simplifies cleanly on very small screens instead of clipping text.
══════════════════════════════ */
nav#navbar{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:flex-start!important;
  column-gap:clamp(1rem,2.4vw,3.25rem)!important;
  overflow:visible!important;
}
nav#navbar .logo{
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  flex-shrink:0!important;
}
nav#navbar .logo-text{
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  display:block!important;
}
nav#navbar .logo-meta{
  display:grid!important;
  width:max-content!important;
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
}
nav#navbar .logo-meta-text{
  width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-size:clamp(.48rem,.55vw,.62rem)!important;
  letter-spacing:clamp(.16em,.22vw,.30em)!important;
  line-height:1.2!important;
}
nav#navbar .nav-links{
  justify-content:center!important;
  min-width:0!important;
  padding-top:.55rem!important;
  gap:clamp(1.2rem,2.15vw,2.35rem)!important;
}
nav#navbar .nav-right{
  justify-self:end!important;
  padding-top:.35rem!important;
  min-width:max-content!important;
}

@media(max-width:1180px){
  nav#navbar{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;}
  nav#navbar .logo{min-width:max-content!important;max-width:none!important;}
  nav#navbar .logo-meta{display:grid!important;}
  nav#navbar .logo-meta-text{font-size:.46rem!important;letter-spacing:.16em!important;}
}
@media(max-width:1024px){
  nav#navbar .nav-links,
  nav#navbar .nav-cta{display:none!important;}
  nav#navbar .nav-burger{display:flex!important;}
  nav#navbar .logo-icon{width:34px!important;height:34px!important;}
  nav#navbar .logo{grid-template-columns:34px max-content!important;column-gap:.75rem!important;}
  nav#navbar .logo-meta{grid-template-columns:34px max-content!important;column-gap:.75rem!important;}
  nav#navbar .logo-text{font-size:1.12rem!important;}
}
@media(max-width:760px){
  nav#navbar{padding-inline:1.25rem!important;gap:.8rem!important;}
  nav#navbar .logo-icon{width:32px!important;height:32px!important;}
  nav#navbar .logo{grid-template-columns:32px max-content!important;column-gap:.68rem!important;row-gap:.28rem!important;}
  nav#navbar .logo-meta{grid-template-columns:32px max-content!important;column-gap:.68rem!important;}
  nav#navbar .logo-text{font-size:1rem!important;letter-spacing:.12em!important;}
  nav#navbar .logo-meta-text{font-size:.39rem!important;letter-spacing:.105em!important;}
  nav#navbar .nav-right{gap:.55rem!important;}
  nav#navbar .lang-toggle{height:30px!important;}
  nav#navbar .lang-opt{padding:.25rem .62rem!important;font-size:.5rem!important;}
}
@media(max-width:540px){
  nav#navbar{padding-inline:1rem!important;align-items:center!important;}
  nav#navbar .logo{grid-template-columns:32px max-content!important;grid-template-rows:auto!important;align-items:center!important;}
  nav#navbar .logo-meta{display:none!important;}
  nav#navbar .logo-text{font-size:.98rem!important;letter-spacing:.11em!important;}
  nav#navbar .nav-right{padding-top:0!important;}
}
@media(max-width:380px){
  nav#navbar .logo-icon{width:28px!important;height:28px!important;}
  nav#navbar .logo{grid-template-columns:28px max-content!important;column-gap:.55rem!important;}
  nav#navbar .logo-text{font-size:.86rem!important;letter-spacing:.08em!important;}
  nav#navbar .lang-toggle{transform:scale(.92);transform-origin:right center;}
}
html[dir="rtl"] nav#navbar{
  grid-template-columns:auto minmax(0,1fr) auto!important;
}
html[dir="rtl"] nav#navbar .logo,
html[dir="rtl"] nav#navbar .logo-meta{
  min-width:max-content!important;
  max-width:none!important;
  overflow:visible!important;
}
html[dir="rtl"] nav#navbar .logo-meta-text{
  font-size:.68rem!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
}
@media(max-width:540px){
  html[dir="rtl"] nav#navbar .logo-meta{display:none!important;}
}

/* ARC custom desktop scrollbar — hidden on touch/mobile */
@media (hover: hover) and (pointer: fine) {
  html, body {
    scrollbar-width: thin;
    scrollbar-color: rgba(201,184,154,.55) rgba(20,20,20,.95);
  }

  * {
    scrollbar-width: thin;
    scrollbar-color: rgba(201,184,154,.45) rgba(20,20,20,.75);
  }

  ::-webkit-scrollbar {
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track {
    background: linear-gradient(180deg, #0a0a0a, #141414);
    border-left: 1px solid rgba(201,184,154,.08);
  }

  ::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, rgba(201,184,154,.82), rgba(145,127,95,.72));
    border: 3px solid #141414;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(250,249,247,.08);
  }

  ::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, rgba(232,221,208,.95), rgba(201,184,154,.86));
  }

  ::-webkit-scrollbar-corner {
    background: #0a0a0a;
  }

  [dir="rtl"] ::-webkit-scrollbar-track {
    border-left: none;
    border-right: 1px solid rgba(201,184,154,.08);
  }
}

@media (hover: none), (pointer: coarse), (max-width: 768px) {
  html, body, * {
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  ::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }
}