.book-hero[data-astro-cid-3tsr4clz] {
  position: relative;
  display: grid;
  grid-template-columns: minmax(200px, 19rem) 1fr;
  gap: clamp(var(--space-lg), 6vw, var(--space-2xl));
  align-items: center;
  min-height: clamp(520px, 52vh, 720px);
  padding: calc(var(--pad-section) + 6.5rem) var(--pad-inline) var(--pad-section);
  background-color: var(--moss);
  color: var(--cream);
  overflow: hidden;
}

.book-hero[data-astro-cid-3tsr4clz]:before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--band-img);
  background-size: cover;
  background-position: 50% 65%;
  transform: scale(1.06);
}

.book-hero[data-astro-cid-3tsr4clz]:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #12140e80;
  pointer-events: none;
}

.book-hero[data-astro-cid-3tsr4clz] > * {
  position: relative;
  z-index: 1;
}

.book-hero-object {
  filter: drop-shadow(0 22px 34px #00000073) drop-shadow(0 6px 12px #00000040);
}

.book-hero-text[data-astro-cid-3tsr4clz] {
  max-width: 40rem;
}

.eyebrow[data-astro-cid-3tsr4clz] {
  color: var(--gold);
  font-size: var(--text-eyebrow);
  font-weight: 550;
  margin-bottom: var(--space-2xs);
}

.book-hero[data-astro-cid-3tsr4clz] h1[data-astro-cid-3tsr4clz] {
  font-family: var(--font-sans);
  font-stretch: var(--stretch-display);
  font-weight: 550;
  font-size: var(--display-md);
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}

.book-hero[data-astro-cid-3tsr4clz] h1[data-astro-cid-3tsr4clz]:after {
  content: "";
  display: block;
  width: min(320px, 70%);
  height: 2px;
  background: var(--gold);
  margin-top: var(--space-md);
}

.subtitle[data-astro-cid-3tsr4clz] {
  margin-top: var(--space-md);
  font-style: italic;
  font-size: var(--text-lg);
}

.meta[data-astro-cid-3tsr4clz] {
  margin-top: var(--space-2xs);
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
  color: color-mix(in srgb, var(--cream) 75%, transparent);
}

.actions[data-astro-cid-3tsr4clz] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm) var(--space-md);
  margin-top: var(--space-lg);
}

.synopsis[data-astro-cid-3tsr4clz] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(16rem, 22rem);
  gap: clamp(var(--space-lg), 6vw, var(--space-2xl));
  background: var(--cream);
  color: var(--ink);
  padding: var(--pad-section) var(--pad-inline);
}

.section-eyebrow[data-astro-cid-3tsr4clz] {
  font-family: var(--font-sans);
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: var(--tracking-caps);
  text-transform: uppercase;
}

.section-eyebrow[data-astro-cid-3tsr4clz]:after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  background: var(--gold);
  margin-top: var(--space-2xs);
  margin-bottom: var(--space-lg);
}

.comps[data-astro-cid-3tsr4clz] {
  font-style: italic;
  font-size: var(--text-lg);
  max-width: var(--measure-prose);
  margin-bottom: var(--space-md);
}

.synopsis-text[data-astro-cid-3tsr4clz] p {
  font-size: var(--text-lead);
  line-height: var(--leading-body);
  max-width: var(--measure-prose);
}

.synopsis-text[data-astro-cid-3tsr4clz] p + p {
  margin-top: var(--space-md);
}

.listen[data-astro-cid-3tsr4clz] {
  align-self: start;
}

.listen[data-astro-cid-3tsr4clz] p[data-astro-cid-3tsr4clz] {
  font-size: var(--text-lead);
  line-height: var(--leading-body);
}

.listen[data-astro-cid-3tsr4clz] .small[data-astro-cid-3tsr4clz] {
  margin-top: var(--space-md);
  font-size: var(--text-base);
  color: color-mix(in srgb, var(--ink) 70%, var(--cream));
}

.book-hero[data-astro-cid-3tsr4clz].is-night {
  background-color: var(--book-ground);
}

.book-hero[data-astro-cid-3tsr4clz].is-night:before {
  background-position: center;
  transform: scale(1.02);
}

.book-hero[data-astro-cid-3tsr4clz].is-night:after {
  background: linear-gradient(90deg,
			color-mix(in srgb, var(--book-ground) 82%, transparent) 0%,
			color-mix(in srgb, var(--book-ground) 50%, transparent) 45%,
			color-mix(in srgb, var(--book-accent) 10%, transparent) 100%);
}

.book-hero[data-astro-cid-3tsr4clz].is-night .eyebrow[data-astro-cid-3tsr4clz] {
  color: var(--book-accent);
}

.book-hero[data-astro-cid-3tsr4clz].is-night h1[data-astro-cid-3tsr4clz]:after {
  background: var(--book-accent);
}

.book-hero[data-astro-cid-3tsr4clz].is-night .actions[data-astro-cid-3tsr4clz] .btn-gold[data-astro-cid-3tsr4clz] {
  background: var(--book-accent);
  border-color: var(--book-accent);
  color: var(--book-ground);
}

