@charset "UTF-8";

/* MUSIC page — page-specific styles (shared bits live in site-nav.css) */

.music-wrap {
  max-width: 720px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  color: #e8e8e8;
  line-height: 1.9;
  letter-spacing: 0.04em;
}

.music-section { margin: 60px 0; }
.music-section h2 {
  font-size: 0.75em;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #aaa;
  margin-bottom: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
}

.music-album {
  margin: 30px 0 50px;
  padding: 22px 24px;
  border: 1px solid #2a2a2a;
  overflow: hidden;
  transition: border-color 0.3s;
}
.music-album:hover { border-color: #555; }
.music-album h3 {
  font-size: 0.7em;
  letter-spacing: 0.2em;
  color: #888;
  text-transform: uppercase;
  margin: 0 0 6px;
}
.music-album-title {
  font-size: 1.05em;
  color: #e8e8e8;
  margin: 0 0 6px;
}
.music-album-meta {
  font-size: 0.78em;
  color: #777;
  margin: 0 0 12px;
}
.music-album p {
  font-size: 0.9em;
  color: #d0d0d0;
  margin: 0 0 8px;
}

.music-link {
  display: inline-block;
  font-size: 0.72em;
  letter-spacing: 0.1em;
  color: #888;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: color 0.3s;
  margin-top: 4px;
}
.music-link:hover { color: #ccc; }

.music-video { margin: 30px 0; }
.music-video iframe {
  width: 100%;
  aspect-ratio: 16/9;
  border: none;
}
.music-video-caption {
  font-size: 0.78em;
  color: #666;
  margin-top: 8px;
}

.music-playlist-box {
  margin: 30px 0 50px;
  padding: 22px 24px;
  border: 1px solid #2a2a2a;
  transition: border-color 0.3s;
}
.music-playlist-box:hover { border-color: #555; }
.music-playlist-box h3 {
  font-size: 0.7em;
  letter-spacing: 0.2em;
  color: #888;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.music-playlist-box p {
  font-size: 0.9em;
  color: #d0d0d0;
  margin: 0 0 10px;
}
.music-playlist-artists {
  font-size: 0.82em;
  color: #777;
  margin: 0 0 12px;
}