/* Compact platform marks: one desktop row, two mobile rows. */
.partners{padding:50px 0 35px;background:#fff;border:0;overflow:hidden}
.partners h2{text-align:center;font-size:42px;line-height:1.2;margin:0 7% 26px}
.partner-window{margin:0 5%}
.partner-rows-mobile{display:none}
.partners .partner-logos{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:24px;padding:0;margin:0;list-style:none}
.partners .partner-logos li{animation:none;grid-column:auto;min-height:54px;display:flex;justify-content:center;align-items:center}
.partners .partner-logos img{height:var(--partner-mark-height,30px);width:auto;max-width:100%;filter:grayscale(1);opacity:.65;object-fit:contain;transform:translateY(var(--partner-offset,0%));transition:filter .25s ease,opacity .25s ease}
.partners .partner-logos li:hover img{filter:grayscale(0);opacity:1;transform:translateY(var(--partner-offset,0%))}
/* The flame makes Dubizzle's lettering sit below its image centre. */
.partner-dubizzle{--partner-offset:-13%;--partner-mark-height:34px}
.partner-meta{--partner-mark-height:20px}
.partner-google{--partner-mark-height:26px}
.partner-property-finder{--partner-mark-height:32px}
.partners .partner-logos[aria-hidden="true"]{display:none}
@media(prefers-reduced-motion:no-preference){
  .partners.motion-ready .partner-window{margin:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .partners.motion-ready .partner-track{display:flex;width:max-content;animation:logo-drift 36s linear infinite;animation-play-state:paused}
  .partners.motion-ready .partner-logos{display:flex;flex:none;width:max-content;min-width:100vw;justify-content:space-around;gap:44px;padding:0 44px 0 0}
  .partners.motion-ready .partner-logos li{flex:0 0 148px;width:148px}
  .partners.motion-ready .partner-logos img{max-width:148px}
  .partners.motion-ready[data-running="true"] .partner-track{animation-play-state:running}
  @keyframes logo-drift{from{transform:translateX(-50%)}to{transform:translateX(0)}}
}
@media(prefers-reduced-motion:reduce){.partners .partner-logos img{transition:none}}
@media(max-width:650px){
  .partners{padding:36px 0 30px}
  .partners h2{font-size:36px;margin-bottom:19px}
  .partner-rows-desktop{display:none}
  .partner-rows-mobile{display:grid;gap:9px}
  .partner-window{margin:0 6%}
  .partners .partner-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
  .partners .partner-row-reverse .partner-logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .partners .partner-logos li{min-height:46px}
  .partners .partner-logos img{height:var(--partner-mark-height,24px)}
  .partner-dubizzle{--partner-mark-height:28px}
  .partner-meta{--partner-mark-height:16px}
  .partner-google{--partner-mark-height:22px}
  .partner-property-finder{--partner-mark-height:26px}
  .partners.motion-ready .partner-logos{gap:24px;padding-right:24px}
  .partners.motion-ready .partner-logos li{flex-basis:104px;width:104px}
  .partners.motion-ready .partner-logos img{max-width:100px}
  .partners.motion-ready .partner-track{animation-duration:32s}
  .partners.motion-ready .partner-row-reverse .partner-track{animation-direction:reverse;animation-duration:28s}
}