.zarobas-section {
  --zarobas-yellow: #ffd04d;
  --zarobas-red: #ff3556;
  --zarobas-silver: #e3e8ee;
  background: radial-gradient(ellipse at 0 40%, #e9002920, transparent 55%),
    radial-gradient(ellipse at 100% 80%, #ffd04d12, transparent 55%);
}
.zarobas-section .section-heading { display: block; margin-bottom: 45px; }
.zarobas-section #music-title {
  display: flex;
  flex-wrap: wrap;
  gap: .04em .18em;
  font-size: clamp(60px, 8.5vw, 140px);
  font-weight: 900;
  line-height: .98;
}
#music-title > span { display: inline-block; }
#music-title .zarobas-cash { color: var(--zarobas-yellow); }
#music-title .zarobas-noise { color: var(--zarobas-red); }
#music-title .zarobas-chrome {
  color: var(--zarobas-silver);
  text-shadow: 0 2px #8b929b, 0 4px #4e5259, 4px 7px #000;
}
.zarobas-section .album-panel { border-top: 1px solid #ffd04d55; padding-top: 45px; }
.zarobas-visual, .zarobas-section .record-info { min-width: 0; }
.zarobas-section .record-art > img { box-shadow: 12px 12px 0 var(--zarobas-red), 22px 22px 0 #ffd04d55; }
.zarobas-section .record-corner { color: var(--zarobas-yellow); }
.zarobas-section .record-tag { background: var(--zarobas-yellow); }
.zarobas-section .record-kicker { color: var(--zarobas-yellow); }
.zarobas-section .track:hover { color: var(--zarobas-yellow); }
.zarobas-section .listen-album { background: var(--zarobas-yellow); }
.zarobas-lyric {
  margin: 48px 0 15px;
  padding: 22px 24px;
  border-left: 5px solid var(--zarobas-red);
  background: #ffd04d;
  color: #17110b;
  rotate: -2deg;
  box-shadow: 7px 7px 0 #e90029;
}
.zarobas-lyric blockquote { font: 900 clamp(27px, 3.1vw, 48px)/1.05 var(--display); text-transform: uppercase; }
.zarobas-lyric .lyric-source { color: var(--zarobas-yellow); }
.chaos:not(.notice-open) #music-title > span { animation: zarobas-word 5s ease-in-out infinite; }
.chaos:not(.notice-open) #music-title > span:nth-child(2) { animation-delay: .16s; }
.chaos:not(.notice-open) #music-title > span:nth-child(3) { animation-delay: .32s; }
@keyframes zarobas-word {
  0%, 70%, 100% { transform: translateY(0) skewX(0); }
  77% { transform: translateY(-8px) skewX(-5deg); }
  84% { transform: translateY(2px) skewX(3deg); }
}
@media (max-width: 600px) {
  .zarobas-section #music-title { display: block; font-size: clamp(58px, 16.5vw, 96px); }
  #music-title > span { display: block; }
  .zarobas-section .section-heading { margin-bottom: 26px; }
  .zarobas-section .album-panel { padding-top: 32px; gap: 35px; }
  .zarobas-lyric { margin: 38px 8px 10px; padding: 18px; }
  .zarobas-lyric blockquote { font-size: clamp(26px, 7.7vw, 42px); }
}
@media (prefers-reduced-motion: reduce) {
  .chaos:not(.notice-open) #music-title > span { animation: none; }
}