:root {
  --bg: #090705;
  --bg-deep: #050403;
  --panel: #17110c;
  --panel-2: #21170f;
  --text: #f5ead7;
  --muted: #cdbda3;
  --gold: #c89b39;
  --gold-soft: #ebc96f;
  --gold-pale: #f3dd9a;
  --red: #7b241d;
  --line: rgba(211, 166, 70, 0.30);
  --line-strong: rgba(226, 184, 88, 0.52);
  --shadow: 0 28px 80px rgba(0,0,0,0.58);
  --max: 1240px;
  --radius: 9px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  font-family: Georgia, "Times New Roman", serif;
  color: var(--text);
  background:
    radial-gradient(circle at 78% 8%, rgba(102, 47, 19, 0.20), transparent 31%),
    radial-gradient(circle at 20% 36%, rgba(82, 38, 16, 0.12), transparent 26%),
    linear-gradient(180deg, #0d0a07 0%, var(--bg) 48%, var(--bg-deep) 100%);
  line-height: 1.66;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

img { max-width: 100%; height: auto; }
a { color: var(--gold-soft); text-decoration: none; }
a:hover { color: var(--gold-pale); }
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid var(--gold-soft);
  outline-offset: 3px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(8, 6, 4, 0.94);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 28px rgba(0,0,0,0.18);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

.nav {
  width: min(var(--max), calc(100% - 44px));
  min-height: 74px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.brand {
  flex: 0 0 auto;
  color: var(--text);
  font-weight: 700;
  font-size: 0.96rem;
  letter-spacing: 0.17em;
  line-height: 1.25;
  text-transform: uppercase;
  white-space: nowrap;
}

.brand:hover { color: var(--gold-soft); }

.nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  min-width: 0;
  font-size: 0.93rem;
}

.nav-links a {
  position: relative;
  color: var(--muted);
  white-space: nowrap;
  padding: 26px 0 23px;
}

.nav-links a:hover,
.nav-links a[aria-current="page"] { color: var(--gold-soft); }

.nav-links a[aria-current="page"]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17px;
  height: 1px;
  background: var(--gold);
}

main { overflow: hidden; }

.hero {
  position: relative;
  isolation: isolate;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 74% 46%, rgba(140, 78, 24, 0.17), transparent 32%),
    linear-gradient(115deg, rgba(28,18,11,0.78), rgba(7,5,4,0.30));
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(0,0,0,0.16), transparent 50%, rgba(0,0,0,0.10));
}

.home-hero { min-height: calc(100vh - 74px); }
.book-hero { min-height: 690px; }

.hero-grid {
  width: min(var(--max), calc(100% - 44px));
  min-height: inherit;
  margin: 0 auto;
  padding: 64px 0;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(350px, 0.92fr);
  align-items: center;
  gap: clamp(48px, 7vw, 96px);
}

.hero-copy { min-width: 0; }
.hero-copy > :last-child { margin-bottom: 0; }

.kicker {
  margin: 0 0 16px;
  color: var(--gold-soft);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.19em;
  line-height: 1.45;
  text-transform: uppercase;
}

h1, h2, h3 {
  margin: 0 0 18px;
  line-height: 1.08;
  text-wrap: balance;
}

h1 {
  max-width: 850px;
  font-size: clamp(3.25rem, 5.4vw, 5.65rem);
  letter-spacing: -0.035em;
}

.book-hero h1 { font-size: clamp(3rem, 5vw, 5.1rem); }

h2 {
  color: var(--text);
  font-size: clamp(2rem, 3.5vw, 3.25rem);
  letter-spacing: -0.018em;
}

h3 {
  color: var(--gold-soft);
  font-size: clamp(1.35rem, 2vw, 1.65rem);
}

p { max-width: 800px; margin: 0 0 18px; }

.lede {
  max-width: 800px;
  color: var(--muted);
  font-size: clamp(1.13rem, 1.7vw, 1.36rem);
  line-height: 1.62;
}

.tagline {
  color: var(--gold-soft);
  font-size: clamp(1.16rem, 1.7vw, 1.42rem);
  font-weight: 700;
  line-height: 1.42;
}

.button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
  margin-top: 28px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 11px 18px;
  border: 1px solid var(--gold);
  border-radius: 3px;
  background: linear-gradient(180deg, #f0d78f, #d7ae53);
  color: #120c05;
  box-shadow: 0 7px 22px rgba(0,0,0,0.16);
  font-size: 0.80rem;
  font-weight: 700;
  letter-spacing: 0.065em;
  line-height: 1.2;
  text-align: center;
  text-transform: uppercase;
  transition: transform 140ms ease, filter 140ms ease, border-color 140ms ease;
}

.button.secondary {
  background: rgba(8,6,4,0.35);
  color: var(--gold-soft);
}

.button:hover {
  color: #120c05;
  filter: brightness(1.07);
  transform: translateY(-1px);
}

.button.secondary:hover { color: var(--gold-pale); }

.hero-cover-wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 0;
  text-align: center;
}

.hero-cover-wrap::before {
  content: "";
  position: absolute;
  inset: 10% 9% 13%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(206,151,48,0.19), rgba(119,54,16,0.09) 46%, transparent 72%);
  filter: blur(18px);
}

.hero-cover {
  width: auto;
  max-width: min(100%, 470px);
  max-height: 650px;
  object-fit: contain;
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow);
  display: block;
}

.book-hero .hero-cover {
  max-width: min(100%, 420px);
  max-height: 590px;
}

