:root {
  --paper:#f1e8cd;
  --ink:#102c3e;
  --hero:#063a65;
  --hero-ink:#f4eccf;
  --hero-line:#ffffff30;
  --nav:#052e52;
  --nav-ink:#efe6c9;
  --nav-line:#ffffff25;
  --button:#f1cb40;
  --button-ink:#102c3e;
  --line:#102c3e35;
  --accent:#f1cb40;
  --focus:#d48a25;
  --listen:#072c46;
  --listen-ink:#f4eccf;
  --listen-muted:#a8c3ca;
  --listen-line:#adc6cf35;
  --player:#06263d;
  --player-button-ink:#102c3e;
  --chapter-hover:#ffffff06;
  --next:#e8c84c;
  --next-ink:#102c3e;
}

.pirata .book-header {
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ffffff04 25%);
}

.pirata .hero-copy h1 em {
  color:#f1cb40;
}

.pirata .hero-art {
  padding:16px 16px 0;
  border:1px solid #ffffff30;
}

.pirata .hero-art figcaption {
  margin:15px 0;
  line-height:1.7;
}

.pirata .cover-mat {
  transform:rotate(2deg);
  box-shadow:12px 20px 28px #00122470;
}

.pirata .hero-copy {
  position:relative;
}

.pirata .hero-copy:after {
  content:'N';
  position:absolute;
  bottom:2px;
  right:15px;
  font-family:Georgia,serif;
  font-size:10px;
  width:58px;
  height:58px;
  border:1px solid #ffffff30;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#f1cb40;
  background:linear-gradient(90deg,transparent 49%,#ffffff20 50%,transparent 51%),linear-gradient(transparent 49%,#ffffff20 50%,transparent 51%);
}

.pirata .editorial h2 em {
  color:#17617d;
}

.pirata .hero-rating strong {
  color:#f1cb40;
}

.pirata .player-section:after {
  content:'N · E · S · O';
  position:absolute;
  bottom:8%;
  width:100%;
  text-align:center;
  font-size:6px;
  letter-spacing:.5em;
  color:var(--listen-muted);
  pointer-events:none;
}

@media(max-width:1100px) {
  .pirata .hero-copy:after {
    display:none;
  }
}