/* Project portfolio: the homepage's green-on-white identity, in a compact layout. */
.project-identity .page-title{background:#fff;border-bottom:1px solid #dce7dd}.project-identity .page-title h1,.project-identity .page-title h1 em{color:var(--green);font-size:clamp(38px,4.3vw,62px);line-height:1.16;font-weight:500;letter-spacing:-.04em;max-width:1100px;margin-bottom:18px}.project-identity .page-title .page-intro{font-size:18px;line-height:1.7;max-width:800px;margin-top:14px}.project-identity .page-title .eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;margin-bottom:18px}.project-identity .page-title .brand-arrow{width:32px;height:32px}.project-identity .breadcrumb{color:var(--blue);font-size:13px}.project-identity .portfolio-entries{padding-top:8px}.project-identity .portfolio-entries .experience-entry.has-photo{grid-template-columns:minmax(0,1fr) 320px;gap:38px;align-items:start;padding-block:25px;border-color:#d7e4d9}.project-identity .portfolio-entries .experience-entry h2,.project-identity .portfolio-entries .experience-entry h2 span{color:var(--green);font-size:clamp(25px,2.3vw,34px);line-height:1.25;letter-spacing:-.025em;font-weight:500;margin:0 0 10px}.project-identity .portfolio-entries .experience-entry h2 a:hover{color:var(--blue)}.project-identity .experience-entry .project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 12px;font-size:13px;line-height:1.6;color:#68716b;margin:0 0 12px}.project-identity .project-year{unicode-bidi:isolate}.project-identity .meta-divider{color:#9ba89f}.project-identity .flagship-badge{color:var(--green);font-weight:600;border:1px solid #d2e2d4;padding:2px 7px;font-size:11px}.project-identity .portfolio-entries .experience-entry .project-description{font-size:17px;line-height:1.75;color:var(--grey);margin:0}.project-identity .experience-entry .review-note{font-size:13px;line-height:1.65;margin:0 0 10px}.project-identity .portfolio-entries .experience-entry>.experience-photo{grid-column:2;justify-self:end;width:320px;max-width:100%;margin:0}.project-identity .experience-photo-frame,.project-identity .experience-placeholder{aspect-ratio:3/2;position:relative;overflow:hidden}.project-identity .experience-placeholder{background:#fafcfb;border:1px solid #dce6df;color:#8b978f;gap:0}.project-identity .experience-placeholder .brand-arrow{display:none}.project-identity .placeholder-label{font-size:11px;letter-spacing:.01em;font-weight:400}.project-identity .experience-photo figcaption{font-size:10px;color:#7a847e;line-height:1.6;padding-top:7px}.project-identity .building-filters{gap:8px 22px;margin-top:20px;margin-bottom:0;padding-bottom:0;border-bottom:1px solid #dce7dd}.project-identity .building-filters a{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--green);font-size:14px;font-weight:500;padding:9px 0 10px;line-height:1.5}.project-identity .building-filters a.active{background:transparent;color:var(--green);border-color:var(--green);font-weight:700}.project-identity .building-filters a:hover,.project-identity .building-filters a:focus-visible{background:transparent;color:var(--blue);border-bottom-color:var(--blue)}.project-identity .building-filter-status{font-size:12px;margin-top:10px;margin-bottom:14px;color:#7a847e}.project-identity .photo-sector>.brand-arrow{display:none}.project-identity .photo-sector h3{color:var(--green);margin-top:6px}.project-identity .photo-sector:hover h3{color:var(--blue)}.project-identity .portfolio-sector.photo-sector{border-color:#dce7dd}.project-identity .portfolio-entries+.compact-link-panel{background:#f5f8f5}.project-identity .portfolio-entries+.compact-link-panel .text-link{font-size:14px}
html[lang=ar] .project-identity .page-title h1{font-size:clamp(36px,4vw,58px);line-height:1.55;font-weight:700;letter-spacing:0}html[lang=ar] .project-identity .page-title .eyebrow{letter-spacing:0;line-height:1.8}html[lang=ar] .project-identity .page-title .page-intro{line-height:1.9}html[lang=ar] .project-identity .portfolio-entries .experience-entry h2,html[lang=ar] .project-identity .portfolio-entries .experience-entry h2 span{font-weight:700;letter-spacing:0;line-height:1.6}html[lang=ar] .project-identity .portfolio-entries .experience-entry .project-description{line-height:1.95}html[lang=ar] .project-identity .building-filters a{font-weight:700}
@media(max-width:850px){.project-identity .portfolio-entries .experience-entry.has-photo{grid-template-columns:minmax(0,1fr);gap:18px}.project-identity .portfolio-entries .experience-entry>.experience-photo{grid-column:1;justify-self:start;width:300px}.project-identity .page-title h1{font-size:42px}.project-identity .page-title .page-intro{font-size:17px}.project-identity .building-filters{gap:5px 18px}}
@media(max-width:560px){.project-identity .portfolio-entries .experience-entry.has-photo{padding-block:21px;gap:16px}.project-identity .portfolio-entries .experience-entry>.experience-photo{width:280px}.project-identity .page-title h1{font-size:36px;line-height:1.2}.project-identity .portfolio-entries .experience-entry h2,.project-identity .portfolio-entries .experience-entry h2 span{font-size:25px}.project-identity .experience-entry .project-meta{font-size:12px;gap:4px 9px}.project-identity .building-filters{gap:3px 16px}.project-identity .building-filters a{font-size:12px}.project-identity .page-title .eyebrow{font-size:11px}html[lang=ar] .project-identity .page-title h1{font-size:33px}html[lang=ar] .project-identity .portfolio-entries .experience-entry h2,html[lang=ar] .project-identity .portfolio-entries .experience-entry h2 span{font-size:25px}}

.project-identity .page-title{background:var(--blue);color:#fff;border-bottom:0}.project-identity .page-title h1,.project-identity .page-title h1 em,.project-identity .page-title .eyebrow,.project-identity .page-title .breadcrumb{color:#fff}.project-identity .page-title .page-intro{color:#edf3f4}.project-identity .page-title .breadcrumb{border-bottom-color:#ffffff75}.project-identity .page-title .brand-arrow-green{background-color:#fff}.project-identity .page-title .breadcrumb:hover{color:#b9dbbd}
