.hero{grid-template-columns:1fr 1.22fr;gap:38px}
.portraits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:none}
.portrait,.portrait:nth-child(2){border-radius:15px;margin:0;min-width:0;background:white;border:1px solid #cbdedb}
.portrait img{height:230px}
.portrait figcaption{min-height:180px;padding:12px 5px;font-size:14px}
.portrait figcaption strong{white-space:nowrap;font-size:14px;line-height:22px;color:#153d42;margin-top:10px}
.portrait figcaption small{display:block;font-size:10px;margin-top:4px}
.portrait figcaption p{font-size:12px;line-height:1.45;margin:12px 0 0;font-weight:600}
.role-badge{display:block;min-height:34px;font-size:10px;line-height:15px;font-weight:700;color:#176b73}
.responsible{box-shadow:0 5px 15px #176b730c}.responsible .role-badge{background:#e5f1ed;border-radius:5px;padding:4px}
.supporting img{filter:grayscale(.75);opacity:.48}.supporting{border-color:#dce0df}.supporting .role-badge{color:#52676a;padding:4px}
.supporting figcaption{background:#f6f7f5}.supporting figcaption p{color:#52676a}
.visual-note{font-size:12px;line-height:1.5}
@media(min-width:601px) and (max-width:1050px){.hero{grid-template-columns:1fr;gap:26px}.visual{max-width:560px;width:100%;margin:auto}}
@media(max-width:600px){.portraits{grid-template-columns:1fr;gap:10px;max-width:none}.portrait,.portrait:nth-child(2){display:grid;grid-template-columns:88px minmax(0,1fr);border-radius:12px}.portrait img{height:156px}.portrait figcaption{min-height:156px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;justify-content:center;min-width:0}.portrait figcaption strong{font-size:15px;margin-top:6px}.role-badge{min-height:0;align-self:flex-start;font-size:10px}.portrait figcaption p{margin-top:7px;font-size:12px}.visual-note{font-size:12px}.hero{gap:24px}}