:root{
  --sgr6-led:#fff36f;
  --sgr6-letter:rgba(56,60,62,.94);
}

.sgr6{
  display:block;
  width:100%;
  max-width:790px;
  height:auto;
  overflow:visible;
  filter:drop-shadow(20px 34px 34px rgba(0,0,0,.42));
  transition:opacity .42s ease,transform .42s ease,filter .42s ease;
}

.sgr6__letter{
  font-family:"Helvetica Neue",Arial,sans-serif;
  font-size:35px;
  font-weight:445;
  letter-spacing:.15px;
  fill:rgba(50,54,56,.92);
  opacity:.97;
  transition:fill .42s ease,opacity .42s ease,filter .42s ease;
}

.sgr6__letter.is-lit{
  fill:#fffef8;
  opacity:1;
  filter:url(#sgr6-led-glow);
  stroke:var(--sgr6-led);
  stroke-width:.8px;
  paint-order:stroke fill;
}

.sgr6.is-changing{
  opacity:.16;
  transform:scale(.988);
  filter:drop-shadow(12px 23px 25px rgba(0,0,0,.30));
}

@media(max-width:790px){
  .sgr6{filter:drop-shadow(0 20px 30px rgba(0,0,0,.3))}
}

@media(prefers-reduced-motion:reduce){
  .sgr6,.sgr6__letter{transition:none!important}
}

.sgr6{transform:translateZ(0)}