.brand-copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.brand-copy b {
  font: inherit;
}

.brand-copy small {
  color: #b8b8bc;
  font: 700 8px/1 "DM Sans", sans-serif;
  letter-spacing: .26em;
}

:root {
  --ink: #050505;
  --panel: #111113;
  --line: #303034;
  --paper: #f5f5f6;
  --muted: #aaaab0;
  --violet: #ec171c;
  --amber: #f0f0f2;
}

.brand-logo {
  width: 48px;
  height: 48px;
  border: 1px solid #3a3a3e;
  border-radius: 50%;
  object-fit: cover;
}

.button {
  background: linear-gradient(135deg, #f0282d, #a90005);
  border-color: #f0282d;
  box-shadow: 0 10px 35px rgba(224, 0, 7, .18);
}

.button:hover {
  background: linear-gradient(135deg, #ff454a, #cf0006);
}

.hero h1 strong,
.section h2 em {
  color: #f0282d;
}

.eyebrow span,
.marquee i,
.text-link span,
.service-card li::before,
.event-list b,
.setup li > b {
  color: #f0282d;
}

.eyebrow span {
  background: #f0282d;
}

.hero-glow.one {
  background: #e00007;
}

.hero-glow.two {
  background: #d7d7dc;
}

.image-wrap {
  background: linear-gradient(145deg, #211012, #080808);
}

.image-wrap::after {
  background: linear-gradient(160deg, transparent 45%, rgba(4, 4, 4, .82)),
              linear-gradient(20deg, rgba(224, 0, 7, .28), transparent 44%);
}

.now-playing {
  border-left-color: #ec171c;
}

.bars i {
  background: linear-gradient(#f4f4f5, #e00007);
}

.service-card.featured {
  background: linear-gradient(150deg, #240b0d, #101012);
}

.service-card:hover {
  border-color: #8e2529;
}

.turntable span::after {
  background: #ec171c;
}

.light span {
  background: linear-gradient(135deg, #18181a, #401012);
  box-shadow: 12px 18px 40px rgba(224, 0, 7, .3);
}

.sound span {
  background: linear-gradient(#f0f0f2, #e00007);
}

.setup-panel {
  background: linear-gradient(120deg, #2a0a0c, #101012 65%);
  border-color: #4d2022;
}

.cta {
  background: linear-gradient(135deg, #e5151b, #8f0004);
}

.cta h2 em {
  color: #ffffff;
}