@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.sr-logo-link {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  line-height: 1;
  vertical-align: middle;
}

.sr-waves {
  display: flex;
  align-items: center;
  gap: 5px;
}

.sr-bar {
  width: 3px;
  background: #e8c84a;
  border-radius: 2px;
  display: block;
}

.sr-divider {
  width: 2px;
  height: 40px;
  background: rgba(255,255,255,0.2);
}

.sr-wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1;
}

.sr-sonic {
  font-family: 'Bebas Neue', 'Arial Black', sans-serif;
  font-size: 32px;
  color: #ffffff;
  letter-spacing: 4px;
  line-height: 0.85;
  font-weight: 400;
}

.sr-rebel {
  font-family: 'Bebas Neue', 'Arial Black', sans-serif;
  font-size: 14px;
  color: #e8c84a;
  letter-spacing: 11px;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 3px;
  margin-top: 3px;
  font-weight: 400;
}