.brand-line{height:112px;padding:0;display:block;background:#0b1020;border-top:1px solid #bb9dff4d;border-bottom:1px solid #8bffdf3b;position:relative;overflow:hidden;color:#efecfa;isolation:isolate}
.brand-line:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#a6ffe90b,transparent 35%,#a878ff0d 80%,transparent);pointer-events:none}
.brand-line-window{overflow:hidden;width:100%;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.brand-line-track{display:flex;align-items:center;width:max-content;animation:brand-ticker 27s linear infinite;will-change:transform}
.brand-line-run{display:flex;align-items:center;flex:none;gap:40px;padding-right:40px;white-space:nowrap;font:700 clamp(21px,2.15vw,32px) var(--head);letter-spacing:-.7px}
.brand-line-run i{font-size:23px;font-style:normal;color:#9effdf;text-shadow:0 0 14px #78ffd8aa}
.brand-line-run .brand-line-outline{color:transparent;-webkit-text-stroke:1px #bc9bff;letter-spacing:2px;font-size:.82em}
.brand-line-logo{width:43px;height:49px;object-fit:contain;filter:drop-shadow(0 0 9px #b29aff7a)}
.brand-line:hover .brand-line-track{animation-play-state:paused}
.motion-off .brand-line-track{animation:none}
@keyframes brand-ticker{to{transform:translateX(-50%)}}
@media(max-width:760px){.brand-line{height:82px;padding:0}.brand-line-run{font-size:21px;gap:25px;padding-right:25px}.brand-line-run i{font-size:17px}.brand-line-logo{width:34px;height:39px}}
@media(prefers-reduced-motion:reduce){.brand-line-track{animation:none}}
