.recommendations{background:var(--cream);color:var(--ink);scroll-margin-top:96px}.recommendation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}.recommendation-card{display:flex;flex-direction:column;min-width:0;background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--copper);padding:30px}.recommendation-card blockquote{margin:0 0 30px;font:400 1.12rem/1.65 "DM Sans",Arial,sans-serif}.recommendation-card blockquote p{margin:0}.recommendation-person{margin-top:auto}.recommendation-person h3{font:500 1.55rem/1.2 "Playfair Display",Georgia,serif;margin:0 0 12px}.recommendation-role,.recommendation-context{font-size:.92rem;line-height:1.6;color:#665950}.recommendation-company{display:inline-flex;gap:8px;align-items:center;vertical-align:middle;color:var(--ink)}.recommendation-company img{max-width:52px;width:auto;height:28px;object-fit:contain}.recommendation-context{margin:12px 0 18px}.recommendation-person .textlink{font-size:.92rem}.recommendation-single{max-width:860px;margin:32px 0}.formation-recommendation{background:var(--paper)}.formation-recommendation .recommendation-card{background:var(--cream)}
@media(max-width:850px){.recommendation-grid{grid-template-columns:1fr}.recommendation-card{padding:26px}.recommendation-card blockquote{font-size:1.08rem}}@media(max-width:650px){.recommendations{padding:56px 0}.recommendation-card blockquote{margin-bottom:24px}.recommendation-single{margin-top:24px}}

.recommendation-company img[src*="rnb-logo"]{background:var(--ink);padding:4px;border-radius:3px;height:34px;max-width:58px}

.recommendation-identity{display:flex;align-items:center;gap:16px;margin-bottom:16px}.recommendation-identity h3{margin:0}.recommendation-portrait{display:block;width:76px;height:76px;flex:0 0 76px;border-radius:50%;object-fit:cover;filter:grayscale(1);border:1px solid var(--line)}@media(max-width:650px){.recommendation-portrait{width:64px;height:64px;flex-basis:64px}.recommendation-identity{gap:14px}}

/* Share content rows so every portrait and name starts at the same height. */
@media(min-width:851px){
  .recommendation-grid{grid-template-rows:auto auto auto auto auto;row-gap:0}
  .recommendation-grid>.recommendation-card{display:grid;grid-row:span 5;grid-template-rows:subgrid;row-gap:0}
  .recommendation-grid .recommendation-person{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;margin-top:0}
  .recommendation-grid .recommendation-identity{align-self:start}
  .recommendation-grid .recommendation-role{margin:0}
  .recommendation-grid .recommendation-person>.textlink{align-self:end;justify-self:start}
}
.recommendation-identity img.recommendation-portrait{aspect-ratio:1/1;max-width:none;max-height:none;border-radius:50%;clip-path:circle(50%);filter:grayscale(1)}

/* Four recommendations: two balanced columns with aligned portraits per row. */
@media(min-width:851px){
 .recommendation-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}
 .recommendation-grid-four>.recommendation-card:nth-child(n+3){margin-top:22px}
}