/* Single-page profile, original palette and photo presentation. */
.hero{background:#282c24;color:#fffaf0;isolation:isolate}
.hero-bg{background:none;pointer-events:none}
.hero-bg img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:hero-settle 4s cubic-bezier(.2,.65,.3,1) both}
.hero-fade{pointer-events:none;background:linear-gradient(180deg,rgba(20,24,18,.36),rgba(20,24,18,.58) 55%,rgba(20,24,18,.78)),radial-gradient(ellipse at center,rgba(20,24,18,.28),transparent 75%)}
.hero-mark{color:#e3ddc4;width:76px;height:88px;margin-bottom:1.7rem}
.hero-h1{text-shadow:0 2px 24px rgba(0,0,0,.18)}
.hero-h1 em{color:#e4dfbd}
.hero-p{color:#f3efe6}
.hero .btn-p{background:#e4dfbd;color:#292f23;border-color:#e4dfbd}
.hero .btn-p:hover{background:#f5f0d6;border-color:#f5f0d6}
.hero .btn-s{color:#fffaf0;border-color:rgba(255,250,240,.65);background:rgba(20,24,18,.25)}
.hero .btn-s:hover{background:rgba(255,250,240,.16);border-color:#fffaf0}
.hero .tag{color:#f3efe6;background:rgba(20,24,18,.38);border-color:rgba(255,250,240,.3)}
.hero :focus-visible{outline-color:#fffaf0}
.hero .sd{background:linear-gradient(to bottom,#e4dfbd,transparent);animation-iteration-count:2}
@keyframes hero-settle{from{transform:scale(1.065)}to{transform:scale(1)}}
@media(prefers-reduced-motion:no-preference){
  .hero-in> *{animation-duration:1.1s;animation-timing-function:cubic-bezier(.16,1,.3,1)}
  .motion .rev,.motion .stag>*{transition-timing-function:cubic-bezier(.16,1,.3,1)}
  .motion .stag.on>*:nth-child(n+7){transition-delay:.54s}
  .profile-card,.project-card{transition:transform .35s ease,box-shadow .35s ease,background .25s ease}
  .btn,.filter-btn{transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}
  @media(hover:hover){
    .profile-card:hover,.project-card:hover{transform:translateY(-5px);box-shadow:0 14px 32px -20px rgba(43,48,37,.35)}
    .btn:hover,.filter-btn:hover{transform:translateY(-2px)}
  }
}
@media(max-width:620px){.hero-bg img{object-position:43% center}.hero-mark{width:60px;height:70px}.hero-tags{margin-top:2rem}}
@media(prefers-reduced-motion:reduce){.hero-bg img{animation:none}.hero .sd{animation:none}}
html{scroll-padding-top:var(--nav-h)}
section[id],article[id],.hero[id]{scroll-margin-top:0}
section[id]:focus,article[id]:focus,.hero[id]:focus{outline:none}
.soft-section{background:var(--surf);border-block:1px solid var(--border)}
.profile-grid{gap:1px;background:var(--border);border:1px solid var(--border);margin-top:2.2rem}
.profile-card{background:var(--bg);padding:2rem;min-width:0}
.soft-section .profile-card{background:var(--surf)}
.profile-card h3{font-size:1.08rem;line-height:1.65;color:var(--olive);margin-bottom:.7rem}
.profile-card .lead{font-size:.92rem}
.profile-list{list-style:none;margin-top:1.7rem;max-width:940px}
.profile-list li{padding:1rem 0;border-bottom:1px solid var(--border);color:var(--muted);display:flex;gap:1rem}
.profile-list li::before{content:'—';color:var(--sage)}
.profile-list li:last-child{border-bottom:0}
#philosophy .lead,#quality .lead{max-width:940px;margin-bottom:1rem}
.division-overview{margin-bottom:2.5rem}
.division-overview a{text-decoration:none;transition:background .2s}
.division-overview a:hover{background:var(--surf)}
.service-scope{margin-top:1.5rem;border-top:1px solid var(--border)}
.service-scope summary{padding:1rem 0;cursor:pointer;color:var(--olive);font-weight:600}
.service-scope .div-ul{margin-top:0}
.div-p+.div-p{margin-top:1rem}
.photo-art{aspect-ratio:4/3}
.photo-art::before{display:none}
.photo-art img{width:100%;height:100%;opacity:1;object-fit:cover}
.div-row:hover .photo-art img{transform:scale(1.025)}
.photo-art .art-c{background:var(--bg);color:var(--olive);padding:.4rem .7rem;inset-inline-start:1rem;top:1rem}
.about-photo{grid-column:1/-1;overflow:hidden;margin-top:1rem}
.about-photo img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
.gallery-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0 1.6rem}
.filter-btn{border:1px solid var(--border);padding:.55rem 1.2rem;background:transparent;color:var(--olive);cursor:pointer;border-radius:2px}
.filter-btn[aria-pressed=true]{background:var(--olive);border-color:var(--olive);color:#fff}
.project-grid{gap:1.7rem;margin-top:2rem}
.project-card{min-width:0;background:var(--bg);border:1px solid var(--border)}
.project-image{display:block;position:relative;overflow:hidden;aspect-ratio:16/10}
.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}
.project-image:hover img{transform:scale(1.035)}
.image-action{position:absolute;inset-inline-end:.8rem;inset-block-end:.8rem;background:var(--bg);color:var(--olive);padding:.3rem .8rem;font-size:.75rem}
.project-card figcaption{padding:1.2rem 1.4rem}
.project-card .eyebrow{margin-bottom:.4rem;font-size:.65rem}
.project-card h3{font-size:1rem;color:var(--olive)}
[hidden]{display:none!important}
.nav-l{gap:clamp(.7rem,1.5vw,1.6rem)}
.nav-l a[aria-current=location]{color:var(--olive);text-decoration:underline;text-underline-offset:.45rem}
.f-nav{gap:1rem 1.5rem}
.f-bot a{color:var(--sage-l);text-decoration:none}
#image-dialog{margin:auto;width:min(1100px,94vw);max-height:94dvh;overflow:auto;padding:1.2rem;border:1px solid var(--border);background:var(--bg);color:var(--text)}
#image-dialog::backdrop{background:rgba(20,24,18,.86)}
.lightbox-toolbar{display:flex;justify-content:flex-end;margin-bottom:1rem}
#lightbox-image{display:block;width:100%;height:min(64vh,700px);object-fit:contain}
#lightbox-caption{text-align:center;margin-top:.75rem;color:var(--muted)}
.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem}
.lightbox-controls .btn{padding:.6rem 1rem}
.dialog-open{overflow:hidden}
#image-position{direction:ltr;white-space:nowrap}
@media(max-width:620px){.profile-card{padding:1.5rem}.project-grid{gap:1.25rem}.lightbox-controls .btn{font-size:.75rem;padding:.5rem}.gallery-filters{gap:.4rem}.filter-btn{font-size:.85rem;padding:.5rem .7rem}}

.profile-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.profile-feature img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
@media(max-width:1000px){.profile-feature{grid-template-columns:1fr}.profile-feature img{aspect-ratio:16/10}}

/* Compact editorial layout. Logical spacing keeps Arabic and English in sync. */
:root{--nav-h:70px}
section{padding:48px clamp(20px,5vw,72px)}
.wrap{width:100%}.eyebrow{margin-bottom:10px;color:var(--olive-m);font-weight:500}
.h2{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.35}
.lead{font-size:.95rem;line-height:1.8;font-weight:400}
.d-head{max-width:none;margin-bottom:24px}.d-head .lead{margin-top:10px}.rule{display:none}
#nav{backdrop-filter:blur(16px);background:rgba(251,250,246,.94)}
.language,.nav-btn{border-radius:30px}.btn{padding:.72rem 1.45rem;border-radius:40px}
.hero{min-height:0;height:620px;margin:82px 12px 0;border-radius:8px 8px 48px 8px;padding:52px clamp(24px,6vw,90px) 100px;text-align:start;justify-content:flex-start}
.hero-in{width:100%;max-width:670px}.hero-in .eyebrow{color:#e4dfbd;animation:fu .9s both}
.hero-h1{font-size:clamp(2.3rem,4.6vw,4.15rem);line-height:1.22;margin-bottom:20px}
.hero-p{margin:0 0 24px;max-width:460px;line-height:1.8;font-size:1rem;font-weight:400}
.hero-btns{justify-content:flex-start}.hero-fade{background:linear-gradient(90deg,rgba(16,23,17,.88),rgba(16,23,17,.48) 50%,rgba(16,23,17,.07))}
[dir=rtl] .hero-fade{transform:scaleX(-1)}
.hero-bg{inset:-22px 0;transform:translateY(var(--hero-shift,0px));will-change:transform}
.hero-bg img{object-position:center 55%}
.hero-caption{position:absolute;inset-inline:clamp(24px,6vw,90px);bottom:24px;display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff40;padding-top:16px;font-size:.8rem;color:#f3efe6}
.hero-caption>span:first-child{font-family:'Jost',sans-serif;direction:ltr;color:#e4dfbd}.hero-caption a{margin-inline-start:auto;color:inherit;text-decoration:none}
.service-deck{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}
.div-row,.div-row:last-child{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--border);border-radius:8px 32px 8px 8px;overflow:hidden;background:linear-gradient(140deg,#fff,var(--surf));position:relative;transition:box-shadow .35s,transform .35s}
.div-row:nth-child(2){border-radius:32px 8px 8px 8px}.div-row:nth-child(3){border-radius:8px 8px 32px 8px}
.div-row>div:not(.div-art){padding:20px;width:100%}.div-row .div-art{order:0;width:100%;aspect-ratio:auto;height:178px;border:0;border-radius:0;overflow:hidden}
.photo-art img{object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.photo-art .art-c{font-size:.58rem;border-radius:20px;background:#fbfaf6e8;backdrop-filter:blur(8px)}
.div-num{position:absolute;inset-block-start:140px;inset-inline-end:16px;font-size:1rem;width:48px;height:48px;border-radius:50%;justify-content:center;background:var(--olive);color:var(--bg);border:4px solid var(--bg);margin:0;z-index:1;letter-spacing:0}
.div-num:after{display:none}.div-t{font-size:1.25rem;margin:0 0 8px}.div-p{font-size:.9rem;line-height:1.75;margin:0;color:var(--muted)}
.service-scope{margin-top:16px}.service-scope summary{font-size:.85rem;padding:10px 0 0;min-height:36px}.service-scope .div-ul{display:block;padding-top:12px}.div-ul li{font-size:.85rem;line-height:1.65;padding-block:6px}
summary{cursor:pointer}summary::marker{color:var(--sage)}
#projects{background:var(--olive-d);color:var(--bg)}#projects .h2{color:var(--bg)}#projects .eyebrow{color:var(--sage-l)}#projects .lead{color:#d2d6c9}
.gallery-filters{margin:16px 0 10px;gap:8px}.filter-btn{border-radius:40px;border-color:#78806e;color:#e8ebdf;padding:8px 18px;min-height:44px}
.filter-btn[aria-pressed=true]{background:var(--sand);color:var(--olive-d);border-color:var(--sand)}
.gallery-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b9c0a9;font-size:.8rem;margin-block:8px 16px}
.gallery-arrows{display:flex;gap:8px}.gallery-arrows button{width:42px;height:42px;border:1px solid #78806e;border-radius:50%;background:transparent;color:var(--bg);cursor:pointer;transition:background .2s,transform .2s}
[dir=rtl] .gallery-arrows button{transform:scaleX(-1)}.gallery-arrows button:hover{background:var(--olive-m)}
.project-grid{display:flex;gap:18px;margin:0;padding:0 0 16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--sage) #414939}
.project-card{flex:0 0 calc((100% - 36px)/3);position:relative;border:0;border-radius:8px 28px 8px 8px;overflow:hidden;background:#171d16;scroll-snap-align:start}
.project-card:nth-child(even){border-radius:28px 8px 8px 8px}
.project-image{aspect-ratio:4/3}.project-image:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#10180fea);pointer-events:none}
.project-card figcaption{position:absolute;inset-inline:18px;bottom:18px;padding:0;pointer-events:none}.project-card h3{color:#fff;font-size:1rem}.project-card .eyebrow{font-size:.58rem;margin-bottom:4px}
.image-action{inset-block-start:14px;inset-block-end:auto;inset-inline-end:14px;border-radius:30px;font-size:.68rem;background:#fbfaf6ed;z-index:1}
.project-card:hover{box-shadow:none!important;transform:none!important}.project-image:hover img{transform:scale(1.075)}
#gallery-status{font-size:.75rem;color:var(--sage-l);margin-top:8px}
.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.studio-intro .lead{margin-top:18px;max-width:470px}
.studio-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.studio-facts>div{border-inline-start:1px solid var(--border);padding-inline-start:14px}
.studio-facts b{display:block;font:300 2rem 'Jost',sans-serif;color:var(--olive)}.studio-facts span{display:block;font-size:.75rem;line-height:1.7;color:var(--muted)}
.studio-detail{border-bottom:1px solid var(--border);scroll-margin-top:90px}.studio-detail summary{padding:13px 0;font-size:.95rem;font-weight:600;color:var(--olive)}
.studio-detail[open] summary{color:var(--olive-m)}.detail-body{padding:0 0 18px;font-size:.9rem;line-height:1.8;color:var(--muted)}.detail-body h3{font-size:.92rem;color:var(--olive);margin-top:10px}
#why.studio-detail{background:transparent;color:var(--text);overflow:visible}#why.studio-detail::before{display:none}
.value-chips{display:flex;gap:8px;flex-wrap:wrap}.value-chips span{border:1px solid var(--border);border-radius:24px;padding:4px 12px}
.process-track{display:grid;gap:0;padding-bottom:16px}.process-track .profile-card{padding:10px 0 10px 18px;border-inline-start:2px solid var(--sage);background:transparent;box-shadow:none;transform:none}
.process-track .profile-card h3{margin-bottom:2px;font-size:.9rem}.process-track .lead{font-size:.83rem;line-height:1.7}
#contact{background:var(--bg)}.c-g{gap:48px;align-items:start}.c-g .lead{margin-top:14px}.c-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.c-item{gap:10px;padding:0;border:0}.c-ico{width:30px;height:30px;flex-shrink:0}.c-lbl{font-size:.65rem}.c-val{font-size:.85rem}
#req-form{gap:0;padding:24px;background:linear-gradient(130deg,var(--surf),#fff);border:1px solid var(--border);border-radius:8px 32px 8px 8px;box-shadow:0 16px 40px -30px #3c423540}
.f-row{gap:12px}.f-g{margin-bottom:12px}.f-g label{font-size:.76rem;margin-bottom:5px}.f-g input,.f-g select,.f-g textarea{padding:9px 12px;font-size:.88rem;border-radius:6px;background:#fff;min-height:42px}.f-g textarea{height:76px;min-height:76px}.f-note{font-size:.72rem;margin-top:8px;line-height:1.6}
footer{padding:24px clamp(20px,5vw,72px)}.f-top{padding-bottom:16px;margin-bottom:0;gap:20px}.f-bot{padding-top:16px}.f-nav{gap:12px 22px}.f-nav a{font-size:.8rem}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.div-row:hover{transform:translateY(-5px);box-shadow:0 18px 32px -22px #3c423560}.div-row:hover img{transform:scale(1.06)}}
@media(prefers-reduced-motion:no-preference){
 .motion .rev{transition:opacity .75s ease,transform .75s cubic-bezier(.16,1,.3,1)}
 .service-deck .rev:nth-child(2){transition-delay:.09s}.service-deck .rev:nth-child(3){transition-delay:.18s}
 .studio-detail[open] .detail-body,.studio-detail[open] .process-track{animation:fu .35s both}
 .project-card.filter-enter{animation:fu .45s both}
}
@media(max-width:1000px){.hero{height:570px}.studio-grid{gap:32px}.service-deck{gap:12px}.div-row>div:not(.div-art){padding:16px}.div-t{font-size:1.08rem}.c-g{gap:24px;grid-template-columns:1fr 1fr}.c-list{grid-template-columns:1fr}.project-card{flex-basis:45%}}
@media(max-width:620px){
 section{padding:32px 20px}.hero{height:530px;margin:78px 8px 0;padding:32px 20px 96px;border-end-end-radius:32px}.hero-h1{font-size:2.15rem}.hero-p{font-size:.9rem;max-width:310px}.hero-in .eyebrow{font-size:.65rem}.hero-btns{gap:8px}.hero .btn{font-size:.8rem;padding:10px 16px}.hero-caption{inset-inline:20px;gap:8px;font-size:.65rem;flex-wrap:wrap}.hero-caption a{width:100%;margin:0}.hero-fade{background:linear-gradient(90deg,#101711dc,#10171180)}
 .service-deck{grid-template-columns:1fr;gap:14px}.div-row,.div-row:nth-child(n){border-radius:8px 24px 8px 8px;display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch}.div-row .div-art{height:100%;min-height:195px;position:relative}.div-row .art-c{display:none}.div-row>div:not(.div-art){padding:16px}.div-num{inset-inline-start:10px;inset-inline-end:auto;inset-block-start:12px;width:34px;height:34px;font-size:.75rem;border-width:2px}.div-t{font-size:1.05rem}.div-p{font-size:.8rem;line-height:1.7}.service-scope{margin-top:10px}.service-scope summary{font-size:.78rem}.service-scope .div-ul li{font-size:.8rem}
 .project-card{flex-basis:86%}.project-image{aspect-ratio:1.15}.gallery-filters{gap:6px}.filter-btn{padding:6px 12px;font-size:.78rem}.gallery-tools{font-size:.7rem}.gallery-arrows button{width:38px;height:38px}.project-grid{gap:12px}.d-head{margin-bottom:18px}
 .studio-grid,.c-g{grid-template-columns:1fr;gap:24px}.studio-facts{margin-top:18px}.studio-detail summary{padding:12px 0}.c-list{grid-template-columns:1fr 1fr}.c-item{gap:6px}.c-val{font-size:.77rem}.c-ico{width:24px;height:24px}#req-form{padding:18px}.f-row{grid-template-columns:1fr 1fr}.f-g select{font-size:.78rem}.f-top{align-items:flex-start}.f-nav{flex-wrap:wrap;gap:8px 16px}.f-bot{font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){.hero-bg{transform:none;will-change:auto}.hero-h1,.hero-p,.hero-btns{opacity:1}}