/* Brand-wide city context, separate from the project collection imagery. */
.hero.hero-city{padding:56px 0 48px}.hero-city .hero-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:48px;align-items:center}.hero-city .hero-copy{min-width:0}.hero-city h1{font-size:clamp(42px,4.8vw,68px);line-height:1.08;letter-spacing:-.025em;max-width:11ch;margin-top:0}.hero-city .hero-copy>p{max-width:35ch;font-size:1rem;line-height:1.75}.hero-city .hero-actions{gap:16px 24px;flex-wrap:wrap}.hero-city .hero-visual{margin:0;min-height:0;padding:0;background:transparent;border-radius:0;overflow:visible}.hero-city picture{display:block;aspect-ratio:3/2;overflow:hidden}.hero-city .hero-visual picture img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:50% 57%;filter:none;mix-blend-mode:normal}.city-caption{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.72rem;line-height:1.6;color:var(--muted);padding-top:12px}.city-caption a{color:inherit}.hero-city .hero-visual>p{font-size:.74rem;line-height:1.6;margin:7px 0 0}.hero-city .eyebrow{margin-bottom:20px}
html[lang="fr"] .hero-city h1{max-width:12ch}html[lang="sw"] .hero-city h1,html[lang="so"] .hero-city h1{max-width:14ch;font-size:clamp(40px,4.4vw,60px);line-height:1.18}html[lang="zh-Hans"] .hero-city h1{font-family:var(--zh-ui);font-size:clamp(40px,4vw,56px);font-weight:500;line-height:1.3;letter-spacing:0;max-width:12em}html[lang="zh-Hans"] .hero-city .hero-copy>p{max-width:30em;line-height:1.85}
@media(max-width:900px){.hero-city .hero-grid{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.hero-city h1{font-size:48px}}
@media(max-width:640px){.hero.hero-city{padding:30px 0 36px}.hero-city .hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}.hero-city h1{font-size:clamp(36px,10vw,44px);max-width:14ch}.hero-city .hero-copy>p{max-width:34ch}.hero-city .hero-actions{align-items:flex-start}.hero-city picture{aspect-ratio:4/3}.hero-city .hero-visual picture img{object-position:center}.city-caption{display:block}.city-caption a{display:block;margin-top:4px}html[lang="zh-Hans"] .hero-city h1{font-size:clamp(30px,8.5vw,36px);line-height:1.35}html[lang="sw"] .hero-city h1,html[lang="so"] .hero-city h1{font-size:clamp(32px,9vw,40px)}}