.hero-poster {
  width: min(100%, 340px);
  margin: 0;
  justify-self: end;
  filter: drop-shadow(0 28px 34px rgba(0, 0, 0, .48));
}

.hero-poster img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(232, 204, 159, .22);
  background: #1b160f;
}

.audio-card {
  max-width: 720px;
  padding: 1.5rem;
  background: linear-gradient(145deg, rgba(208, 171, 113, .10), rgba(255, 255, 255, .02));
  border: 1px solid var(--line);
}

.audio-card p {
  margin: 0 0 1rem;
  color: #cdbb9f;
}

.audio-card audio {
  display: block;
  width: 100%;
  accent-color: var(--gold);
}

.audio-fallback {
  margin-top: .8rem;
  font-size: .9rem;
}

.audio-fallback a {
  color: var(--paper-light);
}

@media (max-width: 800px) {
  .hero-poster {
    justify-self: start;
    width: min(76vw, 330px);
    grid-row: 1;
  }
}