.series-page {
  background: var(--paper);
}

.series-hero,
.volume-hero {
  background:
    linear-gradient(135deg, var(--surface-strong), var(--paper) 68%),
    var(--paper);
  border-bottom: 2px solid var(--ink);
  min-height: 78vh;
  overflow: hidden;
  padding: 22px clamp(18px, 4vw, 64px) clamp(48px, 7vw, 92px);
  position: relative;
}

.series-hero::before,
.volume-hero::before {
  animation: seriesGridDrift 14s linear infinite;
  background:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size: 76px 76px;
  content: "";
  inset: 0;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
}

.series-hero::after,
.volume-hero::after {
  animation: seriesSpectrum 4.5s ease-in-out infinite;
  background: linear-gradient(90deg, var(--teal), var(--gold));
  background-size: 240% 100%;
  bottom: 0;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  width: 100%;
}

.series-hero .topbar,
.volume-hero .topbar,
.series-hero-inner,
.volume-hero-inner {
  position: relative;
  z-index: 1;
}

.series-hero-inner,
.volume-hero-inner {
  align-items: center;
  display: grid;
  gap: clamp(40px, 8vw, 120px);
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  margin: clamp(64px, 9vw, 132px) auto 0;
  max-width: 1420px;
}

.series-hero-copy {
  max-width: 840px;
}

.series-hero-copy > .eyebrow,
.volume-hero-copy > .eyebrow {
  align-items: center;
  display: flex;
  gap: 10px;
}

.series-hero-copy > .eyebrow::before,
.volume-hero-copy > .eyebrow::before {
  animation: seriesSignal 2s ease-in-out infinite;
  background: var(--gold);
  border: 1px solid var(--ink);
  border-radius: 50%;
  box-shadow: 0 0 0 0 var(--gold-soft);
  content: "";
  flex: 0 0 auto;
  height: 10px;
  width: 10px;
}

.series-hero h1,
.volume-hero h1 {
  font-size: clamp(3.4rem, 8vw, 8.4rem);
  line-height: 0.92;
  margin-top: 20px;
  max-width: 11ch;
}

.series-subtitle {
  color: var(--teal-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.35rem, 3vw, 2.7rem);
  line-height: 1.15;
  margin-top: 18px;
}

.series-intro {
  color: var(--ink-soft);
  font-size: clamp(1rem, 1.45vw, 1.2rem);
  line-height: 1.72;
  margin-top: 24px;
  max-width: 75ch;
}

.series-corpus {
  align-items: center;
  background: var(--ink);
  color: var(--paper);
  display: grid;
  gap: clamp(28px, 6vw, 88px);
  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.8fr);
  padding: clamp(48px, 7vw, 88px) clamp(20px, 5vw, 72px);
}

.series-corpus-copy {
  max-width: 760px;
}

.series-corpus .eyebrow {
  color: var(--gold);
}

.series-corpus h2 {
  color: #fff;
  font-size: clamp(2.8rem, 6vw, 6.4rem);
  line-height: 0.96;
  margin-top: 12px;
}

.series-corpus p:not(.eyebrow) {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.08rem;
  line-height: 1.7;
  margin-top: 18px;
}

.series-corpus .button {
  margin-top: 24px;
}

.series-corpus audio {
  filter: drop-shadow(0 16px 30px rgba(0, 0, 0, 0.28));
  width: 100%;
}

.series-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 30px;
}

.series-cover-stack {
  aspect-ratio: 4 / 5;
  margin: 0 auto;
  max-width: 480px;
  position: relative;
  width: 100%;
}

.series-cover-stack figure {
  animation: seriesCoverFloat 5s ease-in-out infinite;
  background: #fff;
  border: 2px solid var(--ink);
  box-shadow: 0 18px 40px var(--shadow);
  height: 76%;
  margin: 0;
  object-fit: cover;
  position: absolute;
  width: 58%;
}

.series-cover-stack figure:nth-child(1) {
  left: 0;
  top: 18%;
  transform: rotate(-7deg);
}

.series-cover-stack figure:nth-child(2) {
  animation-delay: -2.4s;
  right: 0;
  top: 14%;
  transform: rotate(7deg);
}

.series-cover-stack figure:nth-child(3) {
  animation-delay: -4.8s;
  left: 21%;
  top: 0;
  z-index: 2;
}