.cover-caption {
  max-width: 500px;
  margin: 16px auto 0;
  color: var(--muted);
  font-size: 0.88rem;
  letter-spacing: 0.035em;
  line-height: 1.45;
}

.section { border-bottom: 1px solid var(--line); }
.section-dark { background: rgba(7,5,4,0.48); }
.section-tight { background: rgba(20,14,9,0.58); }

.container {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  padding: 78px 0;
}

.section-tight .container { padding-top: 26px; padding-bottom: 26px; }

.grid-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(36px, 5vw, 68px);
  align-items: center;
}

.grid-3,
.book-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
}

.grid-2 .grid-2 {
  gap: 20px;
  align-items: stretch;
}

.card,
.book-card,
.feature-card {
  min-height: 100%;
  padding: 25px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(34,24,15,0.95), rgba(16,11,7,0.96));
  box-shadow: 0 18px 46px rgba(0,0,0,0.20);
}

.card p,
.book-card p,
.feature-card p { color: var(--muted); }

.card > :last-child,
.book-card > :last-child,
.feature-card > :last-child { margin-bottom: 0; }

.book-card img {
  width: 100%;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  display: block;
  margin: 0 0 20px;
  border: 1px solid var(--line);
  box-shadow: 0 20px 46px rgba(0,0,0,0.38);
}

.cover {
  width: auto;
  max-width: min(100%, 430px);
  max-height: 690px;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  border: 1px solid var(--line-strong);
  box-shadow: var(--shadow);
}

.cover.medium { max-width: min(100%, 370px); max-height: 590px; }
.cover.truth { max-width: min(100%, 410px); max-height: 620px; }

.release-bar {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: rgba(8,6,4,0.48);
}

.release-item {
  min-width: 0;
  padding: 13px 20px;
}

.release-item + .release-item { border-left: 1px solid var(--line); }
.release-item p { margin: 0; max-width: none; color: var(--muted); font-size: 0.93rem; line-height: 1.5; }
.release-item strong { color: var(--gold-soft); font-size: 0.79rem; letter-spacing: 0.08em; }

.meta-list,
.plain-list {
  margin: 0 0 24px;
  padding-left: 20px;
  color: var(--muted);
}

.meta-list li,
.plain-list li { margin-bottom: 8px; }
.meta-list strong { color: var(--text); }

.callout {
  margin: 28px 0;
  padding: 28px;
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(135deg, rgba(123,36,29,0.28), rgba(201,162,79,0.09));
}

.callout > :last-child { margin-bottom: 0; }

.form-box {
  width: min(100%, 780px);
  margin-top: 28px;
  padding: clamp(22px, 4vw, 34px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(22,16,10,0.93);
  box-shadow: 0 20px 60px rgba(0,0,0,0.22);
}

label {
  display: block;
  margin: 16px 0 7px;
  color: var(--gold-soft);
  font-weight: 700;
}

input,
textarea,
select {
  width: 100%;
  padding: 12px 13px;
  border: 1px solid rgba(211,166,70,0.46);
  border-radius: 4px;
  background: #090603;
  color: var(--text);
  font: inherit;
}

textarea { min-height: 160px; resize: vertical; }

.checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: var(--muted);
  font-weight: 400;
}

.checkbox-label input { width: auto; margin-top: 6px; }
button.button { cursor: pointer; margin-top: 18px; font-family: inherit; }

.small-note { color: var(--muted); font-size: 0.90rem; }
.center { margin-left: auto; margin-right: auto; text-align: center; }

.stack-title {
  display: block;
  max-width: 800px;
  margin-bottom: 24px;
  overflow-wrap: normal;
  word-break: normal;
  line-height: 0.96;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}

.stack-title span,
.stack-title small { display: block; white-space: nowrap; }
.stack-title span { color: var(--text); font-size: clamp(2.4rem, 6vw, 5.1rem); font-weight: 700; }
.stack-title small { margin: 0.22em 0; color: var(--gold-soft); font-size: clamp(1.1rem, 2.4vw, 2rem); letter-spacing: 0.11em; }
.stack-title.compact span { font-size: clamp(2rem, 4.8vw, 4rem); }
.stack-title.compact small { font-size: clamp(1rem, 2vw, 1.55rem); }

.site-footer {
  padding: 34px 0;
  border-top: 1px solid var(--line);
  background: #050403;
  color: var(--muted);
}

.footer-inner {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 34px;
}

.footer-inner p { margin-bottom: 9px; }

.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 18px;
  padding-top: 2px;
  white-space: nowrap;
}

@media (max-width: 1080px) {
  .nav { width: min(var(--max), calc(100% - 32px)); gap: 18px; }
  .brand { font-size: 0.88rem; letter-spacing: 0.13em; }
  .nav-links { gap: 14px; font-size: 0.87rem; }
  .hero-grid,
  .container,
  .footer-inner { width: min(var(--max), calc(100% - 32px)); }
  .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr); gap: 44px; }
  .home-hero { min-height: 760px; }
}

