/* =========================================================
   01 — FANTASY BOOKS
   Page-owned presentation. Keep this file independent from other Knowledge pages.
   v15.64 — optimized content + artwork ownership
   ========================================================= */

.fantasy-books-page{
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/fantasy-books-artwork-desktop.webp") center top / cover fixed no-repeat;
}

.fantasy-books-page .fantasy-benefit-title{
  margin:30px 0 8px;
  color:rgba(243,216,149,.94);
  font-family:"Cormorant SC","Times New Roman",serif;
  font-size:clamp(1.18rem,1.7vw,1.42rem);
  font-weight:600;
  line-height:1.18;
  letter-spacing:.035em;
}

.fantasy-books-page .fantasy-benefit-title + p{
  margin-top:0 !important;
}

html.knowledge-stage-active body.fantasy-books-page{
  background:#090611;
}

body.fantasy-books-page .knowledge-landscape-viewport{
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/fantasy-books-artwork-desktop.webp") center top/cover fixed no-repeat;
}

html.knowledge-stage-active.knowledge-portrait-landscape body.fantasy-books-page>.knowledge-landscape-viewport{
  background:transparent;
}

html.knowledge-stage-active.knowledge-portrait-landscape body.fantasy-books-page::before{
  content:"";
  position:fixed;
  left:0;
  top:0;
  width:var(--knowledge-physical-h);
  height:var(--knowledge-physical-w);
  transform:translateX(var(--knowledge-physical-w)) rotate(90deg);
  transform-origin:top left;
  background:
    linear-gradient(rgba(9,6,17,.38),rgba(9,6,17,.42)),
    url("/assets/fantasy-books-artwork-desktop.webp") center top/cover no-repeat;
  pointer-events:none;
  z-index:0;
}