body.theme-music {
  --music-black: #171717;
  --music-amber: #c28d2c;
  --music-wood: #5a4334;
  --music-cream: #f6f1e8;
  background:
    repeating-linear-gradient(90deg, rgba(90, 67, 52, 0.08) 0 1px, transparent 1px 52px),
    var(--music-cream);
  font-family: "Trebuchet MS", "Manrope", system-ui, sans-serif;
}

.theme-music h1,
.theme-music h2,
.theme-music h3,
.theme-music .brand strong {
  font-family: "Trebuchet MS", "Manrope", system-ui, sans-serif;
  letter-spacing: -0.025em;
}

.theme-music .hero {
  background:
    radial-gradient(circle at 78% 14%, rgba(194, 141, 44, 0.24), transparent 28%),
    linear-gradient(135deg, #171717 0%, #2e241e 58%, #c28d2c 150%);
  color: #fff7e8;
}

.theme-music .service-card,
.theme-music .visual-card,
.theme-music .area-panel,
.theme-music .faq-card,
.theme-music .contact-form {
  border-radius: 3px;
  border: 1px solid rgba(90, 67, 52, 0.24);
  background: #fff8ec;
}

.theme-music .service-card {
  border-left: 0.35rem solid var(--music-amber);
}

.theme-music .section-soft {
  background: #2c231d;
  color: #fff7e8;
}

.theme-music .section-soft p,
.theme-music .section-soft li {
  color: rgba(255, 247, 232, 0.76);
}

.theme-music .gallery-grid {
  grid-template-columns: 1fr 1fr 1fr;
}

.theme-music .button {
  border-radius: 3px;
}

.theme-music .button-primary {
  background: var(--music-amber);
  color: #171717;
}

@media (max-width: 759px) {
  .theme-music .gallery-grid {
    grid-template-columns: 1fr;
  }
}