@media (max-width: 900px) {
  .site-header { position: relative; }
  .nav {
    width: 100%;
    min-height: auto;
    padding: 15px 18px 10px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  .brand { white-space: normal; }
  .nav-links {
    width: 100%;
    justify-content: flex-start;
    gap: 18px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .nav-links::-webkit-scrollbar { display: none; }
  .nav-links a { padding: 4px 0 8px; }
  .nav-links a[aria-current="page"]::after { bottom: 3px; }

  .home-hero,
  .book-hero { min-height: auto; }
  .hero-grid {
    width: min(760px, calc(100% - 36px));
    padding: 58px 0 62px;
    grid-template-columns: 1fr;
    gap: 46px;
  }
  .hero-copy { text-align: left; }
  .hero-cover { max-width: min(82vw, 430px); max-height: none; }
  .book-hero .hero-cover { max-width: min(78vw, 390px); max-height: none; }
  .container { width: min(760px, calc(100% - 36px)); padding: 62px 0; }
  .grid-2,
  .grid-3,
  .book-grid { grid-template-columns: 1fr; }
  .grid-2 { gap: 38px; }
  .grid-2 .grid-2 { grid-template-columns: 1fr; gap: 18px; }
  .cover { max-height: none; }
  .release-bar { grid-template-columns: 1fr; }
  .release-item + .release-item { border-left: 0; border-top: 1px solid var(--line); }
  .footer-inner { width: min(760px, calc(100% - 36px)); flex-direction: column; }
  .footer-links { justify-content: flex-start; }
  .stack-title span,
  .stack-title small { white-space: normal; }
}

@media (max-width: 560px) {
  body { line-height: 1.6; }
  .nav { padding-left: 15px; padding-right: 15px; }
  .brand { font-size: 0.82rem; letter-spacing: 0.11em; }
  .nav-links { gap: 16px; font-size: 0.84rem; }
  .hero-grid,
  .container,
  .footer-inner { width: calc(100% - 30px); }
  .hero-grid { padding-top: 46px; padding-bottom: 52px; }
  h1 { font-size: clamp(2.65rem, 13vw, 4.15rem); }
  .book-hero h1 { font-size: clamp(2.5rem, 12vw, 3.9rem); }
  h2 { font-size: clamp(1.9rem, 9vw, 2.7rem); }
  .lede { font-size: 1.08rem; }
  .tagline { font-size: 1.15rem; }
  .button-row { display: grid; grid-template-columns: 1fr; }
  .button { width: 100%; }
  .hero-cover { max-width: min(88vw, 390px); }
  .book-hero .hero-cover { max-width: min(86vw, 365px); }
  .container { padding-top: 54px; padding-bottom: 54px; }
  .card, .book-card, .feature-card, .callout { padding: 21px; }
  .form-box { padding: 20px; }
  .footer-links { gap: 14px; white-space: normal; }
}

@media (max-width: 650px) {
  .nav-links {
    flex-wrap: wrap;
    overflow: visible;
    row-gap: 5px;
    column-gap: 15px;
  }
  .nav-links a { padding: 3px 0 7px; }
  .nav-links a[aria-current="page"]::after { bottom: 2px; }
}


/* 2026-08-22 — Newsletter + Visara brand-mark integration */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
}
.brand-mark {
  width: 48px;
  height: 48px;
  flex: 0 0 48px;
  display: block;
  object-fit: contain;
  border-radius: 4px;
}
.brand-name { display: block; }


.newsletter-hero {
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 78% 38%, rgba(142,76,23,.20), transparent 31%),
    linear-gradient(112deg,#160d08 0%,#0c0805 60%,#080604 100%);
}
.newsletter-hero-grid {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  padding: 72px 0 70px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(300px, .72fr);
  align-items: center;
  gap: clamp(46px, 6vw, 82px);
}
.newsletter-brand-panel {
  text-align: center;
}
.newsletter-brand-panel img {
  width: min(100%, 390px);
  display: block;
  margin: 0 auto;
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
}
.newsletter-benefits {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 30px 0 0;
}
.newsletter-benefit {
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(18,12,8,.70);
}
.newsletter-benefit h3 {
  margin-bottom: 8px;
  font-size: 1.12rem;
  letter-spacing: .035em;
  text-transform: uppercase;
}
.newsletter-benefit p {
  margin: 0;
  color: var(--muted);
  font-size: .95rem;
}
.newsletter-form-section {
  scroll-margin-top: 92px;
  background: rgba(7,5,4,.48);
}
.newsletter-form-card {
  width: min(820px, 100%);
  margin: 0 auto;
  padding: clamp(26px, 5vw, 46px);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(34,24,15,.96), rgba(15,10,7,.97));
  box-shadow: 0 24px 70px rgba(0,0,0,.28);
  text-align: center;
}
.newsletter-form-card h2 { margin-bottom: 12px; }
.newsletter-form-card > p { margin-left: auto; margin-right: auto; }
.newsletter-embed {
  min-height: 92px;
  margin: 30px auto 20px;
}
.newsletter-legal {
  max-width: 720px;
  margin: 16px auto 0;
  color: var(--muted);
  font-size: .84rem;
  line-height: 1.55;
}
.newsletter-legal a { text-decoration: underline; text-underline-offset: 2px; }

.thank-you-shell {
  min-height: calc(100vh - 74px);
  display: grid;
  place-items: center;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 50% 30%, rgba(167,100,28,.18), transparent 33%),
    linear-gradient(180deg,#130c07,#080604 74%);
}
.thank-you-card {
  width: min(820px, calc(100% - 44px));
  margin: 64px auto;
  padding: clamp(34px, 6vw, 64px);
  border: 1px solid var(--line-strong);
  border-radius: var(--radius);
  background: rgba(19,13,8,.94);
  box-shadow: var(--shadow);
  text-align: center;
}
.thank-you-card .thank-you-logo {
  width: min(220px, 56vw);
  margin: 0 auto 28px;
  display: block;
}
.thank-you-card h1 { max-width: none; }
.thank-you-card .lede { margin-left: auto; margin-right: auto; }
.thank-you-card .button-row { justify-content: center; }

