.shape-collaboration { background:#f6f6f4; border-top:1px solid rgba(201,149,46,.28); border-bottom:1px solid rgba(201,149,46,.28); padding:42px 24px; }
.shape-collaboration__inner { width:min(1120px,100%); margin:0 auto; display:flex; align-items:center; justify-content:center; gap:34px; text-align:left; }
.shape-collaboration__mark { flex:0 0 auto; color:#c9952e; font:800 19px/1.25 Montserrat,Arial,sans-serif; letter-spacing:.11em; text-transform:uppercase; padding-right:34px; border-right:3px solid #c9952e; text-shadow:0 1px 0 rgba(255,255,255,.5); }
.shape-collaboration__copy { max-width:700px; color:#282828; font:600 19px/1.55 Montserrat,Arial,sans-serif; }
.facade-project { background:#161616; color:#f7f7f4; padding:82px 24px 88px; }
.facade-project__inner { width:min(1180px,100%); margin:0 auto; }
.facade-project__eyebrow { color:#c9952e; font:800 13px/1.3 Montserrat,Arial,sans-serif; letter-spacing:.16em; text-transform:uppercase; margin-bottom:14px; }
.facade-project h2 { margin:0; max-width:850px; color:#fff; font:400 clamp(34px,5vw,62px)/1.08 Italiana,Georgia,serif; }
.facade-project__lead { max-width:850px; margin:22px 0 42px; color:#d7d7d2; font:500 18px/1.7 Montserrat,Arial,sans-serif; }
.facade-project__gallery { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.facade-project__image { margin:0; overflow:hidden; background:#242424; display:flex; flex-direction:column; }
.facade-project__image img { width:100%; height:330px; display:block; object-fit:cover; transition:transform .45s ease; }
.facade-project__image:hover img { transform:scale(1.025); }
.facade-project__image figcaption { position:relative; padding:16px 18px 18px; color:#f1f1ed; border-top:2px solid #c9952e; font:600 14px/1.45 Montserrat,Arial,sans-serif; letter-spacing:.015em; }
.facade-project__partner { display:flex; align-items:baseline; gap:18px; margin-top:30px; padding-top:24px; border-top:1px solid rgba(201,149,46,.4); font-family:Montserrat,Arial,sans-serif; }
.facade-project__partner span { color:#aaa; font-size:12px; letter-spacing:.14em; text-transform:uppercase; }
.facade-project__partner strong { color:#c9952e; font-size:18px; }
@media (max-width:800px) {
  .shape-collaboration { padding:34px 20px; }
  .shape-collaboration__inner { display:block; text-align:center; }
  .shape-collaboration__mark { display:inline-block; padding:0 0 12px; margin-bottom:14px; border-right:0; border-bottom:2px solid #c9952e; }
  .shape-collaboration__copy { font-size:16px; }
  .facade-project { padding:58px 18px 64px; }
  .facade-project__lead { font-size:16px; }
  .facade-project__gallery { grid-template-columns:repeat(2,1fr); }
  .facade-project__image img { height:290px; }
}
@media (max-width:520px) {
  .facade-project__gallery { display:block; }
  .facade-project__image { margin-bottom:12px; }
  .facade-project__image img { height:320px; }
  .facade-project__partner { align-items:flex-start; flex-direction:column; gap:8px; }
}