.company-section { margin-top:88px; }
.company-heading-row { position:relative; text-align:center; margin-bottom:14px; }
.company-heading-row h2 { margin:0; font:500 12px/1.5 var(--font-sans,Inter,sans-serif); letter-spacing:.14em; text-transform:uppercase; color:#737373; }
.company-logo-window { overflow:hidden; padding:12px 0; mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent); }
.company-logo-track { display:flex; width:max-content; animation:company-drift 90s linear infinite; animation-play-state:paused; }
.company-logo-group { flex:none; display:flex; align-items:center; gap:64px; padding:0 64px 0 0; margin:0; list-style:none; }
.company-logo-group li { width:var(--logo-width); height:66px; display:flex; align-items:center; justify-content:center; flex:none; }
.company-logo-group img { display:block; max-width:100%; width:var(--logo-width); height:auto; max-height:52px; object-fit:contain; }

.company-section.is-ready .company-logo-track { animation-play-state:running; }
@keyframes company-drift { to { transform:translateX(-50%); } }
@media(max-width:700px) {
 .company-section { margin-top:60px; }
 .company-logo-group { gap:30px; padding-right:30px; }
 .company-logo-group li { width:calc(var(--logo-width) * .8); height:53px; }
 .company-logo-group img { width:calc(var(--logo-width) * .8); max-height:42px; }
}
@media(prefers-reduced-motion:reduce) {
 .company-logo-window { mask-image:none; overflow:visible; }
 .company-logo-track { animation:none; width:100%; display:block; }
 .company-logo-group { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:32px; padding:0; }
 .company-logo-group li { width:100%; }
 .company-logo-group[aria-hidden="true"] { display:none; }
}
@media(prefers-reduced-motion:reduce) and (max-width:700px) { .company-logo-group { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; } }

/* Align the main wordmarks optically when secondary detail changes their bounds. */
.company-logo-dickson { transform:translateY(3px); }
.company-logo-perkspot { transform:translateY(-3px); }

/* Optical breathing room around the compact circular HP mark. */
.company-logo-group li:has(.company-logo-hp) { margin-inline:8px; }
@media(max-width:700px) { .company-logo-group li:has(.company-logo-hp) { margin-inline:4px; } }