.policy-copy {
  width: min(900px, 100%);
}
.policy-copy h2 { margin-top: 42px; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.policy-copy h3 { margin-top: 28px; color: var(--text); }
.policy-copy p, .policy-copy li { color: var(--muted); }
.policy-copy a { text-decoration: underline; text-underline-offset: 2px; }
.policy-meta {
  margin: 0 0 26px;
  color: var(--gold-soft) !important;
  font-size: .92rem;
}

@media (max-width: 1180px) {
  .nav-links { gap: 12px; font-size: .84rem; }
  .brand { font-size: .82rem; letter-spacing: .10em; }
  .brand-mark { width: 44px; height: 44px; flex-basis: 44px; }
}
@media (max-width: 900px) {
  .newsletter-hero-grid { width: min(760px, calc(100% - 36px)); grid-template-columns: 1fr; padding: 56px 0 60px; }
  .newsletter-brand-panel img { max-width: 340px; }
  .newsletter-benefits { grid-template-columns: 1fr; }
  .brand { font-size: .88rem; }
}
@media (max-width: 560px) {
  .brand-mark { width: 42px; height: 42px; flex-basis: 42px; }
  .brand-name { max-width: 220px; }
  .newsletter-hero-grid { width: calc(100% - 30px); padding: 46px 0 52px; }
  .newsletter-brand-panel img { max-width: 300px; }
  .newsletter-form-card { padding: 24px 18px; }
  .thank-you-card { width: calc(100% - 30px); margin: 42px auto; padding: 30px 20px; }
}

/* Explicit fallbacks for new pages and older renderers. */
.newsletter-hero h1 { font-size: 4.8rem; font-size: clamp(3.25rem, 5.2vw, 5.4rem); }
.newsletter-brand-panel img { width: 390px; max-width: 100%; }
.thank-you-card .thank-you-logo { width: 220px; max-width: 56vw; }
.thank-you-card h1 { font-size: 4.35rem; font-size: clamp(3rem, 5vw, 4.7rem); }
.policy-copy > h1 { font-size: 4.2rem; font-size: clamp(3rem, 5vw, 4.7rem); }
@media (max-width: 900px) {
  .newsletter-hero h1 { font-size: 4rem; }
  .thank-you-card h1, .policy-copy > h1 { font-size: 3.5rem; }
}
@media (max-width: 560px) {
  .newsletter-hero h1 { font-size: 3rem; }
  .thank-you-card h1, .policy-copy > h1 { font-size: 2.8rem; }
}


/* 2026-08-22 r4 — newsletter opens directly on signup form */
.newsletter-form-first {
  padding-top: 64px;
  padding-bottom: 64px;
  background:
    radial-gradient(circle at 50% 0%, rgba(206,155,57,.06), transparent 42%),
    rgba(7,5,4,.48);
}
@media (max-width: 760px) {
  .newsletter-form-first { padding-top: 34px; padding-bottom: 42px; }
}


/* 2026-08-24 r5 — release schedule + Alaric Volume II/III cover placeholders */
.release-bar.release-bar-four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.volume-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  margin-top: 30px;
}

.volume-card {
  min-width: 0;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: linear-gradient(180deg, rgba(34,24,15,.95), rgba(16,11,7,.97));
  box-shadow: 0 18px 46px rgba(0,0,0,.20);
}
.volume-card h3 { margin: 18px 0 8px; }
.volume-card p { color: var(--muted); }
.volume-card > :last-child { margin-bottom: 0; }

.volume-cover-frame,
.volume-cover-placeholder {
  width: 100%;
  aspect-ratio: 2 / 3;
  border: 1px solid var(--line-strong);
  box-shadow: 0 20px 46px rgba(0,0,0,.38);
  overflow: hidden;
  background: #080604;
}
.volume-cover-frame img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

.volume-cover-placeholder {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 28px 22px;
  text-align: center;
  color: var(--gold-soft);
  background:
    radial-gradient(circle at 28% 22%, rgba(211,137,38,.22), transparent 28%),
    radial-gradient(circle at 78% 68%, rgba(43,144,196,.14), transparent 30%),
    linear-gradient(155deg, #170d07 0%, #090705 55%, #080604 100%);
}
.volume-cover-placeholder::before,
.volume-cover-placeholder::after {
  content: "";
  position: absolute;
  pointer-events: none;
}
.volume-cover-placeholder::before {
  inset: 12px;
  border: 1px solid rgba(213,164,74,.52);
}
.volume-cover-placeholder::after {
  inset: 20px;
  border: 1px solid rgba(213,164,74,.18);
}
.placeholder-series,
.placeholder-trilogy,
.placeholder-volume,
.placeholder-status {
  position: relative;
  z-index: 1;
  display: block;
  text-transform: uppercase;
  letter-spacing: .13em;
}
.placeholder-series { font-size: clamp(.9rem, 1.2vw, 1.05rem); }
.placeholder-trilogy { margin-top: 18px; font-size: .74rem; color: var(--muted); }
.volume-cover-placeholder strong {
  position: relative;
  z-index: 1;
  display: block;
  margin: 4px 0 8px;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2.2rem, 4vw, 3.4rem);
  font-weight: 600;
  letter-spacing: .08em;
  color: var(--text);
  text-shadow: 0 2px 18px rgba(0,0,0,.65);
}
.placeholder-volume { font-size: 1rem; }
.placeholder-divider {
  position: relative;
  z-index: 1;
  width: 56%;
  height: 1px;
  margin: 28px 0 22px;
  background: linear-gradient(90deg, transparent, rgba(213,164,74,.85), transparent);
}
.placeholder-status {
  font-size: .76rem;
  line-height: 1.65;
  color: var(--muted);
}

