/* Three continuous rows, with equal-width repeated groups for a seamless loop. */
.hp-brand-marquee { margin-top:32px;padding:24px 0 18px;border-radius:12px;background:#f3f7fd;overflow:hidden; }
:root[data-theme="dark"] .hp-brand-marquee { background:#1a2d47; }
.hp-brand-marquee-head { padding:0 26px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px; }
.hp-brand-marquee-head h3 { font-size:17px;font-weight:600;line-height:1.4;letter-spacing:-.01em;margin:0;color:var(--hp-ink); }
.hp-brand-marquee-actions { display:flex;align-items:center;gap:18px;flex:none; }
.hp-brand-marquee-actions a { display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:13px;font-weight:600;color:var(--hp-blue); }
.hp-brand-lanes { display:grid;gap:5px; }
.hp-brand-lane { overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent); }
.hp-brand-track { display:flex;width:max-content;animation:hp-brand-drift 90s linear infinite; }
.hp-brand-lane:nth-child(odd) .hp-brand-track { animation-direction:reverse; }
.hp-brand-group { display:flex;flex:none;width:max-content;margin:0;padding:0;list-style:none; }
.hp-brand-item { display:flex;flex:none;width:170px;height:64px;padding:12px 20px;align-items:center;justify-content:center;color:var(--hp-ink); }
.hp-brand-item img { display:block;width:100%;height:36px;object-fit:contain;filter:brightness(0); }
.hp-brand-item img[data-opaque="true"] { filter:grayscale(1) contrast(1.35);mix-blend-mode:multiply; }
.hp-brand-item strong { font-size:17px;line-height:1.2;letter-spacing:.015em;text-align:center;white-space:nowrap; }
.hp-brand-item-label { display:flex;flex-direction:column;align-items:center;gap:2px; }
.hp-brand-item-label small { font-size:9px;font-weight:600;color:var(--hp-muted); }
:root[data-theme="dark"] .hp-brand-item img { filter:brightness(0) invert(1); }
:root[data-theme="dark"] .hp-brand-item img[data-opaque="true"] { filter:grayscale(1) invert(1);mix-blend-mode:screen; }
.hp-brand-marquee.is-offscreen .hp-brand-track,
.hp-brand-marquee.is-page-hidden .hp-brand-track,
.hp-brand-marquee:focus-within .hp-brand-track { animation-play-state:paused; }
@media (hover:hover) and (pointer:fine) { .hp-brand-marquee:hover .hp-brand-track { animation-play-state:paused; } }
@keyframes hp-brand-drift { from { transform:translateX(0); } to { transform:translateX(-50%); } }
@media (max-width:640px) {
 .hp-brand-marquee { padding-top:18px; }
 .hp-brand-marquee-head { padding:0 18px 12px;align-items:flex-start;gap:10px;flex-wrap:wrap; }
 .hp-brand-marquee-head h3 { font-size:16px;flex-basis:100%; }
 .hp-brand-marquee-actions { width:100%;justify-content:space-between;gap:12px; }
 .hp-brand-item { width:140px;height:60px;padding:12px 16px; }
 .hp-brand-item img { height:30px; }
 .hp-brand-item strong { font-size:15px; }
 .hp-brand-track { animation-duration:90s; }
}
@media (prefers-reduced-motion:reduce) {
 .hp-brand-track { animation:none;transform:none;width:100%; }
 .hp-brand-group { width:100%;flex-wrap:wrap;justify-content:center; }
 .hp-brand-group[aria-hidden="true"] { display:none; }
 .hp-brand-lane { overflow:visible;mask-image:none; }
 .hp-brand-item { width:140px; }
 .hp-brand-lanes { gap:12px; }
}

/* Preserve lettering inside solid logo badges rather than flattening their contrast. */
.hp-brand-item img[data-preserve-contrast="true"] { filter:grayscale(1);mix-blend-mode:multiply; }
:root[data-theme="dark"] .hp-brand-item img[data-preserve-contrast="true"] { filter:grayscale(1) invert(1);mix-blend-mode:screen; }
.hp-brand-marquee { scroll-margin-top:110px; }

.hp-brand-link { display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:40px;border-radius:6px;color:inherit;text-decoration:none; }
#homeExperience .hp-brand-link:focus-visible { outline:2px solid var(--hp-blue);outline-offset:5px; }
@media (hover:hover) and (pointer:fine) { .hp-brand-link:hover { opacity:.78; } }