/* V137 — featured book panel.
   Home wheel / panel scrolling is intentionally untouched.
   Home2/Home3 image text has been replaced with crisp HTML text. */



.home-book-feature{
  position:relative;
  z-index:2;
  height:100vh;
  min-height:680px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.09);
  background:rgba(4,16,24,.13);
}
.home-book-feature-shade{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 25% 52%,rgba(66,130,170,.08),transparent 31%),
    radial-gradient(circle at 67% 49%,rgba(230,154,78,.055),transparent 28%),
    linear-gradient(180deg,rgba(4,16,24,.40),rgba(4,16,24,.57));
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}
.home-book-feature-inner{
  position:relative;
  z-index:2;
  height:100%;
  display:grid;
  grid-template-columns:minmax(420px,.95fr) minmax(500px,1.05fr);
  align-items:center;
  gap:clamp(42px,5.5vw,94px);
  width:min(78vw,1480px);
  margin-inline:auto;
  padding:clamp(58px,7vh,88px) 0 clamp(72px,8vh,104px);
}
.featured-book-visual{
  position:relative;
  justify-self:end;
  width:min(100%,610px);
  height:min(78vh,790px);
  display:flex;
  align-items:center;
  justify-content:center;
  isolation:isolate;
  opacity:0;
  transform:translate3d(-38px,28px,0) scale(.955);
  filter:blur(10px);
  transition:
    opacity .72s ease,
    transform 1.02s cubic-bezier(.16,1,.3,1),
    filter .78s ease;
  will-change:transform,opacity,filter;
}
.featured-book-cover{
  position:relative;
  z-index:3;
  display:block;
  width:auto;
  height:min(74vh,748px);
  max-width:100%;
  object-fit:contain;
  background:transparent;
  border:0;
  box-shadow:none;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.30));
  transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s ease;
  -webkit-user-drag:none;
  user-select:none;
}
.featured-book-visual:hover .featured-book-cover{
  transform:translateY(-18px) scale(1.06);
  filter:drop-shadow(0 38px 52px rgba(0,0,0,.40));
}

.featured-book-copy{
  align-self:center;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding-top:1vh;
  color:#f3eee7;
}
.featured-book-title-text{
  margin:0;
  max-width:760px;
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  font-size:clamp(64px,5.7vw,112px);
  font-weight:500;
  line-height:.96;
  letter-spacing:.055em;
  color:#f4c977;
  text-shadow:0 0 20px rgba(226,158,58,.15);
}
.featured-book-subtitle-text{
  margin:clamp(24px,3.2vh,38px) 0 0;
  max-width:720px;
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  font-size:clamp(21px,1.65vw,31px);
  font-weight:450;
  line-height:1.55;
  letter-spacing:.045em;
  color:rgba(241,205,141,.90);
}
.featured-book-description-text{
  margin-top:clamp(24px,3.8vh,42px);
  max-width:720px;
  font-family:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  font-size:clamp(16px,1.05vw,21px);
  line-height:1.72;
  letter-spacing:.03em;
  color:rgba(239,241,243,.82);
}
.featured-book-description-text p{margin:0}
.featured-book-description-text p+p{margin-top:.25em}

/* One-character-at-a-time reveal. JS supplies the individual spans. */
.featured-book-title-text .book-char,
.featured-book-subtitle-text .book-char,
.featured-book-description-text .book-char{
  display:inline-block;
  opacity:0;
  transform:translate3d(0,12px,0);
  filter:blur(5px);
  transition-property:opacity,transform,filter;
  transition-duration:.56s,.72s,.56s;
  transition-timing-function:ease,cubic-bezier(.16,1,.3,1),ease;
  transition-delay:var(--char-delay,0ms);
  will-change:opacity,transform,filter;
}
.home-book-feature.is-book-copy-revealing .book-char,
.home-book-feature.is-book-copy-revealed .book-char{
  opacity:1;
  transform:translate3d(0,0,0);
  filter:blur(0);
}

.featured-book-actions{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-top:clamp(28px,4vh,44px);
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity .58s ease,transform .78s cubic-bezier(.16,1,.3,1);
}
.home-book-feature.is-book-actions-visible .featured-book-actions{
  opacity:1;
  transform:translate3d(0,0,0);
}
.featured-book-read,
.featured-book-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-width:196px;
  min-height:54px;
  padding:0 28px;
  border-radius:999px;
  color:rgba(247,249,250,.94);
  font-size:13px;
  font-weight:650;
  letter-spacing:.04em;
  white-space:nowrap;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease;
}
.featured-book-read,
.featured-book-more{
  border:1px solid rgba(188,209,222,.30);
  background:linear-gradient(135deg,rgba(141,174,195,.17),rgba(255,255,255,.06));
  box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.12);
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
}
.featured-book-read b,.featured-book-more b{font-size:18px;font-weight:400;line-height:1;transition:transform .2s ease}
.featured-book-read:hover,
.featured-book-more:hover{
  border-color:rgba(202,222,234,.48);
  background:linear-gradient(135deg,rgba(151,187,209,.24),rgba(255,255,255,.08));
  box-shadow:0 18px 42px rgba(0,0,0,.22),0 0 26px rgba(145,195,225,.08),inset 0 1px 0 rgba(255,255,255,.15);
  transform:translateY(-2px);
}
.featured-book-read:hover b,.featured-book-more:hover b{transform:translateX(4px)}

