/* Error 404 — Book I: Why Me? / Почему я? */

.page.book-why-me::before{
  background-image:url("backgrounds/error-404-why-me-bg.webp");
  background-position:center center;
  filter:brightness(.50) contrast(1.08) saturate(.80) blur(1.1px);
}

.page.book-why-me::after{
  background:
    linear-gradient(90deg,
      rgba(11,11,13,.94) 0%,
      rgba(11,11,13,.78) 34%,
      rgba(11,11,13,.52) 62%,
      rgba(11,11,13,.24) 84%,
      rgba(11,11,13,.10) 100%),
    radial-gradient(70% 80% at 62% 45%,
      rgba(210,150,80,.07) 0%,
      rgba(210,150,80,0) 70%);
}

.book-copy{
  font-size:13px;
  line-height:1.25;
  color:var(--muted);
  max-width:78ch;
}

.book-copy p{
  margin:0 0 12px;
}

.book-copy p:last-child{
  margin-bottom:0;
}

.book-hero{
  display:grid;
  grid-template-columns:minmax(180px,260px) 1fr;
  gap:18px;
  align-items:start;
}

.book-cover-large{
  width:100%;
  aspect-ratio:2/3;
  border-radius:16px;
  overflow:hidden;
  border:1px solid rgba(242,242,244,.08);
  background:rgba(255,255,255,.035);
  box-shadow:0 18px 42px rgba(0,0,0,.30);
}

.book-cover-large img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.status-line{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 0 12px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(210,150,80,.18);
  background:rgba(210,150,80,.045);
  color:rgba(242,242,244,.86);
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
}

.theme-list{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:7px;
  color:var(--muted);
  font-size:13px;
  line-height:1.35;
  max-width:78ch;
}

.theme-list li::before{
  content:'— ';
  opacity:.72;
}

.excerpt{
  position:relative;
  max-width:78ch;
  font-size:14px;
  line-height:1.46;
  color:rgba(242,242,244,.94);
  letter-spacing:.01em;
}

.excerpt p{
  margin:0 0 7px;
}

.excerpt h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.25;
  color:rgba(242,242,244,.96);
}

.excerpt h4{
  margin:16px 0 8px;
  font-size:13px;
  line-height:1.25;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
}

.excerpt.is-collapsed{
  max-height:560px;
  overflow:hidden;
}

.excerpt-fade{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:105px;
  pointer-events:none;
  background:linear-gradient(to bottom,rgba(11,11,13,0) 0%,rgba(11,11,13,.68) 58%,rgba(11,11,13,.96) 100%);
  display:none;
}

.excerpt.is-collapsed .excerpt-fade{
  display:block;
}

.book-note{
  margin-top:12px;
  font-size:12px;
  line-height:1.25;
  color:var(--muted);
  opacity:.86;
}

.book-nav{
  margin-top:18px;
  display:flex;
  justify-content:flex-start;
}

.book-nav .btn{
  font-size:12px;
  padding:9px 13px;
  font-weight:700;
  opacity:.86;
}

@media(max-width:900px){
  .book-hero{
    grid-template-columns:1fr;
  }

  .book-cover-large{
    max-width:320px;
  }
}