.signwall.compact{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.signwall .logo-name{font-size:16px;line-height:1.1}.signwall.compact .logo-name{font-size:12px}.signwall.compact .sign{aspect-ratio:16 / 11}.signwall.compact .sign-face.front{padding:12px 12px 10px}.sign.lit .sign-face.front:hover,.sign.lit a.sign-face.front:focus-visible{box-shadow:inset 0 0 0 6px #1b1d20,inset 0 0 0 7px #4a4d52,0 18px 40px #000a,0 0 60px -8px #c6a45499;transform:translateY(-3px)}.sign.lit .sign-face.front:hover .brand-logo{transform:scale(1.06)}.sign.lit .sign-face.front:hover .tube{background:#c6a45480;box-shadow:none}.sign-face.front .brand-logo{transition:filter .7s,transform .35s var(--ease)}.sign-face.front{transition:background .6s,box-shadow .35s,transform .35s var(--ease)}.sign-hint{margin:14px 0 0;font-size:.875rem;color:var(--muted)}.signwall{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:34px}.sign{position:relative;aspect-ratio:5 / 4}.sign-box{position:relative;width:100%;height:100%}.sign-face{position:absolute;inset:0;border:1px solid #3a3d41;text-decoration:none;border-radius:4px;box-sizing:border-box;overflow:hidden}.sign-face.front{display:flex;flex-direction:column;justify-content:center;padding:18px 16px 14px;background:#121416;box-shadow:inset 0 0 0 6px #1b1d20,inset 0 0 0 7px #2c2f33,0 10px 24px #0007;aspect-ratio:auto;min-height:0;cursor:default;color:inherit;font:inherit;text-align:center;transition:background .6s,box-shadow .6s}a.sign-face.front{cursor:pointer}.sign-face.front .brand-logo{filter:brightness(.55) saturate(.6);transition:filter .7s}.sign-face.front .meta{opacity:.45;transition:opacity .6s}.tube{position:absolute;left:12px;right:12px;bottom:9px;height:2px;background:#2a2d31;border-radius:2px;transition:background .5s,box-shadow .5s}.sign.lit .sign-face.front{background:radial-gradient(120% 90% at 50% 40%,#2a2d31,#17191b 70%);box-shadow:inset 0 0 0 6px #1b1d20,inset 0 0 0 7px #3a3d41,0 14px 34px #0009,0 0 40px -12px #c6a45459;animation:sign-hum 1.1s steps(1,end) var(--d, 0s)}.sign.lit .sign-face.front .brand-logo{filter:none;transition-delay:var(--d, 0s)}.sign.lit .sign-face.front .brand-logo .logo-grey{opacity:0}.sign.lit .sign-face.front .brand-logo .logo-color{opacity:1;transform:none}.sign.lit .sign-face.front .meta{opacity:1;transition-delay:var(--d, 0s)}.sign.lit .tube{background:#c6a45447;box-shadow:none;transition-delay:var(--d, 0s)}.glow{position:absolute;inset:7px;pointer-events:none;opacity:0;background:radial-gradient(70% 60% at 50% 45%,rgba(198,164,84,.22),transparent 70%);mix-blend-mode:screen}.sign.lit .glow{animation:sign-breathe var(--dur, 8s) ease-in-out calc(var(--d, 0s) + 1.1s + var(--ph, 0s)) infinite}.tube:after{content:"";position:absolute;inset:-3px 0;border-radius:4px;background:#e6c46a40;filter:blur(4px);opacity:0}.sign.lit .tube:after{animation:tube-breathe var(--dur, 8s) ease-in-out calc(var(--d, 0s) + 1.1s + var(--ph, 0s)) infinite}.flick{position:absolute;inset:7px;pointer-events:none;background:#0b0c0e;opacity:0;mix-blend-mode:multiply}.sign.flick-a .flick{animation:flick-a .9s steps(1,end)}.sign.flick-a .tube{animation:tube-a .9s steps(1,end)}.sign.flick-b .flick{animation:flick-b 1.4s steps(1,end)}.sign.flick-b .tube{animation:tube-b 1.4s steps(1,end)}.sign.flick-c .flick{animation:flick-c .5s steps(1,end)}.sign.flick-c .tube{animation:tube-c .5s steps(1,end)}@keyframes flick-a{0%{opacity:.8}8%{opacity:0}20%{opacity:.55}25%{opacity:0}30%{opacity:.9}44%{opacity:.2}50%{opacity:0}78%{opacity:.5}82%,to{opacity:0}}@keyframes tube-a{0%{opacity:.1}8%{opacity:1}20%{opacity:.3}25%{opacity:1}30%{opacity:.05}44%{opacity:.6}50%{opacity:1}78%{opacity:.3}82%,to{opacity:1}}@keyframes flick-b{0%{opacity:.35}15%{opacity:.6}30%{opacity:.2}45%{opacity:.85}50%{opacity:0}70%{opacity:.4}74%{opacity:0}90%{opacity:.7}93%,to{opacity:0}}@keyframes tube-b{0%{opacity:.5}15%{opacity:.3}30%{opacity:.7}45%{opacity:.05}50%{opacity:1}70%{opacity:.4}74%{opacity:1}90%{opacity:.2}93%,to{opacity:1}}@keyframes flick-c{0%{opacity:.9}30%{opacity:0}55%{opacity:.6}70%,to{opacity:0}}@keyframes tube-c{0%{opacity:.05}30%{opacity:1}55%{opacity:.3}70%,to{opacity:1}}@keyframes sign-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes tube-breathe{0%,to{opacity:0}50%{opacity:.35}}.tube{position:absolute;left:18px;right:18px;bottom:9px;height:1px}@keyframes sign-hum{0%{filter:brightness(.6)}18%{filter:brightness(1.15)}26%{filter:brightness(.7)}40%{filter:brightness(1.05)}55%{filter:brightness(.85)}to{filter:brightness(1)}}@media(max-width:640px){.signwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}@media(prefers-reduced-motion:reduce){.sign.lit .sign-face.front,.sign.lit .glow,.sign.lit .tube:after,.sign .flick,.sign .tube{animation:none!important}}
