.project-strip{display:flex;align-items:center;gap:36px;border-top:1px solid var(--line);padding:26px 0 30px}.project-strip-label{flex:0 0 100px;font-size:14px;font-weight:700;color:var(--muted);line-height:1.6}.project-logos{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:24px;flex:1;min-width:0;margin:0;padding:0}.project-logos li{min-width:0}.project-identity{display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap}.project-logos img{width:44px;height:44px;object-fit:contain;flex:none}.project-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.project-strip{gap:22px}.project-strip-label{flex-basis:75px;font-size:14px}.project-logos{gap:14px}.project-identity{font-size:14px;gap:9px}.project-logos img{width:36px;height:36px}}
@media(max-width:800px){.project-strip{display:block;padding-block:24px}.project-strip-label{display:block;margin-bottom:15px}.project-logos{gap:12px}.project-identity{flex-direction:column;gap:7px;font-size:14px}.project-logos img{width:40px;height:40px}}
@media(max-width:580px){.project-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.project-identity{flex-direction:row;justify-content:flex-start;font-size:14px;gap:11px;min-height:54px}.project-logos li:last-child{grid-column:1/-1;justify-self:center}.project-logos img{width:42px;height:42px}.project-strip-label{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){.project-logos img{transition:none}}

.project-strip-label{flex-basis:125px}.project-identity{font-size:14px}
@media(max-width:1100px){.project-strip{display:block}.project-strip-label{margin-bottom:16px;display:block}.project-identity{font-size:14px}}
@media(max-width:580px){.project-logos{gap:14px 12px}.project-identity{font-size:14px;gap:8px}.project-logos img{width:36px;height:36px}}

/* Balanced mobile logo layout: three projects above, two centered below. */
@media(max-width:580px){
  .project-strip{padding-block:28px 32px}
  .project-strip-label{text-align:center;margin-bottom:24px;font-size:14px}
  .project-logos{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 8px;align-items:start}
  .project-logos li{grid-column:span 2;width:100%;min-width:0}
  .project-logos li:nth-child(4){grid-column:2/span 2}
  .project-logos li:last-child{grid-column:4/span 2;justify-self:stretch}
  .project-identity{flex-direction:column;justify-content:flex-start;gap:10px;min-height:76px;font-size:14px;line-height:1.5;text-align:center}
  .project-logos img{width:44px;height:44px}
}