.series-cover-stack figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.series-cover-stack figcaption {
  background: var(--ink);
  color: var(--paper);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.6rem, 4vw, 3.4rem);
  left: 12px;
  line-height: 1;
  padding: 8px 11px;
  position: absolute;
  top: 12px;
}

.series-thesis,
.series-reference,
.volume-overview,
.related-books {
  display: grid;
  gap: clamp(32px, 7vw, 100px);
  grid-template-columns: minmax(260px, 0.75fr) minmax(0, 1.25fr);
  margin: 0 auto;
  max-width: 1420px;
  padding: clamp(64px, 9vw, 128px) clamp(20px, 5vw, 72px);
}

.series-thesis h2,
.series-reference h2,
.volume-overview h2,
.related-books h2 {
  font-size: clamp(2rem, 4.4vw, 4.7rem);
  line-height: 1.03;
  margin-top: 12px;
}

.series-thesis-copy {
  display: grid;
  gap: 22px;
}

.series-thesis-copy p,
.volume-overview > div:last-child p {
  color: var(--ink-soft);
  font-size: 1.08rem;
  line-height: 1.75;
}

.series-laws,
.series-volumes,
.volume-ideas,
.series-media {
  border-top: 1px solid var(--line);
  padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px);
}

.series-laws .section-heading,
.series-volumes .section-heading,
.volume-ideas .section-heading,
.series-media .section-heading {
  margin: 0 auto 42px;
  max-width: 1420px;
}

.law-grid {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0 auto;
  max-width: 1420px;
}

.law-grid article {
  border: 1px solid var(--line);
  min-height: 280px;
  overflow: hidden;
  padding: clamp(24px, 4vw, 48px);
  position: relative;
}

.law-grid article::after {
  animation: lawScan 5.5s linear infinite;
  background: linear-gradient(90deg, transparent, var(--teal), var(--gold), transparent);
  content: "";
  height: 2px;
  left: -70%;
  opacity: 0.68;
  position: absolute;
  top: 0;
  width: 70%;
}

.law-grid article:nth-child(2)::after {
  animation-delay: -3s;
}

.law-grid article:nth-child(3)::after {
  animation-delay: -6s;
}

.law-grid article + article {
  border-left: 0;
}

.law-grid span,
.volume-idea-list span {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 0.78rem;
  font-weight: 800;
}

.law-grid h3 {
  font-size: clamp(1.35rem, 2.2vw, 2.1rem);
  line-height: 1.1;
  margin-top: 56px;
}

.law-grid p {
  color: var(--ink-soft);
  line-height: 1.65;
  margin-top: 16px;
}

.series-volume-list {
  border-top: 2px solid var(--ink);
  margin: 0 auto;
  max-width: 1420px;
}

.series-volume-card {
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: clamp(26px, 5vw, 74px);
  grid-template-columns: minmax(180px, 0.36fr) minmax(0, 1.64fr);
  padding: 32px 0;
}

.series-volume-visual {
  align-self: start;
  background: var(--surface);
  border: 1px solid var(--line);
  display: block;
  overflow: hidden;
}

.series-volume-visual img {
  aspect-ratio: 0.77;
  object-fit: cover;
  transition: transform 240ms ease;
  width: 100%;
}

.series-volume-visual:hover img {
  transform: scale(1.025);
}

.series-volume-copy {
  align-content: center;
  display: grid;
}

.volume-meta {
  color: var(--muted);
  display: flex;
  flex-wrap: wrap;
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 800;
  gap: 16px;
  text-transform: uppercase;
}

.volume-meta span + span {
  color: var(--teal-dark);
}

.series-volume-copy h3 {
  font-size: clamp(1.8rem, 4vw, 4.4rem);
  line-height: 1;
  margin-top: 12px;
}

.series-volume-copy h3 a {
  text-decoration: none;
}

.volume-function {
  color: var(--gold);
  font-family: var(--mono);
  font-size: 0.76rem;
  font-weight: 800;
  margin-top: 12px;
  text-transform: uppercase;
}

.series-volume-copy > p:not(.volume-function) {
  color: var(--ink-soft);
  line-height: 1.7;
  margin-top: 18px;
  max-width: 78ch;
}

.text-link {
  color: var(--teal-dark);
  font-weight: 800;
  margin-top: 20px;
  width: fit-content;
}

