/* Book author portrait: keep the portrait scale stable as the viewport width changes.
   A dark overlay fades from opaque to transparent across the left side of the image,
   giving the portrait a simple, continuous feather into the section background. */
.book-page .book-author.about-author {
  background-color: #0d1212;
  background-image:
    linear-gradient(
      90deg,
      #0d1212 0%,
      #0d1212 38%,
      rgba(13,18,18,.98) 43%,
      rgba(13,18,18,.86) 49%,
      rgba(13,18,18,.60) 56%,
      rgba(13,18,18,.30) 63%,
      rgba(13,18,18,.10) 69%,
      rgba(13,18,18,0) 75%
    ),
    url('../../about/aaMoore.avif');
  background-repeat: no-repeat;
  background-position: left top, right center;
  background-size: 100% 100%, auto 100%;
}

/* Tablet: keep the same simple left-edge feather, with a darker veil for readability. */
@media (max-width: 1024px) {
  .book-page .book-author.about-author {
    background-image:
      linear-gradient(rgba(0,0,0,.55), rgba(0,0,0,.55)),
      linear-gradient(
        90deg,
        #0d1212 0%,
        #0d1212 28%,
        rgba(13,18,18,.96) 36%,
        rgba(13,18,18,.78) 46%,
        rgba(13,18,18,.48) 57%,
        rgba(13,18,18,.20) 68%,
        rgba(13,18,18,0) 80%
      ),
      url('../../about/aaMoore.avif');
    background-position: left top, left top, right center;
    background-size: 100% 100%, 100% 100%, auto 100%;
  }
}

@media (max-width: 700px) {
  .book-page .book-author.about-author {
    background-image:
      linear-gradient(rgba(0,0,0,.75), rgba(0,0,0,.75)),
      linear-gradient(180deg, rgba(13,18,18,.06) 0%, rgba(13,18,18,.25) 34%, rgba(13,18,18,.92) 69%, rgba(13,18,18,.98) 100%),
      url('../../about/aaMoore.png');
    background-position: left top, left top, center 15%;
    background-size: 100% 100%, 100% 100%, cover;
  }
}

/* Restore the full Shachar Press lockup beneath the sunrise mark.
   The current PNG contains the mark only, so the wordmark is rendered here
   to preserve the original stacked SHACHAR / PRESS presentation. */
.book-page .book-publisher .book-publisher-logo {
  order: 2;
  width: min(280px, 72vw);
  margin-bottom: .25rem;
}

.book-page .book-publisher .eyebrow {
  order: 1;
}

.book-page .book-publisher-inner::before,
.book-page .book-publisher-inner::after {
  display: block;
  color: #080808;
  font-family: Georgia, 'Times New Roman', serif;
  text-transform: uppercase;
}

.book-page .book-publisher-inner::before {
  content: "SHACHAR";
  order: 3;
  margin-top: .05rem;
  font-size: clamp(2.25rem, 8vw, 3.25rem);
  font-weight: 700;
  line-height: .92;
  letter-spacing: .015em;
}

.book-page .book-publisher-inner::after {
  content: "PRESS";
  order: 4;
  margin-top: .3rem;
  font-size: clamp(1.35rem, 5vw, 2rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .22em;
  padding-left: .22em;
}