.release-status-line {
  color: var(--gold-soft);
  font-weight: 700;
}

@media (max-width: 1100px) and (min-width: 901px) {
  .release-bar.release-bar-four { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .release-bar-four .release-item:nth-child(3) { border-left: 0; border-top: 1px solid var(--line); }
  .release-bar-four .release-item:nth-child(4) { border-top: 1px solid var(--line); }
}
@media (max-width: 900px) {
  .volume-grid { grid-template-columns: 1fr; }
  .volume-card { width: min(100%, 460px); margin: 0 auto; }
}

/* 2026-08-31 r7 — publisher platform, Fall of Rome series, store and release refresh */

.publisher-hero {
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 76% 45%, rgba(146,86,24,.18), transparent 32%),
    linear-gradient(112deg,#160d08 0%,#0c0805 58%,#080604 100%);
}
.publisher-hero-grid,
.feature-release-grid {
  width: min(var(--max), calc(100% - 44px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(330px,.92fr);
  gap: clamp(44px,6vw,84px);
  align-items: center;
}
.publisher-hero-grid { min-height: calc(88vh - 74px); padding: 62px 0 70px; }
.publisher-hero h1 { font-size: clamp(3.15rem,5.3vw,5.45rem); }
.publisher-promise { max-width: 770px; color: var(--gold-pale); font-size: clamp(1.22rem,2vw,1.55rem); font-style: italic; line-height: 1.5; }
.publisher-logo-panel { display:flex; align-items:center; justify-content:center; }
.publisher-logo-panel img { width:min(100%,470px); max-height:620px; object-fit:contain; filter: drop-shadow(0 24px 44px rgba(0,0,0,.55)); }

.release-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; background:rgba(13,9,6,.66); }
.release-grid .release-item { min-height:112px; padding:20px 22px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; }
.release-grid .release-item:nth-child(3n) { border-right:0; }
.release-grid .release-item:nth-last-child(-n+3) { border-bottom:0; }
.release-grid .release-item p { margin:0; }
.release-grid strong { color:var(--gold-soft); letter-spacing:.045em; }

.feature-release-grid { padding: 14px 0; }
.feature-release-grid .cover-stage { display:flex; justify-content:center; align-items:center; }
.feature-release-grid .cover-stage img { width:min(100%,430px); max-height:690px; object-fit:contain; border:1px solid var(--line); box-shadow:var(--shadow); }
.feature-release-grid.reverse .cover-stage { order:2; }
.feature-release-grid.reverse .feature-release-copy { order:1; }

.status-badge,
.start-anywhere-badge,
.edition-chip {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:max-content;
  max-width:100%;
  padding:7px 10px;
  border:1px solid var(--line-strong);
  border-radius:999px;
  color:var(--gold-pale);
  background:rgba(199,151,53,.08);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  line-height:1.25;
  text-transform:uppercase;
}
.start-anywhere-badge { margin-bottom:16px; }

.brand-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.brand-principles .card { height:100%; }

.catalog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.catalog-card { display:grid; grid-template-columns:minmax(170px,235px) minmax(0,1fr); gap:26px; padding:26px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(24,16,10,.82); box-shadow:0 16px 42px rgba(0,0,0,.28); }
.catalog-card img { width:100%; max-height:370px; object-fit:contain; align-self:start; border:1px solid var(--line); }
.catalog-card h2 { font-size:clamp(1.75rem,2.6vw,2.45rem); }
.catalog-card .button-row { margin-top:18px; }

.series-hero { border-bottom:1px solid var(--line); background:radial-gradient(circle at 72% 20%,rgba(171,102,31,.16),transparent 30%),linear-gradient(180deg,#15100b,#080604); }
.series-hero-grid { width:min(var(--max),calc(100% - 44px)); margin:0 auto; padding:72px 0 66px; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr); gap:54px; align-items:center; }
.series-hero h1 { max-width:820px; }
.series-cover-stack { display:flex; align-items:flex-end; justify-content:center; gap:14px; min-height:420px; }
.series-cover-stack img { width:30%; max-width:190px; max-height:390px; object-fit:contain; border:1px solid var(--line); box-shadow:0 18px 46px rgba(0,0,0,.48); }
.series-cover-stack img:nth-child(2) { transform:translateY(-18px); }
.volume-mini-placeholder { width:30%; max-width:190px; aspect-ratio:2/3; display:grid; place-items:center; padding:16px; text-align:center; border:1px solid var(--line-strong); background:linear-gradient(180deg,#21160e,#080604); color:var(--gold-soft); box-shadow:0 18px 46px rgba(0,0,0,.48); }

.timeline-shell { overflow-x:auto; padding:12px 0 8px; scrollbar-width:thin; }
.timeline { min-width:780px; display:grid; grid-template-columns:repeat(7,1fr); align-items:start; position:relative; padding-top:24px; }
.timeline::before { content:""; position:absolute; left:6%; right:6%; top:33px; height:1px; background:linear-gradient(90deg,transparent,var(--gold),var(--gold),transparent); }
.timeline-point { position:relative; text-align:center; padding:0 10px; }
.timeline-point::before { content:""; display:block; width:12px; height:12px; margin:3px auto 10px; border-radius:50%; background:var(--gold-soft); box-shadow:0 0 0 5px rgba(200,155,57,.12); position:relative; z-index:1; }
.timeline-point strong { display:block; color:var(--gold-soft); }
.timeline-point span { color:var(--muted); font-size:.86rem; }

.path-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:24px; }
.path-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(22,15,10,.82); }
.path-sequence { font-size:clamp(1.2rem,2.2vw,1.75rem); color:var(--gold-pale); letter-spacing:.04em; line-height:1.7; }

.arc-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.arc-card { position:relative; padding:28px 28px 26px 88px; min-height:230px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(145deg,rgba(32,22,14,.92),rgba(12,8,5,.96)); overflow:hidden; }
.arc-number { position:absolute; left:20px; top:20px; color:rgba(235,201,111,.22); font-size:4.2rem; line-height:1; font-weight:700; }
.arc-card.active { border-color:var(--gold); box-shadow:0 18px 50px rgba(0,0,0,.32); }
.arc-card h3 { color:var(--text); }
.arc-card .small-note { margin-bottom:10px; }

.trilogy-panel { padding:34px; border:1px solid var(--line-strong); border-radius:var(--radius); background:radial-gradient(circle at 50% 0%,rgba(190,127,38,.10),transparent 38%),linear-gradient(180deg,rgba(25,17,11,.98),rgba(8,6,4,.98)); }
.trilogy-volume-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:30px; }
.trilogy-volume { display:flex; flex-direction:column; padding:18px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(9,7,5,.58); }
.trilogy-volume img { width:100%; max-height:455px; object-fit:contain; border:1px solid var(--line); margin-bottom:18px; }
.trilogy-volume .button { margin-top:auto; }
.trilogy-volume .volume-mini-placeholder { width:100%; max-width:none; min-height:410px; margin-bottom:18px; }

.people-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.person-card { padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(18,12,8,.72); }
.person-card h3 { margin-bottom:8px; }

.purchase-section { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:radial-gradient(circle at 50% 0%,rgba(206,155,57,.08),transparent 40%),linear-gradient(180deg,rgba(12,8,5,.98),rgba(7,5,4,.98)); }
.purchase-intro { max-width:800px; margin-bottom:30px; }
.edition-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; max-width:1020px; }
.edition-grid.three { grid-template-columns:repeat(3,minmax(0,1fr)); max-width:none; }
.edition-card { display:flex; flex-direction:column; padding:30px; border:1px solid var(--line-strong); border-radius:var(--radius); background:linear-gradient(180deg,rgba(35,24,15,.95),rgba(16,11,7,.98)); box-shadow:var(--shadow); }
.edition-card h3 { margin:0 0 7px; font-size:1.55rem; }
.edition-price { margin:0 0 5px; color:var(--gold-soft); font-family:Georgia,'Times New Roman',serif; font-size:2rem; font-weight:700; }
.edition-sub { margin:0 0 18px; color:var(--muted); font-weight:700; }
.edition-card form { margin:24px 0 0; }
.edition-card .button { width:100%; cursor:pointer; }
.edition-card .button-row { margin-top:auto; padding-top:12px; }
.format-notes { margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.format-notes p { margin:.55rem 0; color:var(--muted); }
.store-security-note { margin-top:22px; color:var(--muted); font-size:.9rem; }
.paperback-note { max-width:900px; margin:0 0 24px; padding:16px 18px; border-left:3px solid var(--gold); background:rgba(200,155,57,.06); }
.checkout-note { margin-top:14px; color:var(--muted); font-size:.86rem; }

.store-book { padding:36px 0; border-top:1px solid var(--line); }
.store-book:first-child { border-top:0; padding-top:0; }
.store-book-grid { display:grid; grid-template-columns:minmax(220px,300px) minmax(0,1fr); gap:40px; align-items:start; }
.store-book-grid > img { width:100%; max-height:470px; object-fit:contain; border:1px solid var(--line); box-shadow:var(--shadow); }
.store-coming-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.store-coming-card { display:flex; flex-direction:column; padding:22px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(19,13,8,.82); }
.store-coming-card img { width:100%; max-height:420px; object-fit:contain; margin-bottom:18px; border:1px solid var(--line); }
.store-coming-card .button { margin-top:auto; }

.book-page-hero { border-bottom:1px solid var(--line); background:radial-gradient(circle at 75% 35%,rgba(153,88,26,.15),transparent 32%),linear-gradient(112deg,#160d08,#090604 65%); }
.book-page-grid { width:min(var(--max),calc(100% - 44px)); margin:0 auto; padding:60px 0 66px; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); gap:clamp(42px,6vw,78px); align-items:center; }
.book-page-cover { display:flex; justify-content:center; }
.book-page-cover img { width:min(100%,420px); max-height:680px; object-fit:contain; border:1px solid var(--line); box-shadow:var(--shadow); }
.book-page-copy h1 { font-size:clamp(3rem,5vw,5rem); }
.book-page-copy .lede { font-size:1.22rem; }

.blurb-copy { max-width:860px; }
.blurb-copy p { max-width:860px; font-size:1.08rem; }
.quote-callout { max-width:860px; margin:30px 0; padding:22px 26px; border-left:3px solid var(--gold); background:rgba(200,155,57,.07); color:var(--gold-pale); font-size:1.12rem; }

.footer-promise { max-width:640px; color:var(--muted); }
.footer-promise strong { color:var(--text); }

@media (max-width: 1040px) {
  .release-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .release-grid .release-item { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
  .release-grid .release-item:nth-child(2n) { border-right:0; }
  .release-grid .release-item:nth-last-child(-n+2) { border-bottom:0; }
  .catalog-grid { grid-template-columns:1fr; }
  .store-coming-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 900px) {
  .publisher-hero-grid,
  .feature-release-grid,
  .series-hero-grid,
  .book-page-grid,
  .store-book-grid { width:calc(100% - 36px); grid-template-columns:1fr; }
  .publisher-hero-grid { min-height:0; padding:54px 0 62px; }
  .publisher-logo-panel img { max-width:390px; }
  .feature-release-grid.reverse .cover-stage,
  .feature-release-grid.reverse .feature-release-copy { order:initial; }
  .path-grid,
  .arc-grid { grid-template-columns:1fr; }
  .trilogy-volume-grid,
  .people-grid,
  .edition-grid.three { grid-template-columns:1fr; }
  .trilogy-volume { width:min(100%,460px); margin:0 auto; }
  .series-cover-stack { min-height:340px; }
  .series-cover-stack img,.volume-mini-placeholder { max-width:160px; }
}

@media (max-width: 760px) {
  .edition-grid,
  .release-grid,
  .brand-principles,
  .store-coming-grid { grid-template-columns:1fr; }
  .release-grid .release-item { border-right:0 !important; border-bottom:1px solid var(--line) !important; }
  .release-grid .release-item:last-child { border-bottom:0 !important; }
  .catalog-card { grid-template-columns:1fr; }
  .catalog-card img { width:min(100%,320px); justify-self:center; }
  .edition-card { padding:24px; }
  .trilogy-panel { padding:24px; }
  .arc-card { padding-left:78px; }
}

@media (max-width: 560px) {
  .publisher-hero-grid,
  .feature-release-grid,
  .series-hero-grid,
  .book-page-grid,
  .store-book-grid { width:calc(100% - 30px); }
  .series-cover-stack { gap:7px; min-height:260px; }
  .series-cover-stack img,.volume-mini-placeholder { max-width:125px; }
  .arc-card { padding:24px 20px 22px 70px; }
  .arc-number { left:15px; top:22px; font-size:3.5rem; }
}


/* 2026-08-31 r8 — Phase 1 conversion, accessibility, excerpts, policies */
body { font-size: 18px; }
.nav-buy { padding: 10px 14px !important; border: 1px solid var(--gold); border-radius: 3px; color:#120c05 !important; background:linear-gradient(180deg,#f0d78f,#d7ae53); font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.nav-buy:hover { color:#120c05 !important; filter:brightness(1.06); }
.publisher-intro { border-bottom:1px solid var(--line); background:radial-gradient(circle at 80% 10%,rgba(155,90,26,.12),transparent 34%),linear-gradient(180deg,#120c08,#080604); }
.compact-brand { padding-top:46px; padding-bottom:42px; }
.compact-brand h1 { font-size:clamp(2.5rem,4.7vw,4.55rem); max-width:1050px; margin-bottom:14px; }
.compact-brand .publisher-promise { margin-bottom:0; }
.home-lead-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; align-items:stretch; }
.home-second-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:28px; }
.home-book-card { display:grid; grid-template-columns:minmax(190px,270px) minmax(0,1fr); gap:26px; padding:26px; border:1px solid var(--line); border-radius:var(--radius); background:linear-gradient(180deg,rgba(34,24,15,.94),rgba(14,10,7,.97)); box-shadow:0 18px 46px rgba(0,0,0,.26); }
.home-book-card.lead-book { min-height:580px; }
.home-book-card.compact-book { grid-template-columns:minmax(150px,210px) minmax(0,1fr); min-height:450px; }
.home-cover-link { align-self:start; }
.home-cover-link img { width:100%; aspect-ratio:2/3; object-fit:contain; display:block; border:1px solid var(--line-strong); box-shadow:0 18px 44px rgba(0,0,0,.48); background:#050403; }
.home-book-copy { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.home-book-copy h2 { font-size:clamp(1.8rem,2.5vw,2.6rem); }
.home-book-copy .button-row { margin-top:auto; padding-top:16px; }
.commercial-line { margin-top:18px; color:var(--gold-pale); font-size:.96rem; }
.amazon-rating { color:var(--gold-pale); font-weight:700; letter-spacing:.02em; }
.button-disabled { opacity:.62; cursor:not-allowed; filter:saturate(.6); }
.button-disabled:hover { transform:none; filter:saturate(.6); }
.edition-content { flex:1 1 auto; }
.edition-cta { margin-top:auto; padding-top:24px; }
.edition-cta .button { width:100%; }
.edition-card { min-height:100%; }
.purchase-quick-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:26px; }
.purchase-quick-grid > div { display:flex; flex-direction:column; gap:10px; padding:16px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(12,8,5,.62); }
.purchase-quick-grid p { margin:0; }
.purchase-quick-grid .button { width:100%; margin-top:auto; }
.friendly-delivery { max-width:1020px; }
details { border-top:1px solid var(--line); padding-top:14px; margin-top:14px; }
summary { cursor:pointer; color:var(--gold-soft); font-weight:700; }
.store-policy-row { display:flex; flex-wrap:wrap; gap:14px 22px; margin-top:34px; padding-top:24px; border-top:1px solid var(--line); }
.store-policy-row a { text-decoration:underline; text-underline-offset:3px; }
.reading-shell { width:min(900px,calc(100% - 44px)); }
.reading-copy { margin-top:34px; padding:clamp(24px,4vw,46px); border:1px solid var(--line); border-radius:var(--radius); background:rgba(20,14,9,.78); box-shadow:0 18px 48px rgba(0,0,0,.22); }
.reading-copy p { max-width:760px; margin:0 auto 1.15em; font-size:1.08rem; line-height:1.72; }
.reading-copy h2 { max-width:760px; margin:2.3em auto .65em; font-size:2rem; }
.reading-copy h3 { max-width:760px; margin:2em auto .75em; color:var(--gold-soft); font-size:1.18rem; letter-spacing:.05em; }
.excerpt-end { margin-top:28px; padding:24px; border-left:3px solid var(--gold); background:rgba(200,155,57,.06); }
.about-brand-mark { display:block; width:min(100%,410px); margin:0 auto; border:1px solid var(--line); box-shadow:var(--shadow); }
.action-catalog .catalog-card { min-height:460px; }
.policy-copy { width:min(900px,100%); }
.policy-copy p,.policy-copy li { font-size:1rem; line-height:1.72; }
.policy-copy h2 { margin-top:42px; }
@media(max-width:1080px){ .home-book-card,.home-book-card.compact-book{grid-template-columns:1fr;} .home-cover-link{width:min(100%,300px);justify-self:center;} .home-book-card.lead-book,.home-book-card.compact-book{min-height:0;} .home-book-copy .button-row{margin-top:20px;} .purchase-quick-grid{grid-template-columns:1fr;} }
@media(max-width:900px){ body{font-size:18px;} .nav-links{align-items:center;} .nav-buy{padding:8px 12px !important;} .home-lead-grid,.home-second-grid{grid-template-columns:1fr;} .home-lead-grid .home-book-card:nth-child(1){order:1;} .home-lead-grid .home-book-card:nth-child(2){order:2;} .home-second-grid .home-book-card:nth-child(1){order:3;} .home-second-grid .home-book-card:nth-child(2){order:4;} .reading-shell{width:min(760px,calc(100% - 36px));} }
@media(max-width:560px){ body{font-size:18px;} .button{min-height:48px;} .compact-brand{padding-top:34px;padding-bottom:32px;} .reading-shell{width:calc(100% - 30px);} .reading-copy{padding:22px 18px;} .reading-copy p{font-size:1rem;} }

.book-page-subtitle { margin:.35rem 0 1rem; color:var(--gold-pale); font-size:clamp(1.45rem,2.4vw,2.15rem); line-height:1.2; }


/* 2026-08-31 Phase 1A visual corrections */
.amazon-rating a { color:inherit; text-decoration:none; }
.amazon-rating a:hover { text-decoration:underline; text-underline-offset:3px; }
.home-card-blurb { margin:.25rem 0 0; color:var(--muted); font-size:.98rem; line-height:1.58; }

/* Keep the three Alaric hero covers intentionally identical in scale. */
.series-cover-stack { align-items:flex-end; }
.series-cover-stack .series-cover-slot { width:30%; max-width:190px; aspect-ratio:2/3; display:flex; align-items:stretch; justify-content:center; }
.series-cover-stack .series-cover-slot:nth-child(2) { transform:translateY(-18px); }
.series-cover-stack .series-cover-slot > img,
.series-cover-stack .series-cover-slot > a,
.series-cover-stack .series-cover-slot > .volume-mini-placeholder { width:100%; height:100%; max-width:none; max-height:none; margin:0; }
.series-cover-stack .series-cover-slot > a { display:block; }
.series-cover-stack .series-cover-slot > a img { width:100%; height:100%; object-fit:contain; display:block; border:1px solid var(--line); box-shadow:0 18px 46px rgba(0,0,0,.48); }
.series-cover-stack .series-cover-slot > img { object-fit:contain; border:1px solid var(--line); box-shadow:0 18px 46px rgba(0,0,0,.48); }
.series-cover-stack .series-cover-slot .volume-mini-placeholder { aspect-ratio:auto; }

/* Restore the full-century timeline as a strong visual bridge. */
.century-timeline { background:linear-gradient(180deg,rgba(25,17,11,.72),rgba(9,6,4,.88)); }
.century-timeline .kicker { margin-bottom:8px; }

/* Restore the cleaner Choose Your Edition balance and aligned checkout CTAs. */
.edition-grid { align-items:stretch; }
.edition-card { height:100%; }
.edition-card .edition-content { display:flex; flex-direction:column; flex:1 1 auto; }
.edition-card .edition-cta { margin-top:auto; padding-top:24px; }
.edition-card .format-notes { margin-top:22px; }
.traveler-editions { max-width:1020px; }
.amazon-purchase-strip { max-width:1020px; margin-top:24px; padding:20px 22px; display:flex; align-items:center; justify-content:space-between; gap:22px; border:1px solid var(--line); border-radius:var(--radius); background:rgba(25,17,11,.72); }
.amazon-purchase-strip p { margin:.2rem 0; }

/* Old excerpt presentation, polished for current pages. */
.reading-panel .scene-heading { max-width:none; margin:2.2em 0 1em; padding:16px 18px; border-top:1px solid rgba(138,91,32,.35); border-bottom:1px solid rgba(138,91,32,.25); text-align:center; }
.reading-panel .scene-heading h3 { margin:0 0 5px; color:#7a4d18; font-size:1.25rem; letter-spacing:.04em; }
.reading-panel .scene-heading p { margin:0; color:#6b5946; font-size:.93rem; line-height:1.5; }
.reading-panel h2, .reading-panel h3 { color:#6f4518; }

@media (max-width:900px) {
  .series-cover-stack .series-cover-slot { max-width:160px; }
  .amazon-purchase-strip { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .series-cover-stack .series-cover-slot { max-width:125px; }
  .series-cover-stack .series-cover-slot:nth-child(2) { transform:translateY(-8px); }
}