.synopsis[data-astro-cid-3tsr4clz].is-night {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background: var(--book-story);
  color: var(--book-ink);
}

.synopsis[data-astro-cid-3tsr4clz].is-night .section-eyebrow[data-astro-cid-3tsr4clz] {
  color: var(--book-accent-soft);
}

.synopsis[data-astro-cid-3tsr4clz].is-night .section-eyebrow[data-astro-cid-3tsr4clz]:after {
  background: var(--book-accent);
}

.synopsis[data-astro-cid-3tsr4clz].is-night .comps[data-astro-cid-3tsr4clz] {
  color: color-mix(in srgb, var(--book-ink) 85%, var(--book-story));
}

.synopsis[data-astro-cid-3tsr4clz].is-night .listen[data-astro-cid-3tsr4clz] .small[data-astro-cid-3tsr4clz] {
  color: color-mix(in srgb, var(--book-ink) 70%, var(--book-story));
}

.synopsis[data-astro-cid-3tsr4clz].is-night a[data-astro-cid-3tsr4clz] {
  color: var(--book-accent-soft);
}

.synopsis[data-astro-cid-3tsr4clz].is-night:before, .synopsis[data-astro-cid-3tsr4clz].is-night:after {
  content: "";
  position: absolute;
  inset: -25%;
  z-index: -1;
  pointer-events: none;
  filter: blur(80px);
  background-repeat: no-repeat;
}

.synopsis[data-astro-cid-3tsr4clz].is-night:before {
  background-image: radial-gradient(38% 34% at 74% 28%, color-mix(in srgb, var(--aurora-pink) 62%, transparent), transparent 70%),
			radial-gradient(34% 40% at 88% 72%, color-mix(in srgb, var(--aurora-violet) 55%, transparent), transparent 70%);
}

.synopsis[data-astro-cid-3tsr4clz].is-night:after {
  background-image: radial-gradient(44% 30% at 62% 58%, color-mix(in srgb, var(--aurora-blue) 40%, transparent), transparent 70%),
			radial-gradient(28% 30% at 18% 88%, color-mix(in srgb, var(--aurora-violet) 28%, transparent), transparent 70%);
}

.synopsis[data-astro-cid-3tsr4clz].is-night > [data-astro-cid-3tsr4clz] {
  position: relative;
  z-index: 1;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes aurora-a {
    0% {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: .45;
    }

    50% {
      opacity: .85;
    }

    100% {
      transform: translate3d(-7%, 5%, 0) scale(1.18);
      opacity: .5;
    }
  }

  @keyframes aurora-b {
    0% {
      transform: translate3d(0, 0, 0) scale(1.12);
      opacity: .35;
    }

    50% {
      opacity: .7;
    }

    100% {
      transform: translate3d(6%, -6%, 0) scale(1);
      opacity: .4;
    }
  }

  .synopsis[data-astro-cid-3tsr4clz].is-night:before {
    animation: aurora-a calc(var(--dur-breathe) * .6) ease-in-out infinite alternate;
  }

  .synopsis[data-astro-cid-3tsr4clz].is-night:after {
    animation: aurora-b calc(var(--dur-breathe) * .75) ease-in-out infinite alternate;
  }
}

.buy[data-astro-cid-3tsr4clz] {
  background: var(--gold);
  color: var(--ink);
  padding: var(--pad-section) var(--pad-inline);
  text-align: center;
}

.buy[data-astro-cid-3tsr4clz] h2[data-astro-cid-3tsr4clz] {
  font-family: var(--font-sans);
  font-stretch: var(--stretch-display);
  font-weight: 640;
  font-size: var(--display-lg);
  line-height: 1.05;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.retailers[data-astro-cid-3tsr4clz] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-sm);
  margin-top: var(--space-lg);
}

.buy-note[data-astro-cid-3tsr4clz] {
  margin-top: var(--space-md);
  font-size: var(--text-lead);
}

.buy-note[data-astro-cid-3tsr4clz] a[data-astro-cid-3tsr4clz] {
  color: var(--ink);
}

.signup-intro[data-astro-cid-3tsr4clz] {
  font-size: var(--text-lead);
  line-height: 1.55;
  max-width: 28rem;
  margin: var(--space-md) auto 0;
}

@media (width <= 900px) {
  .book-hero[data-astro-cid-3tsr4clz] {
    grid-template-columns: 1fr;
    padding-top: calc(var(--pad-section) + 5rem);
  }

  .book-hero-object {
    width: min(60%, 300px);
  }

  .synopsis[data-astro-cid-3tsr4clz] {
    grid-template-columns: 1fr;
  }
}

@media (width <= 640px) {
  .book-hero[data-astro-cid-3tsr4clz] {
    padding-top: var(--pad-section);
  }

  .actions[data-astro-cid-3tsr4clz] .btn[data-astro-cid-3tsr4clz] {
    flex: 100%;
  }

  .buy[data-astro-cid-3tsr4clz] h2[data-astro-cid-3tsr4clz] {
    font-size: var(--display-md);
  }
}