/* Dash II Retro homepage banner: live text over the no-text artwork.
   Every size is in cqw (1% of the banner width) so the layout scales exactly with the image.
   Desktop art is 2000x785 (1cqw = 20 art px); phone art is 800x1200 (1cqw = 8 art px). */
.rhb{position:relative;display:block;container-type:inline-size;line-height:0;background:#000;color:#fff;text-decoration:none;overflow:hidden}
.rhb:hover,.rhb:focus{color:#fff;text-decoration:none}
.rhb picture,.rhb img{display:block;width:100%;height:auto}
.rhb__copy{position:absolute;inset:0;line-height:1;text-align:center;pointer-events:none}
.rhb__kicker,.rhb__logo,.rhb__btn{position:absolute;left:50%;transform:translateX(-50%);margin:0;white-space:nowrap}
.rhb__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.rhb__kicker{top:var(--k-top);font:300 var(--k-size)/1 'Lato',sans-serif;letter-spacing:var(--k-track);padding-left:var(--k-track);text-transform:uppercase;color:#fff}
.rhb__logo{top:var(--l-top);width:var(--l-w);line-height:0}
.rhb__logo svg{display:block;width:100%;height:auto;fill:#fff}
.rhb__btn{top:var(--b-top);width:var(--b-w);height:var(--b-h);display:flex;align-items:center;justify-content:center;box-sizing:border-box;
  border:var(--b-line) solid #e4ffd6;border-radius:999px;background:var(--b-fill);
  box-shadow:0 0 var(--b-glow) calc(var(--b-glow) * .35) rgba(84,255,38,.75),inset 0 0 calc(var(--b-glow) * .7) rgba(84,255,38,.45);
  font:400 var(--b-size)/1 'Press Start 2P',monospace;letter-spacing:0;text-transform:uppercase;color:#fff;padding:var(--b-drop) 0 0 .1em;
  text-shadow:0 .08em 0 #000,.08em 0 0 #000,-.08em 0 0 #000,0 -.08em 0 #000;transition:box-shadow .2s}
.rhb:hover .rhb__btn,.rhb:focus-visible .rhb__btn{box-shadow:0 0 calc(var(--b-glow) * 1.4) calc(var(--b-glow) * .5) rgba(84,255,38,.9),inset 0 0 var(--b-glow) rgba(84,255,38,.55)}

/* desktop + tablet: 2000x785 art */
.rhb{--k-top:14.6cqw;--k-size:1.1cqw;--k-track:.43em;
  --l-top:18.4cqw;--l-w:31.55cqw;
  --b-top:29.5cqw;--b-w:12.1cqw;--b-h:4.65cqw;--b-line:.16cqw;--b-glow:.9cqw;--b-size:1.03cqw;--b-drop:.26em;--b-fill:rgba(0,0,0,.5)}

/* phone: 800x1200 art (same breakpoint as the <source> in the markup) */
@media (max-width:767px){
  .rhb{--k-top:92.86cqw;--k-size:3.61cqw;--k-track:.508em;
    --l-top:101.25cqw;--l-w:77.1cqw;
    --b-top:122.5cqw;--b-w:46.25cqw;--b-h:16.9cqw;--b-line:.6cqw;--b-glow:3cqw;--b-size:3.97cqw;--b-drop:.26em;--b-fill:rgba(0,0,0,.73)}
}