/* Viewport crops preserve the exact three partner artworks supplied by the user. */
.partner-badge--meta { --crop-x:185; --crop-y:157; --crop-width:410; --crop-height:156; }
.partner-badge--google { --crop-x:804; --crop-y:157; --crop-width:224; --crop-height:156; }
.partner-badge--claude { --crop-x:1249; --crop-y:153; --crop-width:435; --crop-height:164; }
.partner-badges { gap:20px; max-width:880px; }
.client-logos .client-logo-muted { filter:grayscale(1); }
.partner-badges .partner-badge {
  --art-height:64px;
  min-width:0; min-height:112px; padding:16px 12px;
  border:0; border-radius:0;
  background:transparent; opacity:1;
  transition:none;
}
.partner-badge .partner-art {
  position:relative; display:block; flex:none; overflow:hidden;
  height:var(--art-height); width:calc(var(--art-height) * var(--crop-width) / var(--crop-height));
  max-width:none; margin:0; padding:0; line-height:0;
  filter:grayscale(1) invert(1); mix-blend-mode:screen;
  transition:filter .2s ease;
}
.partner-badge.partner-badge .partner-art img {
  position:absolute; display:block;
  width:calc(1860 / var(--crop-width) * 100%); max-width:none;
  height:auto; object-fit:fill;
  left:calc(-1 * var(--crop-x) / var(--crop-width) * 100%);
  top:calc(-1 * var(--crop-y) / var(--crop-height) * 100%);
  margin:0; padding:0; opacity:1; filter:none;
}
.partner-badges .partner-badge:is(:hover,:focus-visible) { background:transparent; border-color:transparent; }
.partner-badges .partner-badge:is(:hover,:focus-visible) .partner-art { filter:grayscale(1) invert(1); mix-blend-mode:screen; }
.footer-index-network { justify-content:space-between; gap:20px 32px; }
.footer-index-network > span { flex:0 1 auto; }
.footer-partner-badges { display:flex; align-items:center; justify-content:flex-end; gap:34px; }
.footer-partner-badges .partner-badge { --art-height:44px; display:flex; align-items:center; justify-content:center; min-height:60px; padding:6px 0; }
.footer-partner-badges .partner-art { opacity:.75; transition:opacity .2s ease; }
.footer-partner-badges .partner-badge:is(:hover,:focus-visible) .partner-art { opacity:1; }
@media(max-width:1100px) {
  .partner-badges .partner-badge { --art-height:54px; }
}
@media(max-width:700px) {
  .footer-index-network { display:block; }
  .footer-index-network > span { display:block; margin-bottom:18px; }
  .footer-partner-badges { justify-content:space-between; gap:14px; }
  .footer-partner-badges .partner-badge { --art-height:42px; min-height:56px; }
}
@media(max-width:600px) {
  .partner-badges { grid-template-columns:1fr; max-width:320px; gap:12px; }
  .partner-badges .partner-badge { --art-height:62px; min-height:100px; }
}
@media(max-width:359px) {
  .footer-partner-badges { gap:10px; }
  .footer-partner-badges .partner-badge { --art-height:35px; }
}
@media(prefers-reduced-motion:reduce) {
  .partner-badges .partner-badge,.footer-partner-badges .partner-art { transition:none; }
}
/* All reference/partner marks stay monochrome, including hover. */
.client-logos { filter:grayscale(1); }
@media(max-width:760px) {
  .client-logos { gap:14px; margin-top:19px; }
  .client-logos img { width:50%; height:35px; justify-self:center; opacity:.5; }
  .client-logos .client-name { font-size:13px; opacity:.5; }
  .client-logos .client-name-small { font-size:10.5px; }
}