.home-book-feature.is-book-intro-started .featured-book-visual{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

/* Continuous golden orbit. It starts immediately when this panel becomes active,
   stays alive while the panel is visible, and pauses off-screen for performance. */
.featured-book-orbit{
  position:absolute;
  z-index:2;
  left:50%;
  top:53%;
  width:142%;
  height:68%;
  transform:translate(-50%,-50%) rotate(-4deg);
  pointer-events:none;
  opacity:0;
  filter:drop-shadow(0 0 9px rgba(255,178,75,.52)) drop-shadow(0 0 24px rgba(255,137,35,.26));
  transition:opacity .18s ease;
}
.featured-book-orbit-back{z-index:1;clip-path:inset(0 0 47% 0)}
.featured-book-orbit-front{z-index:4;clip-path:inset(47% 0 0 0)}
.featured-book-orbit svg{display:block;width:100%;height:100%;overflow:visible}
.featured-book-orbit-path{
  fill:none;
  stroke:rgba(255,179,74,.97);
  stroke-width:3.2;
  stroke-linecap:round;
  stroke-dasharray:420 1030;
  stroke-dashoffset:0;
  vector-effect:non-scaling-stroke;
}
.featured-book-orbit-back .featured-book-orbit-path{stroke-width:2.4;opacity:.62}
.featured-book-visual.is-orbit-looping .featured-book-orbit{opacity:1}
.featured-book-visual.is-orbit-looping .featured-book-orbit-path{
  animation:featuredBookOrbitLoop 3.15s linear infinite;
}
.featured-book-orbit-front .featured-book-orbit-path{animation-delay:-1.575s}
@keyframes featuredBookOrbitLoop{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-1450}
}
.featured-book-orbit-spark{
  position:absolute;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#ffd99a;
  box-shadow:0 0 9px #ffd188,0 0 24px rgba(255,158,45,.85),0 0 42px rgba(255,135,25,.5);
  opacity:0;
}
.spark-one{left:18%;bottom:23%}
.spark-two{right:15%;bottom:34%;width:5px;height:5px}
.featured-book-visual.is-orbit-looping .spark-one{animation:featuredBookSparkLoop 3.15s ease-in-out infinite}
.featured-book-visual.is-orbit-looping .spark-two{animation:featuredBookSparkLoop 3.15s ease-in-out -1.35s infinite}
@keyframes featuredBookSparkLoop{
  0%,100%{opacity:.1;transform:scale(.45)}
  42%,58%{opacity:1;transform:scale(1)}
}

.featured-book-next{bottom:clamp(22px,3.4vh,36px)}

@media(max-width:1150px) and (min-width:801px){
  .home-book-feature-inner{
    width:min(86vw,1180px);
    grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);
    gap:36px;
  }
  .featured-book-cover{height:min(69vh,690px)}
  .featured-book-title-text{font-size:clamp(56px,6vw,86px)}
  .featured-book-subtitle-text{font-size:clamp(18px,2vw,25px)}
  .featured-book-description-text{font-size:clamp(15px,1.35vw,18px)}
}

@media(max-width:800px){
  .home-book-feature{
    height:auto;
    min-height:100vh;
    overflow:hidden;
  }
  .home-book-feature-inner{
    width:min(88vw,700px);
    height:auto;
    min-height:100vh;
    grid-template-columns:1fr;
    gap:22px;
    align-content:center;
    padding:90px 0 104px;
  }
  .featured-book-visual{
    justify-self:center;
    width:min(78vw,470px);
    height:auto;
  }
  .featured-book-cover{
    width:min(72vw,410px);
    height:auto;
  }
  .featured-book-copy{align-items:center;text-align:center;padding-top:0}
  .featured-book-title-text{font-size:clamp(48px,15vw,82px)}
  .featured-book-subtitle-text{font-size:clamp(17px,4.7vw,24px);line-height:1.5}
  .featured-book-description-text{font-size:clamp(14px,3.8vw,18px);line-height:1.7}
  .featured-book-actions{justify-content:center;margin-top:26px}
  .featured-book-read,.featured-book-more{min-width:168px;min-height:50px;padding:0 22px}
  .featured-book-orbit{width:145%;height:70%}
  .featured-book-next{display:none}
}