/* =========================================================
   03 — YA FANTASY BOOKS
   Page-owned presentation. Keep this file independent from 07.
   v15.55 — artwork visibility tuning
   ========================================================= */

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

.ya-fantasy-artwork-page .ya-fantasy-intro{
  font-size:clamp(1.08rem,1.38vw,1.30rem) !important;
  line-height:1.55;
}

.ya-fantasy-artwork-page .ya-genre-reading-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;
}

.ya-fantasy-artwork-page .ya-genre-reading-title span{
  color:rgba(224,190,128,.72);
  font-family:"Cormorant Garamond",Garamond,Georgia,serif;
  font-weight:500;
  font-style:italic;
  letter-spacing:.01em;
}

.ya-fantasy-artwork-page .ya-genre-reading-title + p{
  margin-top:0 !important;
}

.ya-fantasy-artwork-page .ya-genre-reading-close{
  margin-top:32px !important;
  padding-top:22px;
  border-top:1px solid rgba(224,178,83,.18);
}

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

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

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

html.knowledge-stage-active.knowledge-portrait-landscape body.ya-fantasy-artwork-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/ya-fantasy-artwork-desktop.webp") center top/cover no-repeat;
  pointer-events:none;
  z-index:0;
}