*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#000;overflow:hidden;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.stage{flex:1;display:flex;align-items:center;justify-content:center}.footer{align-self:flex-end;padding:.75rem 1rem;color:hsla(0,0%,100%,.6);font:.75rem/1 ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;letter-spacing:.02em;user-select:none}.logo{position:relative;width:clamp(220px,42vw,520px);aspect-ratio:179.53/113;--sway-amp: 1;--pulse-amp: 1;--glow: 6px;--glow-alpha: 0.6}.channel{position:absolute;inset:0;transform-origin:50% 50%;mix-blend-mode:screen;will-change:transform,filter;filter:drop-shadow(0 0 calc(var(--glow) * 0.4) var(--glow-color)) drop-shadow(0 0 var(--glow) var(--glow-color));animation-name:pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.channel__logo{width:100%;height:100%}.part{transform-box:fill-box;transform-origin:50% 50%;will-change:transform;animation-name:sway;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes sway{0%{transform:rotate(calc(2deg * var(--sway-amp) * -1))}50%{transform:rotate(calc(2deg * var(--sway-amp)))}100%{transform:rotate(calc(2deg * var(--sway-amp) * -1))}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(calc(1 + 0.06 * var(--pulse-amp)))}}.channel--r{fill:red;--glow-color: rgb(from #ff0000 r g b / var(--glow-alpha))}.channel--g{fill:lime;--glow-color: rgb(from #00ff00 r g b / var(--glow-alpha))}.channel--b{fill:blue;--glow-color: rgb(from #0000ff r g b / var(--glow-alpha))}@media(prefers-reduced-motion: reduce){.channel,.part{animation:none}}