/* A continuous, restrained midnight atmosphere across the author website. */
/* Keep the homepage hero untouched; only design the pages below it. */

/* Soft blue-green shadows and a muted silver-amber glow echo the hero.
   These are color treatments only: no new scary illustrations or figures. */
.book-shelf, .intro, .symptoms, .ocean, .eternal, .author, .closing {
  background-color: #0b1114;
  background-image:
    radial-gradient(ellipse 75% 65% at 8% 12%, rgba(42, 74, 72, .17), transparent 75%),
    radial-gradient(ellipse 55% 60% at 94% 85%, rgba(98, 75, 53, .11), transparent 80%),
    linear-gradient(165deg, #0d171a 0%, #0a1115 48%, #0b0e11 100%);
  border-top: 1px solid rgba(156, 175, 168, .11);
}
.intro, .eternal, .closing {
  background-image:
    radial-gradient(ellipse 65% 65% at 88% 20%, rgba(55, 77, 77, .16), transparent 77%),
    radial-gradient(ellipse 60% 65% at 10% 90%, rgba(100, 67, 49, .13), transparent 78%),
    linear-gradient(195deg, #0b1418 0%, #0b1013 56%, #101113 100%);
}
.ocean {
  background-image:
    radial-gradient(ellipse 70% 65% at 50% 22%, rgba(37, 76, 86, .24), transparent 76%),
    linear-gradient(180deg, #0d171a 0%, #07151c 58%, #0b1014 100%);
}
.horror-scene, .featured-book, .future-book {
  background-color: #11191b;
  border-color: rgba(138, 158, 153, .30);
}
.horror-scene:not(.finale), .featured-book {
  background-image: linear-gradient(120deg, rgba(36, 61, 61, .18), rgba(19, 22, 25, .93));
}
.future-book {
  background-image: radial-gradient(ellipse at 50% 30%, rgba(55, 79, 76, .20), #101316 78%);
}
.ring, .monogram {
  border-color: rgba(145, 162, 155, .33);
  background: radial-gradient(ellipse at 50% 40%, #273534 0%, #131c1d 45%, #0b1114 86%);
}
.ring:before {
  border-color: rgba(155, 162, 150, .18);
  box-shadow: 0 0 0 30px rgba(46, 69, 66, .08), 0 0 0 31px rgba(142, 155, 145, .12);
}
.section p { color: #b9bcb7; }
.eyebrow, .kicker { color: #c6ada0; }
footer { background: #0a0f12; border-top-color: rgba(156, 175, 168, .18); }

/* Editorial typography: refined mystery-novel titles and easy-to-read prose. */
.section h2, .closing h2, .horror-copy h3,
.featured-book h3, .future-book h3, .ring blockquote {
  font-family: 'Marcellus', Georgia, serif;
  font-weight: 400;
  letter-spacing: -.035em;
}
.section h2 { font-size: clamp(45px, 5.5vw, 81px); line-height: 1.13; }
.horror-copy h3 { font-size: clamp(38px, 4.3vw, 62px); line-height: 1.13; }
.closing h2 { font-size: clamp(55px, 7.3vw, 104px); line-height: 1.1; }
.section p, .closing p, .horror-copy p, .future-book p {
  font-family: 'Manrope', 'DM Sans', sans-serif;
  font-size: 15px;
  line-height: 1.95;
  letter-spacing: .006em;
}
.eyebrow, .horror-copy span {
  font-family: 'Manrope', sans-serif;
  letter-spacing: .22em;
  font-size: 10px;
}

/* Make the scenic hero's forest and ocean recur as very restrained shadows.
   Atmospheric art stays behind content and never competes with story images. */
.book-shelf, .intro, .symptoms, .ocean, .eternal, .author, .closing {
  position: relative;
  isolation: isolate;
  background-image:
    linear-gradient(95deg, rgba(7, 16, 19, .91), rgba(10, 17, 20, .93) 53%, rgba(7, 15, 18, .91)),
    url('author-hero-v3.png');
  background-size: cover, cover;
  background-position: center, center 54%;
  overflow: hidden;
}
.intro, .eternal, .closing {
  background-image:
    linear-gradient(105deg, rgba(9, 18, 22, .94), rgba(12, 19, 22, .88), rgba(8, 16, 19, .93)),
    url('author-hero-v3.png');
  background-position: center, right 55%;
}
.ocean {
  background-image:
    linear-gradient(110deg, rgba(5, 19, 24, .85), rgba(8, 21, 25, .87)),
    url('author-hero-v3.png');
  background-position: center, center bottom;
}
.book-shelf::before, .intro::before, .symptoms::before,
.ocean::before, .eternal::before, .author::before, .closing::before {
  content: '';
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(ellipse 45% 28% at 88% 8%, rgba(174, 137, 97, .075), transparent 75%),
    radial-gradient(ellipse 60% 32% at 3% 83%, rgba(37, 92, 98, .12), transparent 80%);
}
.section .container, .closing > * { position: relative; z-index: 1; }
.section h2::after {
  content: '';
  display: block;
  width: 64px;
  height: 1px;
  margin-top: 27px;
  background: linear-gradient(90deg, #b9a98c, rgba(106, 157, 161, .18));
}
.center h2::after { margin-left: auto; margin-right: auto; }
.section .eyebrow { color: #c7b9a9; }
.horror-scene { box-shadow: 0 18px 60px rgba(0, 0, 0, .25); }
.featured-book, .future-book, .ring, .monogram {
  box-shadow: 0 18px 65px rgba(0, 0, 0, .22);
}
@media(max-width:700px) {
  .section h2 { font-size: clamp(40px, 9vw, 62px); }
  .horror-copy h3 { font-size: clamp(35px, 8vw, 50px); }
  .section p { font-size: 14px; }
}

/* Preserve the supplied Amazon portrait exactly: crop the left photograph
   visually inside its frame without resynthesizing or retouching the face. */
.author-photo-frame {
  width: 100%;
  max-width: 460px;
  aspect-ratio: 1;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(171, 185, 180, .45);
  box-shadow: 0 26px 75px rgba(0, 0, 0, .48), 0 0 0 9px rgba(101, 129, 128, .055);
  background: #1a252b;
  justify-self: center;
}
.author-photo-frame img {
  display: block;
  width: 333.6%;
  height: auto;
  max-width: none;
  transform: translate(-.96%, -2.93%);
  filter: saturate(.87) contrast(1.035);
}
.author-photo-frame::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 38px rgba(5, 17, 23, .28);
}