/* =========================================================
   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 .knowledge-article-shell{
  background:
    linear-gradient(
      180deg,
      rgba(42,25,58,.58) 0%,
      rgba(28,18,43,.60) 48%,
      rgba(20,14,33,.62) 100%
    );
  box-shadow:
    0 24px 70px rgba(0,0,0,.24),
    inset 0 0 0 1px rgba(255,230,168,.045),
    inset 0 18px 46px rgba(119,73,160,.08);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.ya-fantasy-artwork-page .ya-fantasy-page-title{
  font-size:80% !important;
}

.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 .knowledge-article-hero{
  margin-bottom:clamp(18px,2.2vw,28px);
}

.ya-fantasy-artwork-page .knowledge-article-hero + .knowledge-article-section{
  padding-top:clamp(22px,2.7vw,32px);
}

.ya-fantasy-artwork-page .knowledge-article-section > p:not(.knowledge-section-kicker):not(.knowledge-section-note){
  color:rgba(236,224,209,.84);
  line-height:1.66;
}

.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);
}

.ya-fantasy-artwork-page .knowledge-trh-promo{
  width:min(760px,100%);
  margin-left:auto;
  margin-right:auto;
}

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;
}