.lg{--lg-gap:clamp(52px,5.4vw,84px);--lg-dur:69.5s}
.lg__head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px}
.lg__pause{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 10px;border:1px solid var(--c-line);border-radius:999px;background:transparent;color:var(--c-ink-soft);font:600 13px/1 var(--f-text);letter-spacing:.02em;cursor:pointer;transition:border-color .3s var(--ease),color .3s var(--ease)}
.lg__pause:hover{border-color:var(--c-deep);color:var(--c-deep)}
.lg__pause[hidden]{display:none}
.lg__pi{position:relative;width:10px;height:10px;flex:none}
.lg__pi::before,.lg__pi::after{content:"";position:absolute;top:0;bottom:0;width:3px;border-radius:1px;background:currentColor}
.lg__pi::before{left:1px}.lg__pi::after{right:1px}
.lg.is-paused .lg__pi::before{left:2px;width:0;height:0;border-radius:0;background:none;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}
.lg.is-paused .lg__pi::after{display:none}
.lg__band{position:relative;margin-top:clamp(20px,2.6vw,32px);overflow:hidden;padding:8px 0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 9%,#000 91%,transparent 100%)}
.lg__track{display:flex;width:max-content;animation:lg-run calc(var(--lg-dur)*var(--lg-k,1)) linear infinite;will-change:transform}
.lg__set{display:flex;flex:none;align-items:center;gap:var(--lg-gap);margin:0;padding:0 var(--lg-gap) 0 0;list-style:none;min-height:54px}
.lg__logo{flex:none;display:flex;align-items:center}
.lg__logo img{display:block;width:auto;height:var(--h)}
@keyframes lg-run{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.lg__band:focus-within .lg__track,.lg.is-paused .lg__track,.lg.is-off .lg__track{animation-play-state:paused}
@media (hover:hover) and (pointer:fine){ .lg__band:hover .lg__track{animation-play-state:paused} }
@media (max-width:860px){
  .lg{--lg-gap:44px;--lg-dur:52.2s}
  .lg__band{margin-left:calc(-1*var(--gut));margin-right:calc(-1*var(--gut));-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
  .lg__logo img{height:calc(var(--h)*.8)}
  .lg__set{min-height:44px}
}
.lg--static .lg__band{margin-left:0;margin-right:0;-webkit-mask-image:none;mask-image:none;overflow:visible}
.lg--static .lg__track{animation:none;width:auto;display:block;will-change:auto}
.lg--static .lg__set[aria-hidden]{display:none}
.lg--static .lg__set{--n:7;--cg:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:34px var(--cg);padding:0}
.lg--static .lg__logo{flex:0 0 calc((100% - (var(--n) - 1)*var(--cg))/var(--n));justify-content:center}
.lg--static .lg__logo img{max-width:100%;transition:opacity .4s var(--ease)}
.lg--static .lg__set:hover .lg__logo img{opacity:.5}.lg--static .lg__set .lg__logo:hover img{opacity:1}
@media (prefers-reduced-motion:reduce){
  .lg__band{margin-left:0;margin-right:0;-webkit-mask-image:none;mask-image:none;overflow:visible}
  .lg__track{animation:none;width:auto;display:block;will-change:auto}
  .lg__set[aria-hidden]{display:none}
  .lg__set{--n:7;--cg:40px;display:flex;flex-wrap:wrap;justify-content:center;gap:34px var(--cg);padding:0}
  .lg__logo{flex:0 0 calc((100% - (var(--n) - 1)*var(--cg))/var(--n));justify-content:center}
  .lg__logo img{max-width:100%}
  .lg__pause{display:none}
}
@media (max-width:1100px){ .lg--static .lg__set{--n:5} }
@media (max-width:1100px) and (prefers-reduced-motion:reduce){ .lg__set{--n:5} }
@media (max-width:860px){ .lg--static .lg__set{--n:3;--cg:16px;row-gap:28px} .lg--static .lg__logo img{height:auto;max-height:calc(var(--h)*.8)} }
@media (max-width:860px) and (prefers-reduced-motion:reduce){ .lg__set{--n:3;--cg:16px;row-gap:28px} .lg__logo img{height:auto;max-height:calc(var(--h)*.8)} }