.volume-cover-placeholder {
  align-content: center;
  aspect-ratio: 0.77;
  background:
    linear-gradient(135deg, var(--paper-deep), var(--surface-strong)),
    var(--paper);
  color: var(--ink);
  display: grid;
  justify-items: center;
  padding: 24px;
}

.volume-cover-placeholder span,
.volume-cover-placeholder small {
  font-family: var(--mono);
  font-size: 0.75rem;
  font-weight: 800;
  text-transform: uppercase;
}

.volume-cover-placeholder strong {
  color: var(--teal-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(5rem, 13vw, 11rem);
  font-weight: 400;
  line-height: 1;
}

.series-reference {
  background: var(--ink);
  color: var(--paper);
  max-width: none;
}

.series-reference > div:first-child {
  justify-self: end;
  max-width: 900px;
}

.series-reference p {
  color: var(--paper-deep);
  line-height: 1.7;
  margin-top: 18px;
}

.series-reference .eyebrow {
  color: var(--gold);
  margin-top: 0;
}

.series-reference-actions,
.related-book-actions {
  align-content: center;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.volume-hero {
  min-height: 70vh;
}

.volume-hero-inner {
  grid-template-columns: minmax(0, 1.35fr) minmax(240px, 0.65fr);
}

.volume-hero h1 {
  font-size: clamp(3rem, 7vw, 7.1rem);
  max-width: 12ch;
}

.volume-question {
  border-left: 4px solid var(--gold);
  color: var(--ink-soft);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.15rem, 2vw, 1.65rem);
  line-height: 1.45;
  margin-top: 30px;
  max-width: 58ch;
  padding-left: 20px;
}

.volume-status-note {
  color: var(--muted);
  font-family: var(--mono);
  font-size: 0.72rem;
  margin-top: 14px;
  text-transform: uppercase;
}

.publication-pending {
  align-items: center;
  border: 1px solid var(--line);
  color: var(--muted);
  display: inline-flex;
  font-family: var(--mono);
  font-size: 0.74rem;
  font-weight: 800;
  min-height: 44px;
  padding: 10px 14px;
  text-transform: uppercase;
}

.volume-page-cover {
  animation: volumeCoverFloat 5.5s ease-in-out infinite;
  background: #fff;
  border: 2px solid var(--ink);
  box-shadow: 0 18px 42px var(--shadow);
  justify-self: center;
  max-height: 620px;
  object-fit: cover;
  width: min(100%, 430px);
}

.volume-page-cover.volume-cover-placeholder {
  min-height: 500px;
}

.volume-summary {
  font-size: clamp(1.2rem, 2vw, 1.55rem) !important;
}

.volume-overview > div:last-child {
  display: grid;
  gap: 20px;
}

.volume-idea-list {
  border-top: 2px solid var(--ink);
  list-style: none;
  margin: 0 auto;
  max-width: 1420px;
  padding: 0;
}

.volume-idea-list li {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: 26px;
  grid-template-columns: 54px 1fr;
  min-height: 88px;
  padding: 16px 0;
}

.volume-idea-list p {
  font-size: clamp(1rem, 2vw, 1.35rem);
}

.series-media-list {
  border-top: 2px solid var(--ink);
  margin: 0 auto;
  max-width: 1420px;
}

.series-media-item {
  align-items: center;
  border-bottom: 1px solid var(--line);
  display: grid;
  gap: clamp(24px, 5vw, 70px);
  grid-template-columns: minmax(0, 0.8fr) minmax(300px, 1.2fr);
  padding: 32px 0;
}

.series-media-item h3,
.series-media-empty h3 {
  font-size: clamp(1.4rem, 3vw, 2.7rem);
  line-height: 1.08;
  margin-top: 8px;
}

.series-media-item p:not(.eyebrow),
.series-media-empty p:not(.eyebrow) {
  color: var(--ink-soft);
  line-height: 1.65;
  margin-top: 14px;
}

.series-media-item video {
  background: #000;
  max-height: 540px;
  width: 100%;
}

.series-media-item video.portrait {
  aspect-ratio: 406 / 720;
  justify-self: center;
  max-width: 360px;
  object-fit: contain;
  width: 100%;
}

.series-media-item audio {
  width: 100%;
}

.series-media-empty {
  border-bottom: 1px solid var(--line);
  padding: 42px 0;
}

.related-books {
  border-top: 2px solid var(--ink);
}

.volume-featured-books {
  border-top: 2px solid var(--ink);
  padding: clamp(64px, 8vw, 112px) clamp(20px, 5vw, 72px);
}

.volume-featured-books > .section-heading,
.series-book-feature-list {
  margin-left: auto;
  margin-right: auto;
  max-width: 1420px;
}

.series-book-feature-list {
  border-top: 2px solid var(--ink);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.series-book-feature {
  display: grid;
  gap: clamp(22px, 4vw, 44px);
  grid-template-columns: minmax(150px, 0.65fr) minmax(0, 1.35fr);
  padding: clamp(26px, 4vw, 52px);
}

.series-book-feature + .series-book-feature {
  border-left: 1px solid var(--line);
}

.series-book-cover-link {
  align-self: start;
  border: 2px solid var(--ink);
  box-shadow: 0 14px 28px var(--shadow);
  display: block;
  overflow: hidden;
}

.series-book-cover-link img {
  aspect-ratio: 0.68;
  background: #fff;
  object-fit: contain;
  transition: transform 220ms ease;
  width: 100%;
}

.series-book-cover-link:hover img {
  transform: scale(1.025);
}

.series-book-feature h3 {
  font-size: clamp(1.5rem, 3vw, 2.8rem);
  line-height: 1;
  margin-top: 8px;
}

.series-book-subtitle {
  color: var(--teal-dark) !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.08rem;
  margin-top: 8px !important;
}

.series-book-feature p:not(.eyebrow) {
  color: var(--ink-soft);
  line-height: 1.65;
  margin-top: 14px;
}

.series-book-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 22px;
}

.series-sequence {
  margin-top: 0;
}

@media (max-width: 900px) {
  .series-hero-inner,
  .volume-hero-inner,
  .series-corpus,
  .series-thesis,
  .series-reference,
  .volume-overview,
  .related-books {
    grid-template-columns: 1fr;
  }

  .series-cover-stack {
    max-width: 380px;
  }

  .law-grid {
    grid-template-columns: 1fr;
  }

  .law-grid article + article {
    border-left: 1px solid var(--line);
    border-top: 0;
  }

  .series-reference > div:first-child {
    justify-self: start;
  }

  .series-book-feature-list {
    grid-template-columns: 1fr;
  }

  .series-book-feature + .series-book-feature {
    border-left: 0;
    border-top: 1px solid var(--line);
  }
}

@media (max-width: 640px) {
  .series-hero,
  .volume-hero {
    min-height: 0;
  }

  .series-hero h1,
  .volume-hero h1 {
    font-size: 3.05rem;
  }

  .series-volume-card,
  .series-media-item {
    grid-template-columns: 1fr;
  }

  .series-volume-visual {
    max-width: 220px;
  }

  .volume-page-cover {
    max-width: 280px;
  }

  .series-cover-stack {
    max-width: 300px;
  }

  .series-book-feature {
    grid-template-columns: 1fr;
  }

  .series-book-cover-link {
    max-width: 220px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .series-hero::before,
  .volume-hero::before,
  .series-hero::after,
  .volume-hero::after,
  .series-hero-copy > .eyebrow::before,
  .volume-hero-copy > .eyebrow::before,
  .series-cover-stack figure,
  .law-grid article::after,
  .volume-page-cover {
    animation: none;
  }

  .series-volume-visual img {
    transition: none;
  }
}

@keyframes seriesGridDrift {
  from {
    background-position: 0 0, 0 0;
  }

  to {
    background-position: 76px 38px, 76px 38px;
  }
}

@keyframes seriesSpectrum {
  0%,
  100% {
    background-position: 0 50%;
  }

  50% {
    background-position: 100% 50%;
  }
}

@keyframes seriesSignal {
  0%,
  100% {
    box-shadow: 0 0 0 0 var(--gold-soft);
    opacity: 0.72;
  }

  50% {
    box-shadow: 0 0 0 9px transparent;
    opacity: 1;
  }
}

@keyframes seriesCoverFloat {
  0%,
  100% {
    margin-top: 0;
  }

  50% {
    margin-top: -16px;
  }
}

@keyframes volumeCoverFloat {
  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-14px);
  }
}

@keyframes lawScan {
  0% {
    left: -70%;
  }

  46%,
  100% {
    left: 110%;
  }
}