/* People: founder photo on About, faces in joint offers and the specialist grid on Working Together */

/* About: square portrait beside the founder text */
#founder .founder-layout.has-photo{display:grid!important;grid-template-columns:minmax(220px,360px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start}
#founder .founder-photo{margin:0}
#founder .founder-photo img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
#founder .founder-main{display:flex;flex-direction:column;gap:20px;min-width:0}
#founder .has-photo .founder-copy{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 28px!important;columns:auto!important}
#founder .has-photo .founder-copy p:last-child{grid-column:1/-1}
@media(max-width:860px){
  #founder .founder-layout.has-photo{grid-template-columns:1fr}
  #founder .founder-photo{max-width:420px}
  #founder .has-photo .founder-copy{grid-template-columns:1fr!important}
}

/* Working Together: the people behind each joint offer */
.wt-offers .jo-row.wt-offer.has-people{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:clamp(20px,4vw,56px);align-items:center}
.jo-people{display:flex;gap:16px;align-items:flex-start}
.jo-person{margin:0;width:104px;display:flex;flex-direction:column;gap:8px}
.jo-person img{display:block;width:104px;height:104px;object-fit:cover}
.jo-person-name{display:block;font-size:.875rem;font-weight:600;line-height:1.3}
.jo-person-org{display:block;font-size:.8125rem;line-height:1.3;color:#555d5d;transition:color .35s ease}
.wt-offer:hover .jo-person-org{color:#c9cecb}
@media(max-width:860px){
  .wt-offers .jo-row.wt-offer.has-people{grid-template-columns:1fr}
  .jo-person,.jo-person img{width:88px}
  .jo-person img{height:88px}
}

/* Working Together: who we work with */
.wt-people{background:#fff;color:var(--anthracite);font-family:var(--font-body)}
section.wt-people:not(.field-hero):not(.hero):not(.vh-hero):not(.page-hero){padding-block:clamp(32px,4vw,56px)}
.wt-people-intro{font-size:1.125rem;line-height:1.55;max-width:60ch;margin:calc(-1 * clamp(12px,1.5vw,24px)) 0 clamp(24px,3vw,40px);color:#353b39}
.people-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(28px,3vw,44px) clamp(16px,2vw,28px);border-top:2px solid var(--anthracite);padding-top:clamp(24px,3vw,36px);list-style:none;margin:0;padding-left:0}
.person-card{display:flex;flex-direction:column;gap:8px;margin:0}
.person-card img,.person-tile{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.person-tile{background:var(--taupe,#ECE6DE);border:1px solid var(--taupe-line,#D8CFC4);box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.person-tile .field-square{display:inline-block;width:14px;height:14px;background:var(--anthracite,#242729);margin:0}
.person-name{font-size:1.0625rem;font-weight:500;line-height:1.3;letter-spacing:-.01em;margin-top:4px}
.person-org{font-size:.875rem;line-height:1.35;color:#555d5d}
.person-area{font-size:.875rem;line-height:1.4;display:flex;gap:8px;align-items:baseline}
.person-area::before{content:"";flex-shrink:0;width:6px;height:6px;background:var(--jade)}
@media(max-width:1023px){.people-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* With Partner companies removed, Who we work with carries the taupe band */
.wt-people{background:var(--taupe,#ECE6DE)}
.wt-people .people-grid{border-top-color:var(--anthracite)}
.wt-people .person-tile{background:#fff;border-color:var(--taupe-line,#D8CFC4)}