body:is(.page-id-1212, .page-id-125, .book-detail-page) {
  --shared-hero-frame-height: clamp(380px, 46.7vw, 560px);
  --shared-hero-fade-end: 80px;
  background-color: #fff !important;
}

body.page-id-1212 {
  --shared-hero-photo: url("/media/books-hero-2026-v2.jpeg");
}

body.page-id-1212 #post-1212 .wp-block-columns.book-covers-first-row {
  position: relative;
  margin-top: -30px;
}

body.page-id-1212 #post-1212 .book-cover-caption .book-cover-caption__publication {
  color: #162521 !important;
}

body.page-id-1212 #post-1212 .book-cover-caption .book-cover-caption__detail {
  color: #176f70 !important;
}

body.page-id-1212 #post-1212 .entry-content a:not(.wp-block-button__link) {
  color: #8c6416 !important;
  text-decoration-line: underline !important;
  text-decoration-color: #e9b44c !important;
  text-decoration-thickness: 1.5px !important;
  text-underline-offset: 3px !important;
  transition: color 160ms ease, text-decoration-color 160ms ease;
}

body.page-id-1212 #post-1212 .entry-content a:not(.wp-block-button__link):hover {
  color: #0f8b8d !important;
  text-decoration-color: #0f8b8d !important;
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(100%, 225px);
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a {
  display: block;
  width: 100%;
  height: 100%;
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure.book-cover-square > a {
  align-self: center;
  height: auto;
  aspect-ratio: 1;
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a {
  transform-origin: center bottom;
  transition: transform 220ms ease;
}

body.page-id-1212 #post-1212 .book-cover-caption {
  font-family: Muli, Arial, sans-serif;
  font-size: 12px;
}

@media (hover: hover) {
  body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a:hover {
    transform: scale(1.05);
  }
}

body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a:focus-visible {
  transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-1212 #post-1212 .wp-block-columns .wp-block-image figure > a {
    transition: none;
  }
}

body.page-id-125 {
  --shared-hero-photo: url("/media/archive/498.jpeg");
}

body:is(.page-id-1212, .page-id-125, .book-detail-page) #header-image-main,
body:is(.page-id-1212, .page-id-125, .book-detail-page) #header-image-main-inside {
  height: var(--shared-hero-frame-height) !important;
  min-height: var(--shared-hero-frame-height) !important;
  max-height: none !important;
}

body:is(.page-id-1212, .page-id-125, .book-detail-page) #header-overlay,
body:is(.page-id-1212, .page-id-125, .book-detail-page) #header-image-main .header-image {
  display: none !important;
}

body:is(.page-id-1212, .page-id-125, .book-detail-page) #content {
  isolation: isolate;
  background: transparent !important;
}

body:is(.page-id-1212, .page-id-125, .book-detail-page) #content::before {
  position: absolute;
  z-index: -1;
  top: calc(0px - var(--shared-hero-frame-height));
  right: 0;
  left: 0;
  height: calc(var(--shared-hero-frame-height) + var(--shared-hero-fade-end));
  background-image:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 30%,
      rgba(255, 255, 255, 0.02) 40%,
      rgba(255, 255, 255, 0.08) 52%,
      rgba(255, 255, 255, 0.22) 64%,
      rgba(255, 255, 255, 0.48) 75%,
      rgba(255, 255, 255, 0.77) 85%,
      rgba(255, 255, 255, 0.94) 94%,
      #fff 100%
    ),
    linear-gradient(
      180deg,
      rgba(8, 65, 92, 0.55) 0,
      rgba(28, 17, 10, 0.55) 28%,
      rgba(28, 17, 10, 0.37) 62%,
      rgba(28, 17, 10, 0.16) 100%
    ),
    var(--shared-hero-photo);
  background-position: center top, center top, center top;
  background-size: 100% 100%, 100% 100%, cover;
  background-repeat: no-repeat;
  background-attachment: scroll, scroll, scroll;
  content: "";
  pointer-events: none;
}

body:is(.page-id-1212, .page-id-125, .book-detail-page) #container,
body:is(.page-id-1212, .page-id-125, .book-detail-page) #main,
body:is(.page-id-1212, .page-id-125, .book-detail-page) :is(#post-1212, #post-125),
body:is(.page-id-1212, .page-id-125, .book-detail-page) :is(#post-1212, #post-125) .article-inner,
body:is(.page-id-1212, .page-id-125, .book-detail-page) :is(#post-1212, #post-125) .entry-content,
body.page-id-125 #post-125 .entry-content.about-page-content {
  background: transparent !important;
}

@media (max-width: 700px) {
  body:is(.page-id-1212, .page-id-125, .book-detail-page) {
    --shared-hero-frame-height: clamp(340px, 72vw, 440px);
  }
}

@media (max-width: 420px) {
  body:is(.page-id-1212, .page-id-125, .book-detail-page) {
    --shared-hero-frame-height: 340px;
  }
}