/* Public marketing lockup: original compressed artwork with a small SVG reveal. */
a.brand{display:inline-flex;align-items:center;flex-shrink:0;line-height:1;text-decoration:none}
a.brand .top-brand-motion{position:relative;display:block;width:250px;max-width:100%;isolation:isolate;overflow:hidden;padding:0;border:0}
a.brand .top-brand-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
a.brand .top-brand-progress{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
a.brand .top-brand-reveal{fill:none;stroke:#6651d7;stroke-width:21;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:1}
header a.brand .top-brand-reveal{animation:top-brand-progress 1.15s ease-out both}
header a.brand{padding-block:7px}
footer a.brand .top-brand-motion{width:240px}
a.brand .top-brand-motion::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#ffffff65 50%,transparent 65%);transform:translateX(-120%);opacity:0}
@media(hover:hover) and (pointer:fine){a.brand:hover .top-brand-motion::after{animation:top-brand-shine .65s ease-out}}
a.brand:focus-visible{outline:3px solid #6651d7;outline-offset:5px;border-radius:6px}
@keyframes top-brand-progress{0%,15%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
@keyframes top-brand-shine{0%{transform:translateX(-120%);opacity:0}25%{opacity:.7}100%{transform:translateX(120%);opacity:0}}
@media(max-width:600px){a.brand .top-brand-motion{width:140px}header a.brand{padding-block:5px;min-width:0}footer a.brand .top-brand-motion{width:210px}}
@media(prefers-reduced-motion:reduce){header a.brand .top-brand-reveal,a.brand:hover .top-brand-motion::after{animation:none}a.brand .top-brand-progress{display:none}}