:root {
  --slate: #39445f;
  --green: #4d5973;
  --dark: #1f263a;
  --eucalyptus: #87948a;
}

.nav-logo {
  display: block;
  width: 58px;
  height: 58px;
  filter: drop-shadow(0 3px 12px rgba(18, 24, 37, .18));
}

.footer-logo {
  width: 112px;
  height: 112px;
  margin: 0 auto 16px;
}

.site-version {
  margin: 18px 0;
  font: 700 9px/1 Arial, sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  opacity: .52;
}

.details { background: linear-gradient(135deg, #642638, #493249 58%, #303a54); }
.song { background: linear-gradient(135deg, #181e2f, #303a54); }
.gallery { background: #e9e7e5; }
.story-grid .featured { background: linear-gradient(155deg, #642638, #4d3a56); }
.timeline-list article { border-left-color: #8797ac; }
.timeline-list time { color: #39445f; }

@media (max-width: 600px) {
  .nav-logo { width: 50px; height: 50px; }
}