.hpv6 .logo-strip{--logo-gap:clamp(64px, 8vw, 128px);--logo-fade:.45s ease;padding:24px 0 64px}.hpv6 .logo-strip-title{padding:0 var(--page-gutter);text-align:center;font-family:var(--font-ui);color:var(--fg-muted);margin:0 0 24px;font-size:1rem;font-weight:400}.hpv6 .logo-viewport{padding:12px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 14% 86%,#0000)}.hpv6 .logo-track{will-change:transform;width:max-content;animation:110s linear infinite logo-pan;display:flex}.hpv6 .logo-viewport:hover .logo-track{animation-play-state:paused}.hpv6 .logo-viewport:has(:focus-visible){-webkit-mask-image:none;mask-image:none}.hpv6 .logo-viewport:has(:focus-visible) .logo-track{padding-left:var(--page-gutter);animation:none}.hpv6 .logo-set{align-items:center;gap:var(--logo-gap);padding-right:var(--logo-gap);margin:0;list-style:none;display:flex}.hpv6 .logo-link{border-radius:4px;display:block;position:relative}.hpv6 .logo-link:focus-visible{outline:2px solid var(--fg-strong);outline-offset:6px}.hpv6 .logo-mark,.hpv6 .logo-colour{transition:opacity var(--logo-fade);position:absolute;inset:0}.hpv6 .logo-mark{-webkit-mask:var(--logo-src) center / contain no-repeat;mask:var(--logo-src) center / contain no-repeat;background-color:#000}.hpv6 .logo-colour{background:var(--logo-colour-src) center / contain no-repeat;opacity:0}.hpv6 .logo-link:is(:hover,:focus-visible) .logo-colour{opacity:1}.hpv6 .logo-link:is(:hover,:focus-visible) .logo-mark:has(+.logo-colour){opacity:0}@keyframes logo-pan{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.hpv6 .logo-track{justify-content:center;width:auto;animation:none}.hpv6 .logo-set[aria-hidden]{display:none}.hpv6 .logo-set{padding:0 var(--page-gutter);flex-wrap:wrap;justify-content:center}.hpv6 .logo-viewport{-webkit-mask-image:none;mask-image:none}}
