/* Compact shared rhythm for both language versions. */
.section{padding-block:60px}.inner-page .page-title,.portfolio-page .page-title{padding-top:32px;padding-bottom:38px}.page-title .breadcrumb{margin-bottom:18px}.page-title .eyebrow{margin-bottom:14px}.page-title h1{margin-bottom:18px}.page-title .page-intro{margin-top:16px}.section>.eyebrow{margin-bottom:22px}.section-heading{margin-bottom:30px;gap:45px}.facts{margin-top:35px;padding-top:20px}.content-cards,.delivery-cards{margin-top:28px;gap:28px}.card-number{margin-bottom:12px}.content-cards article,.delivery-cards article{padding-top:16px}.content-cards p,.delivery-cards p{margin-block:12px}.principles{gap:32px}.principles span{margin-bottom:14px}.principles p{margin-bottom:0}.process{margin-top:30px;padding-top:20px}.section-more{margin-top:22px}.project-head{padding-bottom:30px}.project-info{padding-top:25px;padding-bottom:32px}.project figure img{height:560px}.vision-copy{padding-block:48px}.vision-image{min-height:520px}.vision-signoff{margin-top:20px}.signature{height:110px;width:190px}.vision-copy a[href="vision.html"],html[lang=ar] .vision-copy a[href="ar-vision.html"]{margin-top:24px}.portfolio-sectors{margin:26px 0;gap:20px}.portfolio-sector.photo-sector{gap:12px;padding-bottom:20px}.photo-sector .sector-photo{aspect-ratio:16/9}.photo-sector .brand-arrow{margin-top:2px}.portfolio-flagship{gap:35px}.portfolio-flagship img{max-height:380px;object-fit:cover}.portfolio-entries{padding-top:12px;padding-bottom:30px}.portfolio-entries .experience-entry{padding-block:25px}.portfolio-entries .experience-entry .eyebrow{margin-bottom:12px}.portfolio-entries .experience-entry h2{margin-top:6px;margin-bottom:12px}.portfolio-entries .experience-entry p{margin-block:10px}.portfolio-entries .experience-entry .eyebrow{margin-top:0;margin-bottom:12px}.portfolio-entries .experience-entry dl{margin-top:12px}.experience-entry dd{margin-block:2px}.building-filters{margin-top:24px}.building-filter-status{margin-top:12px;margin-bottom:12px}.section.compact-link-panel{padding-top:22px;padding-bottom:22px}.compact-link-panel>.eyebrow{margin-bottom:8px}.compact-link-panel .text-link{margin:0;padding-block:5px}.page-cta{padding-block:36px}.detail-project-image>img{max-height:500px}.founder-letter h2{margin-bottom:20px}.prose-grid h3{margin-top:20px}.org-top{margin-block:28px}.department-grid{gap:20px}.department-grid article{padding:22px}.department-grid ul{margin-block:12px}.profile-facts{gap:24px}.image-credit-list{gap:28px}footer{padding-top:26px;padding-bottom:24px}.footer-copyright{margin-top:8px}
@media(max-width:800px){.section{padding-block:42px}.inner-page .page-title,.portfolio-page .page-title{padding-top:26px;padding-bottom:30px}.section>.eyebrow{margin-bottom:18px}.section-heading{margin-bottom:24px}.section-heading>p{margin-top:16px}.about-grid,.prose-grid,.contact-grid,.founder-story,.vision-statements{gap:25px}.facts{margin-top:26px}.content-cards,.delivery-cards{gap:24px;margin-top:24px}.vision-copy{padding-block:38px}.vision-image{min-height:320px}.project figure img{height:600px}.project-info{gap:20px}.portfolio-entries .experience-entry{padding-block:22px}.portfolio-entries{padding-top:10px;padding-bottom:20px}.section.compact-link-panel{padding-block:18px}.compact-link-panel>.eyebrow{margin-bottom:6px}.page-cta{padding-block:28px}.page-cta .button{margin-top:18px}.detail-project-image>img{max-height:340px}.portfolio-flagship{gap:24px}.portfolio-sectors{gap:16px}.image-credit-list{gap:24px}footer{padding-top:22px;padding-bottom:22px}}
@media(max-width:480px){.section{padding-block:34px}.inner-page .page-title,.portfolio-page .page-title{padding-block:24px}.section.compact-link-panel{padding-block:16px}.portfolio-entries .experience-entry{padding-block:20px}.portfolio-entries{padding-top:8px;padding-bottom:18px}.portfolio-sector.photo-sector{padding-bottom:18px}.photo-sector>*:not(.sector-photo){margin-inline:20px}.profile-facts{gap:20px}.department-grid article{padding:20px}}
#expertise{padding-top:48px;padding-bottom:48px}#expertise .section-heading{margin-bottom:24px}
@media(max-width:800px){#expertise{padding-top:36px;padding-bottom:36px}}
/* Return-to-sectors link follows the requested language-specific placement. */
html[lang=en] .portfolio-page .portfolio-entries+section.compact-link-panel{text-align:right}
html[lang=ar] .portfolio-page .portfolio-entries+section.compact-link-panel{text-align:left}

/* Keep the original moving image smaller and balanced on the right. */
.project>figure{background:var(--blue)}
.project>figure>img{width:82%;margin-left:auto;height:clamp(560px,42vw,780px);object-position:center 60%;transform-origin:right center;mask-image:linear-gradient(90deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%)}
@media(prefers-reduced-motion:no-preference){.project>figure>img{scale:1.03}}

.detail-project-image>img{height:auto;max-height:650px;object-fit:contain;background:var(--blue);scale:1;translate:0;transform:none}
.project-identity #saray-mall .experience-photo-frame img{object-fit:cover;object-position:center;background:none}
@media(max-width:800px){.project>figure>img{width:100%;height:600px;object-position:65% center;mask-image:none;-webkit-mask-image:none}.detail-project-image>img{max-height:none;width:100%}}

/* One slow zoom replaces competing hover and scroll image movements. */
.project>figure>img,.project>figure:hover>img{transform:none;translate:none;transition:none}
@media(prefers-reduced-motion:no-preference){.project>figure>img{animation:saray-gentle-zoom 18s linear infinite alternate;will-change:scale}}
@keyframes saray-gentle-zoom{from{scale:1.015}to{scale:1.085}}
@media(prefers-reduced-motion:reduce){.project>figure>img{animation:none;scale:1}}

/* The original wide composition fills the Saray detail image without side panels. */
.saray-detail-page .detail-project-image>img{width:100%;height:clamp(420px,44vw,880px);max-height:none;object-fit:cover;object-position:center 60%;background:none}
@media(max-width:600px){.saray-detail-page .detail-project-image>img{height:420px;object-position:68% center}}

/* Solid brand-green contact button shared by both language headers. */
header nav a.nav-contact{background:var(--green);border-color:var(--green);color:#fff}
header nav a.nav-contact:hover,header nav a.nav-contact:focus-visible{background:var(--blue);border-color:var(--blue);color:#fff;text-decoration:none}

@media(min-width:801px){.saray-detail-page .profile-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}