/* Public project imagery, October 2026. */
.portfolio-sector.photo-sector{padding:0 0 25px;overflow:hidden;position:relative;gap:16px;background:#fff}.photo-sector>*:not(.sector-photo){margin-inline:25px}.photo-sector .brand-arrow{width:27px;height:27px;margin-top:5px}.photo-sector h3{font-size:clamp(22px,1.9vw,29px)}.sector-photo{width:100%;aspect-ratio:16/10;overflow:hidden}.sector-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease}.photo-sector:hover .sector-photo img{transform:scale(1.045)}.photo-sector>span:last-of-type{font-size:14px;color:#58666a}.illustration-tag{font-size:12px;color:#596a60}.image-credits-link{font-size:13px;margin-top:10px}.image-credits-link a{text-decoration:underline;text-underline-offset:4px;color:#437d4b}.experience-entry.has-photo{max-width:1300px;grid-template-columns:45px minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start}.experience-photo{margin:0;min-width:0}.experience-photo-frame{overflow:hidden;background:#eaf3eb}.experience-photo img{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;transition:transform 1.5s ease}.experience-photo figcaption{font-size:11px;line-height:1.65;color:#56636a;padding-top:10px}.experience-photo figcaption a{text-decoration:underline;text-underline-offset:3px}.experience-sector-hero{margin:0 7% 40px;max-width:1300px}.experience-sector-hero img{max-height:560px;width:100%;object-fit:cover}.image-credit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:50px}.image-credit-list .experience-photo img{height:270px;object-fit:contain}.experience-home .photo-sector h3{max-width:100%}
@media(min-width:1500px){.experience-sector-hero{margin-inline:auto}}
@media(max-width:850px){.experience-entry.has-photo{grid-template-columns:35px minmax(0,1fr);gap:20px}.experience-entry.has-photo>.experience-photo{grid-column:2}.image-credit-list{gap:25px}}
@media(max-width:560px){.experience-entry.has-photo{grid-template-columns:25px minmax(0,1fr);gap:12px}.image-credit-list{grid-template-columns:1fr}.experience-sector-hero{margin-inline:6%}.experience-photo figcaption{font-size:11px}.sector-photo{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){.sector-photo img,.experience-photo img{transition:none}}
.experience-photo figcaption{position:static;inset:auto;max-width:none;width:auto;background:transparent;color:#56636a;padding:10px 0 0;z-index:auto}

/* Keep project rows on one consistent grid, with or without imagery. */
.portfolio-entries .experience-entry{max-width:1300px;width:100%;grid-template-columns:45px minmax(0,1fr);gap:30px;align-items:start}.portfolio-entries .experience-entry.has-photo{grid-template-columns:45px minmax(0,1fr) minmax(0,1fr)}.portfolio-entries .experience-entry>div{min-width:0}.portfolio-entries .experience-entry h2{font-size:clamp(25px,2.55vw,37px);line-height:1.3;letter-spacing:-.025em;margin:12px 0 22px}.portfolio-entries .experience-entry .eyebrow{margin-bottom:24px}.keep-together{white-space:nowrap}.experience-photo .compact-source{font-size:10px;line-height:1.5;padding-top:7px}html[lang=ar] .portfolio-entries .experience-entry h2{letter-spacing:0;line-height:1.65}
@media(max-width:850px){.portfolio-entries .experience-entry,.portfolio-entries .experience-entry.has-photo{grid-template-columns:35px minmax(0,1fr);gap:20px}.portfolio-entries .experience-entry.has-photo>.experience-photo{grid-column:2}}
@media(max-width:560px){.portfolio-entries .experience-entry,.portfolio-entries .experience-entry.has-photo{grid-template-columns:25px minmax(0,1fr);gap:12px}.portfolio-entries .experience-entry h2{font-size:25px}}

.experience-entry .project-reference{font-size:11px;line-height:1.6;color:#62716b;margin:18px 0 0}.project-reference a{text-decoration:underline;text-underline-offset:3px}.experience-entry .project-description{line-height:1.8}html[lang=ar] .experience-entry .project-description{line-height:2}

/* Compact and consistent media column for every project entry. */
.portfolio-entries .experience-entry.has-photo{grid-template-columns:45px minmax(0,1fr) minmax(230px,320px);gap:30px}.portfolio-entries .experience-entry>.experience-photo{width:100%;max-width:320px;justify-self:end}.portfolio-entries .experience-photo-frame{aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;background:#f1f5f1}.portfolio-entries .experience-photo img{width:100%;height:100%;max-height:214px;object-fit:contain}.experience-placeholder{aspect-ratio:3/2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:#eaf3eb;border:1px solid #cadbcf;color:#63756a}.experience-placeholder .brand-arrow{width:30px;height:30px;margin:0;opacity:.5}.placeholder-label{font-size:12px;text-align:center;padding:0 15px}.portfolio-entries .experience-entry h2{font-size:clamp(25px,2.3vw,34px)}
@media(max-width:850px){.portfolio-entries .experience-entry.has-photo{grid-template-columns:35px minmax(0,1fr);gap:20px}.portfolio-entries .experience-entry>.experience-photo{grid-column:2;justify-self:start;max-width:300px}.portfolio-entries .experience-photo img{max-height:200px}}
@media(max-width:560px){.portfolio-entries .experience-entry.has-photo{grid-template-columns:25px minmax(0,1fr);gap:12px}.portfolio-entries .experience-entry>.experience-photo{max-width:280px}.portfolio-entries .experience-photo img{max-height:187px}.portfolio-entries .experience-entry h2{font-size:25px}}
.experience-sector-hero{width:86%;max-width:1000px;margin:0 auto 35px}.experience-sector-hero img{max-height:360px}
/* Uniform project media size, including placeholders. */
.portfolio-entries .experience-entry>.experience-photo{width:320px;max-width:100%;min-width:0}.portfolio-entries .experience-photo-frame,.portfolio-entries .experience-placeholder{position:relative;width:100%;height:auto;aspect-ratio:3/2;overflow:hidden}.portfolio-entries .experience-photo-frame img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}.portfolio-entries .experience-placeholder{box-sizing:border-box}
@media(max-width:850px){.portfolio-entries .experience-entry>.experience-photo{width:300px;max-width:100%}}
@media(max-width:560px){.portfolio-entries .experience-entry>.experience-photo{width:280px;max-width:100%}}

.sector-photo.experience-placeholder{aspect-ratio:16/10;border:0;width:100%;margin:0}.sector-photo.experience-placeholder .brand-arrow{margin:0;width:30px;height:30px}

.building-filters{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px;margin:35px 7% 0;font-size:14px}.building-filters a{padding:9px 15px;border:1px solid #bfd0c2;color:var(--green);white-space:normal}.building-filters a:hover,.building-filters a.active{background:var(--green);border-color:var(--green);color:#fff}.building-filter-status{margin:16px 7% 20px;font-size:13px;color:#64726a}.experience-entry[hidden]{display:none!important}.sector-project-link{display:inline-block;margin-top:20px;margin-inline-end:20px}.experience-photo-frame>a{display:block;width:100%;height:100%}.experience-number .brand-arrow{width:28px;height:28px;margin:0}.content-cards h3 a:hover{color:var(--green)}
@media(max-width:560px){.building-filters{gap:8px;font-size:12px}.building-filters a{padding:8px 10px}}