.album-card .title { text-decoration: none; }
.album-cover { position: relative; }
.album-actions {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(7, 4, 10, .75);
  opacity: 0;
  transition: opacity .18s ease;
}
.album-cover:hover .album-actions,
.album-cover:focus-within .album-actions { opacity: 1; }
.album-actions a {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  line-height: 1.25;
  padding: 0 12px;
  color: white;
  text-decoration: none;
}
.album-listen { font-size: 15px; font-weight: 600; }
.album-listen::before { content: ""; position: absolute; inset: 0; }
.album-credits { position: relative; font-size: 13px; }
/* Hidden until hovered (mouse) or tapped once (phones and tablets, see site.js). */
.album-actions { pointer-events: none; }
.album-cover:hover .album-actions, .album-cover:focus-within .album-actions, .album-cover.is-open .album-actions { opacity: 1; pointer-events: auto; }
@media (hover: none), (pointer: coarse) {
  .album-cover:not(.is-open) .album-actions { opacity: 0; pointer-events: none; }
}
@media (prefers-reduced-motion: reduce) {
  .album-actions { transition: none; }
}
.booklet-main{padding-top:32px;padding-bottom:40px}
.booklet-back{font-size:13px;color:var(--haze);text-decoration:none}
.booklet-heading{margin:28px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.booklet-heading .eyebrow{font-size:11px;color:var(--haze)}
.booklet-heading h1{font-family:'Oswald SK','Arial Narrow',sans-serif;font-weight:300;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(36px,5vw,60px);line-height:1.1;margin:10px 0 0}
.booklet-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;align-items:start}
.booklet-viewer{min-width:0;border:0;background:transparent;position:sticky;top:24px;overflow:visible}
#booklet-reader{height:auto;max-height:65vh;overflow:auto;overscroll-behavior:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#81717f #171019}
#booklet-reader::-webkit-scrollbar{width:10px;height:10px}
#booklet-reader::-webkit-scrollbar-track{background:#171019}
#booklet-reader::-webkit-scrollbar-thumb{background:#81717f;border:2px solid #171019;border-radius:8px}
#booklet-reader::-webkit-scrollbar-corner{background:#171019}
.booklet-page{margin:0;display:block}
.booklet-page img{width:100%;height:auto}
.booklet-page figcaption{padding:10px 14px;font-size:11px;color:#bbb}
#booklet-reader.is-zoomed .booklet-page{width:1642px;max-width:none;justify-content:flex-start}
.booklet-controls{display:flex;justify-content:center;gap:8px;margin-top:8px}
.booklet-controls[hidden],.booklet-page[hidden]{display:none}
.booklet-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--cream);font-size:20px;line-height:1;cursor:pointer;box-shadow:none}
.booklet-controls button:hover:not(:disabled){color:var(--glow-white)}
.booklet-controls button:disabled{opacity:.25;cursor:default}
.booklet-stream{flex-shrink:0;margin:0}
.booklet-credits{min-width:0}
.booklet-credits h2{margin:0 0 22px;font:500 13px var(--font-body);letter-spacing:.16em;text-transform:uppercase}
.booklet-credits dl{columns:2;column-gap:24px;margin:0}
.booklet-credits dl>div{break-inside:avoid;margin:0 0 20px}
.booklet-credits dt{color:var(--haze);font-size:11px;margin-bottom:4px}
.booklet-credits dd{margin:0;font-size:13px;line-height:1.6}
@media(max-width:760px){.booklet-layout{grid-template-columns:1fr;gap:30px}.booklet-viewer{position:static}#booklet-reader{height:auto;max-height:65vh}.booklet-main{padding-left:16px;padding-right:16px}.booklet-heading{margin:24px 0}}

@media(max-width:420px){.booklet-credits dl{column-gap:16px}.booklet-credits dd{font-size:12px}}

@media(max-width:760px){.booklet-heading{align-items:flex-start;flex-direction:column;gap:18px}}

/* Align the compact streaming action to the title, below the subtitle. */
.booklet-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:10px;align-items:center}
.booklet-title{display:contents}
.booklet-heading .eyebrow{grid-column:1 / -1;grid-row:1}
.booklet-heading h1{grid-column:1;grid-row:2;margin:0}
.booklet-stream.nbtn{grid-column:2;grid-row:2;min-height:36px;padding:0 18px;font-size:11px;letter-spacing:.14em;justify-self:end;align-self:center}
@media(max-width:760px){.booklet-heading{grid-template-columns:1fr;row-gap:12px}.booklet-stream.nbtn{grid-column:1;grid-row:3;justify-self:start}}