/* SayHi Constellation — language, light, literature, stars. */
:root {
  --const-ink: #173673;
  --const-ink-soft: #29498d;
  --const-paper: #edf3ff;
  --const-paper-bright: #fbfcff;
  --const-blue: #315eea;
  --const-violet: #7267c9;
  --const-cyan: #b9ddff;
  --const-silver: #6f7ca8;
  --const-rule: rgba(49, 94, 234, .17);
  --const-rule-dark: rgba(226, 236, 255, .26);
  --const-ease: cubic-bezier(.22, 1, .36, 1);
}

html { background: var(--const-ink); }
body.home-page {
  overflow-x: clip;
  background: var(--const-paper);
  color: var(--const-ink);
}

body.home-page ::selection { background: var(--const-blue); color: #fff; }
body.home-page :focus-visible { outline: 2px solid var(--const-cyan); outline-offset: 5px; }
body.home-page .container { width: min(100% - 64px, 1320px); max-width: none; }
body.home-page .eyebrow {
  color: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .015em;
  text-transform: none;
}

/* The legacy observer remains useful on inner pages; the homepage timeline owns reveal state. */
.home-page.constellation-ready .reveal,
.home-page.constellation-ready .reveal.in {
  opacity: 1;
  transform: none;
  transition: none;
}

/* Flat, editorial controls replace generic pill UI. */
body.home-page .btn,
body.home-page .discovery-search,
body.home-page .lang-switch,
body.home-page .current-swap {
  border-radius: 0;
  box-shadow: none;
}

body.home-page .btn {
  min-height: 48px;
  padding-inline: 20px;
  border: 1px solid currentColor;
  background: transparent;
  transition: color .35s ease, background-color .35s ease, border-color .35s ease, transform .35s var(--const-ease);
}

body.home-page .btn:hover { transform: translateY(-2px); }

/* Navigation changes material as the spatial field gives way to paper. */
.home-page.constellation-ready .nav,
.home-page.constellation-ready .nav.scrolled {
  height: 74px;
  border-bottom: 1px solid rgba(8, 11, 11, .12);
  background: rgba(238, 233, 222, .88);
  backdrop-filter: blur(18px);
  transition: background-color .5s ease, border-color .5s ease, color .5s ease;
}

.home-page.constellation-ready .nav:not(.scrolled) {
  color: var(--const-paper-bright);
  border-bottom-color: rgba(255,255,255,.12);
  background: rgba(5,7,7,.08);
  backdrop-filter: blur(7px);
}

.home-page.constellation-ready .nav-inner { max-width: none; padding-inline: 4.5vw; }
.home-page.constellation-ready .nav:not(.scrolled) .brand-logo { filter: none; }
.home-page.constellation-ready .nav:not(.scrolled) .brand-text,
.home-page.constellation-ready .nav:not(.scrolled) .nav-links a,
.home-page.constellation-ready .nav:not(.scrolled) .nav-actions,
.home-page.constellation-ready .nav:not(.scrolled) .btn-ghost { color: var(--const-paper-bright); }
.home-page.constellation-ready .nav-links a { position: relative; font-size: 13px; font-weight: 550; }
.home-page.constellation-ready .nav-links a::before {
  position: absolute;
  right: -9px;
  top: 50%;
  width: 3px;
  height: 3px;
  background: currentColor;
  border-radius: 50%;
  content: "";
  opacity: 0;
  transform: scale(0);
  transition: opacity .25s ease, transform .35s var(--const-ease);
}
.home-page.constellation-ready .nav-links a:hover::before,
.home-page.constellation-ready .nav-links a.active::before { opacity: 1; transform: scale(1); }
.home-page.constellation-ready .nav-links a.active::after { display: none; }
.home-page.constellation-ready .nav .btn-primary { background: var(--const-blue); border-color: var(--const-blue); color: #fff; }

/* 01 — glyphs begin as coordinates in a dark reading field. */
.home-page.constellation-ready .hero {
  isolation: isolate;
  min-height: 100svh;
  padding: 0;
  overflow: hidden;
  background: var(--const-ink);
  color: var(--const-paper-bright);
}

.home-page.constellation-ready .hero::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    linear-gradient(90deg, rgba(5,7,7,.98) 0%, rgba(5,7,7,.82) 43%, rgba(5,7,7,.18) 78%, rgba(5,7,7,.58) 100%),
    radial-gradient(circle at 70% 45%, rgba(45,98,255,.14), transparent 32%);
  content: "";
}

.home-page.constellation-ready .hero::after {
  position: absolute;
  inset: 74px 4.5vw auto;
  z-index: 3;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.42) 0 7%, transparent 7% 72%, rgba(255,255,255,.42) 72% 100%);
  content: "";
  pointer-events: none;
}

.home-page.constellation-ready .hero-visual {
  z-index: -3;
  inset: 0;
  width: 100%;
  opacity: .36;
  filter: grayscale(1) contrast(1.12) brightness(.62);
  mask-image: linear-gradient(90deg, transparent 22%, #000 64%, #000 100%);
}
.home-page.constellation-ready .hero-visual::after { display: none; }
.home-page.constellation-ready .hero-visual img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }

/* Blender remodels: layered editorial objects in the hero field. */
.blender-model-rail { position: absolute; z-index: 2; inset: 0; pointer-events: none; overflow: hidden; }
.blender-model { position: absolute; width: clamp(260px, 31vw, 470px); height: auto; object-fit: contain; mix-blend-mode: screen; opacity: calc(.2 + (var(--hero-scroll-progress) * .34)); filter: drop-shadow(0 18px 35px rgba(0,0,0,.28)); transform-origin: center; }
.blender-model-astrolabe { right: 7vw; top: 7%; transform: rotate(-9deg) translate3d(0, calc(var(--hero-scroll-progress) * -20px), 0); }
.blender-model-sculpture { right: 24vw; bottom: -8%; width: clamp(210px, 23vw, 360px); opacity: calc(.12 + (var(--hero-scroll-progress) * .26)); transform: rotate(7deg) translate3d(0, calc(var(--hero-scroll-progress) * 18px), 0); }
.home-page:not(.constellation-ready) .blender-model-rail { opacity: .72; }
@media (max-width: 780px) {
  .blender-model { width: 66vw; right: -10vw; top: 12%; opacity: .24; }
  .blender-model-sculpture { width: 54vw; right: 8vw; bottom: 4%; opacity: .16; }
}

.home-page.constellation-ready .hero-inner {
  position: relative;
  z-index: 4;
  display: grid;
  grid-template-columns: minmax(320px, .78fr) minmax(420px, 1.22fr);
  min-height: calc(100svh - 222px);
  align-items: center;
}
.home-page.constellation-ready .hero-copy { max-width: 630px; padding-top: 30px; }
.home-page.constellation-ready .hero-copy .eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  color: rgba(255,255,255,.58);
}
.home-page.constellation-ready .hero-copy .eyebrow::before { width: 34px; height: 1px; background: currentColor; content: ""; }
.home-page.constellation-ready .hero h1 {
  max-width: 660px;
  margin: 32px 0 25px;
  color: var(--const-paper-bright);
  font-family: var(--font-serif);
  font-size: clamp(45px, 4.7vw, 68px);
  font-weight: 500;
  line-height: .98;
  letter-spacing: -.048em;
}
.home-page.constellation-ready .hero h1 .grad { color: var(--const-paper); background: none; -webkit-text-fill-color: currentColor; }
.home-page.constellation-ready .hero .sub { max-width: 520px; color: rgba(255,255,255,.64); font-size: 16px; line-height: 1.65; }
.home-page.constellation-ready .hero-cta { gap: 24px; }
.home-page.constellation-ready .hero .btn-primary { border-color: var(--const-paper); background: var(--const-paper); color: var(--const-ink); }
.home-page.constellation-ready .hero .btn-primary:hover { background: var(--const-blue); border-color: var(--const-blue); color: #fff; }
.home-page.constellation-ready .hero .editorial-link { color: rgba(255,255,255,.78); }
.home-page.constellation-ready .hero-book-meta {
  right: 0;
  bottom: 0;
  z-index: 7;
  width: min(330px, 30vw);
  padding: 22px 0 0 28px;
  border-left: 1px solid rgba(255,255,255,.34);
  color: var(--const-paper-bright);
  background: none;
}
.home-page.constellation-ready .hero-book-title { font-size: 19px; font-weight: 500; }
.home-page.constellation-ready .hero-book-author,
.home-page.constellation-ready .hero-book-action { color: rgba(255,255,255,.58); }

.constellation-layer {
  position: absolute;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.home-page:not(.constellation-ready) .hero-field { opacity: 0; }
.constellation-layer svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.constellation-layer .const-line { fill: none; stroke: rgba(123,231,220,.4); stroke-width: .7; vector-effect: non-scaling-stroke; }
.constellation-layer .const-dot { fill: var(--const-paper); opacity: .7; }
.paper-horizon {
  position: absolute;
  z-index: 2;
  right: -12vw;
  bottom: -37vh;
  width: 78vw;
  height: 65vh;
  border-top: 1px solid rgba(238,233,222,.66);
  border-radius: 50% 0 0 0;
  background: var(--const-paper);
  transform: rotate(-6deg);
  transform-origin: 100% 100%;
  will-change: transform, opacity;
}

/* 02 — the coordinates open into a living story atlas. */
.home-page.constellation-ready .discovery-shell {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 118px 0 90px;
  background: var(--const-ink);
  color: var(--const-paper);
}
.home-page.constellation-ready .discovery-shell::before {
  position: absolute;
  inset: 0;
  z-index: -2;
  background:
    radial-gradient(circle at 72% 38%, rgba(45,98,255,.1), transparent 30%),
    linear-gradient(180deg, #050707, #091010 65%, #050707);
  content: "";
}
.home-page.constellation-ready .discovery-shell > .container { position: relative; z-index: 2; }
.home-page.constellation-ready .discovery-tools {
  grid-template-columns: minmax(280px,.85fr) minmax(360px,.55fr);
  align-items: end;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--const-rule-dark);
}
.home-page.constellation-ready .discovery-title h2,
.home-page.constellation-ready .hub-heading h3,
.home-page.constellation-ready .new-chapters h3 { color: var(--const-paper-bright); }
.home-page.constellation-ready .discovery-title h2 {
  max-width: 560px;
  margin-top: 10px;
  font-family: var(--font-serif);
  font-size: clamp(36px, 4vw, 58px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}
.home-page.constellation-ready .discovery-search {
  height: 50px;
  border-color: rgba(255,255,255,.24);
  background: rgba(255,255,255,.025);
}
.home-page.constellation-ready .discovery-search input { color: #fff; }
.home-page.constellation-ready .discovery-search input::placeholder { color: rgba(255,255,255,.45); }
.home-page.constellation-ready .discovery-search button { border-left: 1px solid rgba(255,255,255,.24); background: transparent; color: var(--const-cyan); }
.home-page.constellation-ready .genre-rail { border-bottom-color: var(--const-rule-dark); }
.home-page.constellation-ready .genre-rail,
.home-page.constellation-ready .new-chapters { scrollbar-width: none; }
.home-page.constellation-ready .genre-rail::-webkit-scrollbar,
.home-page.constellation-ready .new-chapters::-webkit-scrollbar { display: none; }
.home-page.constellation-ready .genre-rail a { color: rgba(255,255,255,.48); }
.home-page.constellation-ready .genre-rail a.active,
.home-page.constellation-ready .genre-rail a:hover { color: var(--const-paper-bright); background: transparent; }
.home-page.constellation-ready .genre-rail a.active::after { height: 1px; background: var(--const-cyan); }
.home-page.constellation-ready .genre-rail a span { color: rgba(255,255,255,.28); }
.home-page.constellation-ready .content-hub {
  position: relative;
  z-index: 2;
  grid-template-columns: minmax(0,1.45fr) minmax(250px,.65fr) minmax(250px,.7fr);
  gap: 0;
  min-height: 590px;
  margin-top: 72px;
}
.home-page.constellation-ready .hub-spotlight,
.home-page.constellation-ready .hub-ranking,
.home-page.constellation-ready .reader-pulse,
.home-page.constellation-ready .new-chapters {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--const-paper);
}
.home-page.constellation-ready .hub-spotlight { padding: 0 54px 0 0; }
.home-page.constellation-ready .hub-ranking { padding: 0 34px; border-left: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .reader-pulse { padding: 0 0 0 34px; border-left: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .hub-heading { border-bottom-color: var(--const-rule-dark); }
.home-page.constellation-ready .hub-heading a,
.home-page.constellation-ready .pulse-link { color: var(--const-cyan); }
.home-page.constellation-ready .spotlight-books { align-items: end; min-height: 430px; gap: 24px; }
.home-page.constellation-ready .spotlight-book {
  align-self: end;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  transform-style: preserve-3d;
}
.home-page.constellation-ready .spotlight-book:not(.lead) { width: 22%; }
.home-page.constellation-ready .spotlight-book.lead { width: 47%; }
.home-page.constellation-ready .spotlight-book img { border: 1px solid rgba(255,255,255,.27); border-radius: 0; box-shadow: 0 30px 60px rgba(0,0,0,.38); }
.home-page.constellation-ready .spotlight-copy { position: static; display: grid; margin-top: 15px; padding: 0; color: var(--const-paper); background: none; }
.home-page.constellation-ready .spotlight-copy strong { color: var(--const-paper-bright); }
.home-page.constellation-ready .spotlight-copy small { color: var(--const-cyan); text-transform: none; }
.home-page.constellation-ready .spotlight-copy em,
.home-page.constellation-ready .spotlight-copy b { color: rgba(255,255,255,.52); }
.home-page.constellation-ready .ranking-list li { border-bottom-color: var(--const-rule-dark); }
.home-page.constellation-ready .ranking-list strong { color: var(--const-paper); }
.home-page.constellation-ready .ranking-list small { color: rgba(255,255,255,.42); }
.home-page.constellation-ready .ranking-list img { border-radius: 0; filter: grayscale(.75); }
.home-page.constellation-ready .rank-no { color: var(--const-cyan); }
.home-page.constellation-ready .reader-pulse .eyebrow { color: var(--const-cyan); }
.home-page.constellation-ready .pulse-dot { animation: none; background: var(--const-cyan); box-shadow: 0 0 0 4px rgba(123,231,220,.12); }
.home-page.constellation-ready .pulse-heading h3,
.home-page.constellation-ready .pulse-note p { color: var(--const-paper-bright); }
.home-page.constellation-ready .pulse-heading p,
.home-page.constellation-ready .pulse-note footer b { color: rgba(255,255,255,.5); }
.home-page.constellation-ready .pulse-note { animation: none; border-top-color: var(--const-rule-dark); }
.home-page.constellation-ready .pulse-note header span,
.home-page.constellation-ready .pulse-note footer a { color: var(--const-cyan); }
.home-page.constellation-ready .new-chapters { margin: 74px 0 0; padding: 28px 0 0; border-top: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .update-row { color: var(--const-paper); border-bottom-color: var(--const-rule-dark); }
.home-page.constellation-ready .update-row strong { color: var(--const-paper-bright); }
.home-page.constellation-ready .update-row .update-genre { color: var(--const-cyan); }
.home-page.constellation-ready .update-row > span:not(.update-genre),
.home-page.constellation-ready .update-row em,
.home-page.constellation-ready .update-row time { color: rgba(255,255,255,.4); }

.atlas-field { z-index: 0; opacity: 1; }
.atlas-water-video {
  position: absolute;
  inset: -5%;
  z-index: 0;
  width: 110%;
  height: 110%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(.72) hue-rotate(8deg) brightness(.68) contrast(1.12);
  transform: scale(1.025);
  transition: opacity 1.4s cubic-bezier(.16,1,.3,1);
}
.atlas-water-video.is-ready { opacity: .6; }
.atlas-water-veil {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    radial-gradient(ellipse at 62% 48%, rgba(34,121,158,.08), transparent 48%),
    linear-gradient(90deg, rgba(3,8,9,.72) 0%, rgba(4,12,14,.5) 43%, rgba(4,11,14,.58) 100%),
    linear-gradient(180deg, rgba(2,6,7,.62), rgba(4,12,13,.1) 42%, rgba(2,7,8,.72));
}
.atlas-field svg { z-index: 2; }
.atlas-field .atlas-line { fill: none; stroke: rgba(123,231,220,.055); stroke-width: .65; vector-effect: non-scaling-stroke; }
.atlas-field .atlas-dot { fill: var(--const-cyan); opacity: .25; }
.atlas-breath-book { opacity: .82; transform-box: fill-box; transform-origin: center; }
.atlas-breath-glow { fill: url(#atlas-breath-glow); opacity: .54; }
.atlas-breath-wing,
.atlas-breath-glow,
.atlas-spine,
.atlas-breath-wave,
.atlas-breath-motes > * { will-change: transform, opacity; }
.atlas-page {
  fill: rgba(157,218,255,.018);
  stroke: url(#atlas-breath-line);
  stroke-linecap: round;
  stroke-linejoin: round;
  vector-effect: non-scaling-stroke;
}
.atlas-page-outer { stroke-width: 1.05; opacity: .54; }
.atlas-page-rib { stroke-width: .72; opacity: .36; }
.atlas-page-rib-soft { opacity: .2; }
.atlas-spine {
  fill: rgba(209,248,255,.07);
  stroke: rgba(201,244,255,.67);
  stroke-width: .82;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 8px rgba(123,231,220,.24));
}
.atlas-breath-wave {
  fill: none;
  stroke: rgba(123,231,220,.3);
  stroke-width: .64;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  opacity: .38;
}
.atlas-breath-wave-a { stroke-dasharray: 1 2 28 5; }
.atlas-breath-wave-b { stroke: rgba(166,180,255,.22); stroke-dasharray: 2 4 18 5; }
.atlas-breath-motes { fill: rgba(197,240,255,.7); color: rgba(216,244,255,.54); }
.atlas-breath-motes text { fill: currentColor; font: 1.15px var(--font-serif); }
.atlas-index {
  position: absolute;
  z-index: 1;
  right: 4.5vw;
  top: 160px;
  color: rgba(255,255,255,.24);
  font: 10px var(--font-mono);
  letter-spacing: .12em;
}

/* 03 — covers move as a shelf, never as a carousel card stack. */
.home-page.constellation-ready .curated-rail {
  overflow: hidden;
  padding: 74px 0 82px;
  border: 0;
  background: var(--const-paper);
  color: var(--const-ink);
}
.home-page.constellation-ready .curated-head { padding-bottom: 28px; border-bottom: 1px solid var(--const-rule); }
.home-page.constellation-ready .curated-head > span { font-size: 16px; font-style: normal; }
.home-page.constellation-ready .hero-strip { overflow: visible; padding-top: 40px; }
.home-page.constellation-ready .hero-strip-inner { animation: none !important; will-change: transform; }
.home-page.constellation-ready .hero-cover { border-radius: 0; background: transparent; box-shadow: none; }
.home-page.constellation-ready .hero-cover img { border-radius: 0; box-shadow: 0 22px 44px rgba(5,7,7,.15); transition: filter .4s ease, transform .5s var(--const-ease); }
.home-page.constellation-ready .hero-cover:not(:hover) img { filter: grayscale(.62); }
.home-page.constellation-ready .hero-cover:hover img { transform: translateY(-9px); }

.home-page.constellation-ready .reading-currents,
.home-page.constellation-ready .section {
  padding: 112px 0;
  background: var(--const-paper-bright);
}
.home-page.constellation-ready .reading-currents { position: relative; overflow: hidden; border-top: 1px solid var(--const-rule); }
.home-page.constellation-ready .reading-currents::before {
  position: absolute;
  left: 4.5vw;
  top: 0;
  width: 1px;
  height: 100%;
  background: var(--const-rule);
  content: "";
}
.home-page.constellation-ready .currents-heading { display: grid; grid-template-columns: .55fr 1.2fr .8fr; gap: 36px; align-items: end; }
.home-page.constellation-ready .currents-heading h2 { max-width: 660px; font-size: clamp(38px,4.2vw,58px); }
.home-page.constellation-ready .currents-heading p { margin: 0; }
.home-page.constellation-ready .currents-stage {
  isolation: isolate;
  margin-top: 62px;
  border-radius: 0;
  background: var(--const-ink);
  box-shadow: none;
}
.home-page.constellation-ready .currents-stage::before {
  position: absolute;
  inset: 8% 11% 12% 36%;
  z-index: -1;
  border: 1px solid rgba(123,231,220,.19);
  border-radius: 50%;
  content: "";
}
.home-page.constellation-ready .currents-track { gap: 0; }
.home-page.constellation-ready .current-slide { gap: 0; }
.home-page.constellation-ready .current-panel { border-radius: 0; box-shadow: none; }
.home-page.constellation-ready .current-main-shelf,
.home-page.constellation-ready .current-preview-shelf {
  border: 0;
  color: var(--const-paper);
  background: transparent;
}
.home-page.constellation-ready .current-preview-shelf { border-left: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .current-panel-head h3,
.home-page.constellation-ready .current-book strong,
.home-page.constellation-ready .current-next-book strong { color: var(--const-paper-bright); }
.home-page.constellation-ready .current-panel-head p,
.home-page.constellation-ready .current-book small,
.home-page.constellation-ready .current-next-book small { color: rgba(255,255,255,.48); }
.home-page.constellation-ready .current-kicker { color: var(--const-cyan); }
.home-page.constellation-ready .current-book img,
.home-page.constellation-ready .current-next-book img { border-radius: 0; box-shadow: 0 20px 38px rgba(5,7,7,.14); }
.home-page.constellation-ready .current-kicker { text-transform: none; letter-spacing: 0; }
.home-page.constellation-ready .current-tabs button { border-radius: 0; border-color: var(--const-rule); background: transparent; }

.home-page.constellation-ready .section-head { display: grid; grid-template-columns: .4fr 1.1fr .7fr; gap: 36px; align-items: end; max-width: none; margin-bottom: 58px; }
.home-page.constellation-ready .section-head h2 { max-width: 660px; margin: 0; font-size: clamp(36px,4vw,56px); }
.home-page.constellation-ready .section-head .desc { margin: 0; }
.home-page.constellation-ready .section .cover-grid { gap: 28px 18px; }
.home-page.constellation-ready .cover-card { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-page.constellation-ready .cover-image-wrap,
.home-page.constellation-ready .cover-image-wrap img { border-radius: 0; }
.home-page.constellation-ready .cover-image-wrap { overflow: visible; transform-style: preserve-3d; }
.home-page.constellation-ready .cover-image-wrap img { box-shadow: 0 26px 50px rgba(5,7,7,.16); }
.home-page.constellation-ready .cover-badge { border-radius: 0; }

/* Translator statements live in a calm blue-white editorial field. */
.home-page.constellation-ready .section.editorial-story {
  position: relative;
  overflow: hidden;
  background: var(--const-ink);
  color: var(--const-paper);
}
.home-page.constellation-ready .editorial-story::before {
  position: absolute;
  right: -18vw;
  top: 7%;
  width: 72vw;
  height: 78%;
  border: 1px solid rgba(123,231,220,.14);
  border-radius: 50%;
  content: "";
}
.home-page.constellation-ready .editorial-story .section-head h2,
.home-page.constellation-ready .editorial-story .feature h3 { color: var(--const-paper-bright); }
.home-page.constellation-ready .editorial-story .section-head .desc,
.home-page.constellation-ready .editorial-story .feature p { color: rgba(255,255,255,.52); }
.home-page.constellation-ready .feature-grid { position: relative; z-index: 1; gap: 0; border-top: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .feature {
  min-height: 300px;
  padding: 34px;
  border: 0;
  border-right: 1px solid var(--const-rule-dark);
  border-bottom: 1px solid var(--const-rule-dark);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-page.constellation-ready .feature:nth-child(3n) { border-right: 0; }
.home-page.constellation-ready .feature h3 { max-width: 300px; font-size: 24px; }
.home-page.constellation-ready .feature-media img { border-radius: 0; filter: grayscale(1) contrast(1.15); }
.home-page.constellation-ready .feature-art { opacity: .55; filter: grayscale(1); }

.home-page.constellation-ready .trending-section { background: var(--const-paper); }

/* 04 — a literary star field resolves into voices and a clear action. */
.home-page.constellation-ready .editorial {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 126px 0 0;
  background: var(--const-ink);
  color: var(--const-paper);
}
.home-page.constellation-ready .editorial::before {
  position: absolute;
  z-index: -1;
  left: 47%;
  top: 12%;
  width: 64vw;
  height: 70%;
  border: 1px solid rgba(123,231,220,.14);
  border-radius: 50%;
  content: "";
}
.home-page.constellation-ready .editorial-heading h2 { color: var(--const-paper-bright); }
.home-page.constellation-ready .editorial-heading .desc { color: rgba(255,255,255,.5); }
.home-page.constellation-ready .editorial-voices { gap: 0; border-top: 1px solid var(--const-rule-dark); }
.home-page.constellation-ready .ed-card {
  min-height: 340px;
  padding: 34px;
  border: 0;
  border-right: 1px solid var(--const-rule-dark);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.home-page.constellation-ready .ed-card:last-child { border-right: 0; }
.home-page.constellation-ready .ed-number { color: var(--const-cyan); }
.home-page.constellation-ready .ed-quote { color: var(--const-paper-bright); font-size: 21px; }
.home-page.constellation-ready .ed-avatar { border-radius: 0; filter: grayscale(1); }
.home-page.constellation-ready .ed-name { color: var(--const-paper-bright); }
.home-page.constellation-ready .ed-role { color: rgba(255,255,255,.42); }
.home-page.constellation-ready .editorial-panorama { height: min(39vw, 500px); margin-top: 90px; opacity: .45; mask-image: linear-gradient(180deg, transparent, #000 35%); }
.home-page.constellation-ready .editorial-panorama img { filter: grayscale(1) contrast(1.15); }

.editorial-field { z-index: -1; }

body.home-page.constellation-ready > section.container { width: 100%; max-width: none; background: var(--const-ink); }
.home-page.constellation-ready .stat-row {
  width: min(100% - 64px, 1320px);
  margin: 0 auto;
  padding: 75px 0;
  border-block: 1px solid var(--const-rule-dark);
  color: var(--const-paper);
}
.home-page.constellation-ready .stat-num { color: var(--const-paper-bright); font-size: clamp(34px,4vw,54px); }
.home-page.constellation-ready .stat-label { color: rgba(255,255,255,.42); }

.home-page.constellation-ready .cta {
  position: relative;
  overflow: hidden;
  padding: 0;
  background: var(--const-ink);
  color: var(--const-ink);
}
.home-page.constellation-ready .cta::before {
  display: block;
  position: absolute;
  inset: 7% -10% -38% 24%;
  background: var(--const-paper);
  clip-path: polygon(7% 11%, 100% 0, 92% 83%, 0 100%);
  content: "";
}
.home-page.constellation-ready .cta-inner {
  position: relative;
  z-index: 1;
  width: min(100% - 64px, 1320px);
  min-height: 510px;
  padding: 130px 10% 110px 35%;
  text-align: left;
}
.home-page.constellation-ready .cta h2 { max-width: 560px; margin: 0; font-size: clamp(42px,5vw,68px); color: var(--const-ink); }
.home-page.constellation-ready .cta p { max-width: 520px; margin: 22px 0 30px; color: rgba(5,7,7,.58); }
.home-page.constellation-ready .cta .hero-cta { justify-content: flex-start; }
.home-page.constellation-ready .cta .btn-primary { background: var(--const-ink); border-color: var(--const-ink); color: #fff; }
.home-page.constellation-ready .cta .btn-light { border-color: rgba(5,7,7,.42); color: var(--const-ink); background: transparent; }

.home-page.constellation-ready .footer { padding-top: 90px; background: var(--const-ink); border-top: 1px solid var(--const-rule-dark); color: var(--const-paper); }
.home-page.constellation-ready .footer .brand-logo { filter: grayscale(1) brightness(5); }
.home-page.constellation-ready .footer .brand-text,
.home-page.constellation-ready .footer h4 { color: var(--const-paper-bright); }
.home-page.constellation-ready .footer a,
.home-page.constellation-ready .footer p,
.home-page.constellation-ready .footer-bottom { color: rgba(255,255,255,.48); }
.home-page.constellation-ready .footer-bottom { border-top-color: var(--const-rule-dark); }

/* Pointer feedback stays local and transform-only. */
.home-page.constellation-ready .motion-plane { transform-style: preserve-3d; will-change: transform; }
.home-page.constellation-ready .motion-plane::before {
  position: absolute;
  inset: -6px;
  border: 1px solid rgba(123,231,220,.45);
  content: "";
  opacity: 0;
  pointer-events: none;
  transform: scale(.96);
  transition: opacity .28s ease, transform .45s var(--const-ease);
}
.home-page.constellation-ready .motion-plane:hover::before { opacity: 1; transform: scale(1); }

@media (max-width: 1100px) {
  body.home-page .container { width: min(100% - 42px, 1000px); }
  .home-page.constellation-ready .hero-inner { grid-template-columns: 1fr .75fr; }
  .home-page.constellation-ready .content-hub { grid-template-columns: 1.2fr .8fr; }
  .home-page.constellation-ready .reader-pulse { grid-column: 1 / -1; margin-top: 50px; padding: 28px 0 0; border-top: 1px solid var(--const-rule-dark); border-left: 0; }
  .home-page.constellation-ready .reader-pulse-list { grid-template-columns: repeat(3, 1fr); }
  .home-page.constellation-ready .pulse-link { margin-top: 25px; }
  .home-page.constellation-ready .section-head,
  .home-page.constellation-ready .currents-heading { grid-template-columns: .35fr 1fr; }
  .home-page.constellation-ready .section-head .desc,
  .home-page.constellation-ready .currents-heading p { grid-column: 2; }
}

@media (max-width: 760px) {
  body.home-page .container { width: min(100% - 36px, 680px); }
  .home-page.constellation-ready .nav,
  .home-page.constellation-ready .nav.scrolled { height: 64px; }
  .home-page.constellation-ready .nav-inner { padding-inline: 18px; }
  .home-page.constellation-ready .nav-open .nav-links { background: var(--const-paper-bright); }
  .home-page.constellation-ready .hero { min-height: 860px; padding: 112px 0 70px; }
  .home-page.constellation-ready .hero::after { inset: 64px 18px auto; }
  .home-page.constellation-ready .hero-inner { display: block; min-height: 680px; }
  .home-page.constellation-ready .hero-copy { padding-top: 0; }
  .home-page.constellation-ready .hero h1 { max-width: 510px; font-size: clamp(42px, 12vw, 58px); }
  .home-page.constellation-ready .hero .sub { max-width: 450px; font-size: 15px; }
  .home-page.constellation-ready .hero-book-meta { width: 250px; bottom: 0; }
  .paper-horizon { right: -38vw; bottom: -28vh; width: 120vw; }

  .home-page.constellation-ready .discovery-shell { padding: 88px 0 70px; }
  .home-page.constellation-ready .discovery-tools { display: grid; grid-template-columns: 1fr; gap: 30px; }
  .home-page.constellation-ready .discovery-title h2 { font-size: 42px; }
  .home-page.constellation-ready .genre-rail { overflow-x: auto; }
  .home-page.constellation-ready .genre-rail {
    flex-wrap: wrap;
    overflow-x: visible;
  }
  .home-page.constellation-ready .genre-rail a {
    flex: 1 1 33.333%;
    min-height: 46px;
    padding-inline: 10px;
    border-bottom: 1px solid var(--const-rule-dark);
  }
  .home-page.constellation-ready .content-hub { display: grid; grid-template-columns: 1fr; margin-top: 54px; }
  .home-page.constellation-ready .hub-spotlight { padding: 0; }
  .home-page.constellation-ready .hub-ranking,
  .home-page.constellation-ready .reader-pulse { margin-top: 56px; padding: 28px 0 0; border-top: 1px solid var(--const-rule-dark); border-left: 0; }
  .home-page.constellation-ready .spotlight-books { min-height: 360px; }
  .home-page.constellation-ready .reader-pulse-list { grid-template-columns: 1fr; }
  .home-page.constellation-ready .new-chapters { overflow-x: auto; }
  .home-page.constellation-ready .update-row { min-width: 650px; }

  .home-page.constellation-ready .curated-rail,
  .home-page.constellation-ready .reading-currents,
  .home-page.constellation-ready .section { padding-block: 82px; }
  .home-page.constellation-ready .currents-heading,
  .home-page.constellation-ready .section-head { display: block; }
  .home-page.constellation-ready .currents-heading h2,
  .home-page.constellation-ready .section-head h2 { margin-top: 14px; font-size: 40px; }
  .home-page.constellation-ready .currents-heading p,
  .home-page.constellation-ready .section-head .desc { margin-top: 18px; }
  .home-page.constellation-ready .current-slide { grid-template-columns: 1fr; }
  .home-page.constellation-ready .current-preview-shelf { display: none; }
  .home-page.constellation-ready .feature-grid { grid-template-columns: 1fr; }
  .home-page.constellation-ready .feature { min-height: auto; border-right: 0; }
  .home-page.constellation-ready .editorial-voices { grid-template-columns: 1fr; }
  .home-page.constellation-ready .ed-card { min-height: auto; border-right: 0; border-bottom: 1px solid var(--const-rule-dark); }
  .home-page.constellation-ready .stat-row { width: calc(100% - 36px); grid-template-columns: repeat(2, 1fr); }
  .home-page.constellation-ready .cta::before { inset: 4% -42% -20% -3%; }
  .home-page.constellation-ready .cta-inner { width: calc(100% - 36px); min-height: 480px; padding: 115px 0 90px 12%; }
  .home-page.constellation-ready .cta h2 { font-size: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page.constellation-ready *,
  .home-page.constellation-ready *::before,
  .home-page.constellation-ready *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
  .home-page.constellation-ready .motion-plane { transform: none !important; }
  .atlas-breath-wing,
  .atlas-breath-glow,
  .atlas-spine,
  .atlas-breath-wave,
  .atlas-breath-motes > * { will-change: auto; }
}

/* Luminous edition — a blue-white reading world with a restrained violet dusk. */
html { background: #dce7ff; }
body.home-page { background: #f7f9ff; color: var(--const-ink); }
body.home-page :focus-visible { outline-color: var(--const-blue); }

/* Scoped rollback: restore the pre-luminous navigation, hero and story atlas
   without discarding the later palette and star-field work below them. */
.home-page.constellation-ready .nav,
.home-page.constellation-ready .hero,
.home-page.constellation-ready .discovery-shell {
  --const-ink: #050707;
  --const-ink-soft: #0b1010;
  --const-paper: #eee9de;
  --const-paper-bright: #fffdf7;
  --const-blue: #2d62ff;
  --const-cyan: #7be7dc;
  --const-silver: #9e9b91;
  --const-rule: rgba(8, 11, 11, .17);
  --const-rule-dark: rgba(236, 232, 220, .2);
}

/* Hero-only rollback: restore the quiet dual-layer edition while the
   navigation, living library, editorial sky and all later sections stay current. */
.home-page.constellation-ready .nav:not(.scrolled) {
  color: var(--const-ink);
  border-bottom-color: rgba(49, 94, 234, .14);
  background: rgba(237, 243, 255, .82);
  backdrop-filter: blur(18px) saturate(125%);
}

.home-page.constellation-ready .nav:not(.scrolled) .brand-text,
.home-page.constellation-ready .nav:not(.scrolled) .nav-links a,
.home-page.constellation-ready .nav:not(.scrolled) .nav-actions,
.home-page.constellation-ready .nav:not(.scrolled) .lang-switch,
.home-page.constellation-ready .nav:not(.scrolled) .btn-ghost {
  color: var(--const-ink);
}

.home-page.constellation-ready .nav:not(.scrolled) .lang-switch,
.home-page.constellation-ready .nav:not(.scrolled) .btn-ghost {
  border-color: rgba(23, 54, 115, .28);
}
body.home-page.constellation-ready > .nav .brand-logo {
  opacity: 1;
  visibility: visible;
  filter: none;
}

.home-page.constellation-ready .hero {
  background: #edf3ff;
  color: #173673;
}
.home-page.constellation-ready .hero::before {
  background:
    linear-gradient(90deg, rgba(251,252,255,.99) 0%, rgba(243,247,255,.96) 41%, rgba(223,232,255,.46) 72%, rgba(226,222,255,.48) 100%),
    radial-gradient(circle at 76% 38%, rgba(114,103,201,.2), transparent 36%);
}
.home-page.constellation-ready .hero::after {
  background: linear-gradient(90deg, rgba(49,94,234,.34) 0 7%, transparent 7% 72%, rgba(114,103,201,.28) 72% 100%);
}
.home-page.constellation-ready .hero-visual {
  opacity: .52;
  filter: saturate(.72) contrast(1.04) brightness(1.08);
  mix-blend-mode: normal;
  mask-image: linear-gradient(90deg, transparent 13%, rgba(0,0,0,.45) 46%, #000 100%);
  will-change: transform, opacity;
}
.home-page.constellation-ready .hero-copy,
.home-page.constellation-ready .hero-book-meta { will-change: transform, opacity; }
.home-page.constellation-ready .hero-visual img {
  opacity: calc(.68 + (var(--hero-scroll-progress) * .24));
  filter: saturate(.78) contrast(1.02) brightness(1.03);
  transform: scale(calc(1.018 - (var(--hero-scroll-progress) * .018)));
}
.home-page.constellation-ready .hero-copy {
  opacity: calc(1 - (var(--hero-scroll-progress) * .22));
  filter: none;
}
.home-page.constellation-ready .hero-book-meta {
  opacity: calc(1 - (var(--hero-scroll-progress) * .18));
  filter: none;
}
.home-page.constellation-ready .hero-copy .eyebrow { color: #536ca2; }
.home-page.constellation-ready .hero h1 {
  max-width: 620px;
  color: #173673;
  font-size: clamp(43px, 4.25vw, 61px);
}
.home-page.constellation-ready .hero h1 .grad { color: #315eea; }
.home-page.constellation-ready .hero .sub { color: #53648e; }
.home-page.constellation-ready .hero .btn-primary {
  border-color: var(--const-blue);
  background: var(--const-blue);
  color: #fff;
}
.home-page.constellation-ready .hero .btn-primary:hover {
  border-color: #244ccf;
  background: #244ccf;
}
.home-page.constellation-ready .hero .editorial-link { color: #29498d; }
.home-page.constellation-ready .hero-book-meta {
  border-left-color: rgba(49,94,234,.34);
  color: #173673;
}
.home-page.constellation-ready .hero-book-author,
.home-page.constellation-ready .hero-book-action { color: #63749d; }
.hero-field .paper-horizon {
  border-top-color: rgba(49,94,234,.25);
  background: linear-gradient(140deg, rgba(255,255,255,.97), #e8efff 62%, #dedcff);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: -30px -25px 90px rgba(49,94,234,.08);
}

/* Stable rollback: the hero keeps its original CSS scroll-depth only.
   The library returns to a flat cobalt atlas with undistorted 2:3 covers. */
.home-page.constellation-ready .discovery-shell {
  --const-paper: #f5f8ff;
  --const-paper-bright: #ffffff;
  --const-cyan: #81e9ff;
  --const-rule-dark: rgba(232, 241, 255, .24);
  --const-silver: rgba(229, 237, 255, .62);
  background: linear-gradient(135deg, #173d9f 0%, #2948ae 48%, #4b56b7 100%);
  color: var(--const-paper);
}

.home-page.constellation-ready .discovery-shell::before {
  background:
    radial-gradient(ellipse 54% 46% at 61% 55%, transparent 0 49.5%, rgba(217,231,255,.2) 49.8% 50.2%, transparent 50.5%),
    radial-gradient(ellipse 72% 64% at 61% 55%, transparent 0 49.55%, rgba(217,231,255,.15) 49.8% 50.15%, transparent 50.45%),
    radial-gradient(circle at 78% 20%, rgba(129,233,255,.12), transparent 28%),
    linear-gradient(135deg, #173d9f 0%, #2948ae 48%, #4b56b7 100%);
}

.home-page.constellation-ready .atlas-field,
.home-page.constellation-ready .atlas-index { display: none; }

.home-page.constellation-ready .spotlight-book,
.home-page.constellation-ready .spotlight-book.motion-plane {
  transform: none !important;
  transform-style: flat;
  perspective: none;
}

.home-page.constellation-ready .spotlight-book img,
.home-page.constellation-ready .spotlight-book:hover img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  transform: none !important;
  filter: none;
}

.home-page.constellation-ready .ranking-list img {
  width: 31px;
  height: auto;
  aspect-ratio: 2 / 3;
  object-fit: cover;
  filter: none;
}

.home-page.constellation-ready .spotlight-book img {
  box-shadow: 0 24px 54px rgba(9, 25, 84, .28);
}

.home-page.constellation-ready .discovery-search {
  background: rgba(14, 38, 117, .18);
}

.home-page.constellation-ready .reader-pulse {
  background: transparent;
}

.home-page.constellation-ready .curated-rail { background: #edf3ff; }
.home-page.constellation-ready .reading-currents,
.home-page.constellation-ready .section { background: #fbfcff; }
.home-page.constellation-ready .hero-cover img,
.home-page.constellation-ready .cover-image-wrap img { box-shadow: 0 24px 52px rgba(42,70,142,.17); }
.home-page.constellation-ready .hero-cover:not(:hover) img { filter: saturate(.68); }
.home-page.constellation-ready .currents-stage {
  background: linear-gradient(145deg, #204893 0%, #334a98 52%, #55498f 100%);
}
.home-page.constellation-ready .currents-stage::before {
  border-color: rgba(214,229,255,.2);
  box-shadow: 0 0 0 38px rgba(255,255,255,.018);
}
.home-page.constellation-ready .current-kicker { color: #d5e8ff; }
.home-page.constellation-ready .current-book img,
.home-page.constellation-ready .current-next-book img { box-shadow: 0 20px 42px rgba(15,37,93,.22); }

.home-page.constellation-ready .section.editorial-story {
  background: linear-gradient(135deg, #f8faff 0%, #edf1ff 54%, #e5e4ff 100%);
  color: var(--const-ink);
}
.home-page.constellation-ready .editorial-story::before {
  left: 53%;
  top: 6%;
  width: 54vw;
  height: 82%;
  border: 0;
  background: radial-gradient(circle, rgba(114,103,201,.13), transparent 67%);
}
.home-page.constellation-ready .editorial-story .section-head h2,
.home-page.constellation-ready .editorial-story .feature h3 { color: #173673; }
.home-page.constellation-ready .editorial-story .section-head .desc,
.home-page.constellation-ready .editorial-story .feature p { color: #56678f; }
.home-page.constellation-ready .editorial-story .feature-grid { border-top-color: rgba(49,94,234,.18); }
.home-page.constellation-ready .editorial-story .feature { border-color: rgba(49,94,234,.16); }
.home-page.constellation-ready .feature-media img { filter: saturate(.62) contrast(1.04); }
.home-page.constellation-ready .feature-art { opacity: .62; filter: saturate(.65); }
.home-page.constellation-ready .trending-section { background: #f1f5ff; }

.home-page.constellation-ready .editorial {
  background:
    radial-gradient(circle at 78% 20%, rgba(135,157,255,.27), transparent 29%),
    radial-gradient(circle at 18% 74%, rgba(91,186,255,.16), transparent 34%),
    linear-gradient(150deg, #123b94 0%, #34499f 50%, #584697 100%);
  color: #eef4ff;
}
.home-page.constellation-ready .editorial::before {
  left: 44%;
  top: 4%;
  width: 58vw;
  height: 74%;
  border: 0;
  background: radial-gradient(circle, rgba(203,216,255,.15), transparent 66%);
}
.home-page.constellation-ready .editorial-heading .desc { color: rgba(239,244,255,.66); }
.home-page.constellation-ready .ed-card {
  grid-template-columns: minmax(0,1fr) 214px;
  border-color: rgba(226,236,255,.26);
}
.home-page.constellation-ready .ed-number { display: none; }
.home-page.constellation-ready .ed-quote { color: #fff; }
.home-page.constellation-ready .ed-avatar { filter: saturate(.55) contrast(1.05); }
.home-page.constellation-ready .ed-name { color: #fff; }
.home-page.constellation-ready .ed-role { color: rgba(236,242,255,.56); }
.home-page.constellation-ready .editorial-panorama { opacity: .26; }
.home-page.constellation-ready .editorial-panorama img { filter: saturate(.6) hue-rotate(8deg) contrast(1.05); }
.editorial-field { z-index: -1; opacity: 1; }
.editorial-field::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(17,47,125,.2), transparent 42%, rgba(63,47,145,.12));
  content: "";
}
.editorial-field .star-dust circle { fill: rgba(230,242,255,.72); }
.editorial-field .star-halo {
  fill: none;
  stroke: rgba(216,229,255,.22);
  stroke-width: .52;
  vector-effect: non-scaling-stroke;
}
.editorial-field .literary-star {
  fill: #fff;
  filter: drop-shadow(0 0 2px rgba(225,239,255,.84));
}
.editorial-field .star-tone-1 { fill: #bfe8ff; }
.editorial-field .star-tone-2 { fill: #d9d1ff; }
.editorial-field .twinkle-star,
.editorial-field .literary-star,
.editorial-field .meteor { transform-box: fill-box; transform-origin: center; will-change: transform, opacity; }
.editorial-field .meteor { opacity: 0; }
.editorial-field .meteor-trail {
  fill: none;
  stroke: url(#meteor-trail);
  stroke-width: .7;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
  filter: drop-shadow(0 0 2px rgba(194,229,255,.62));
}
.editorial-field .meteor-head {
  fill: #fff;
  filter: drop-shadow(0 0 3px rgba(225,238,255,.92));
}

body.home-page.constellation-ready > section.container { background: #1d438f; }
.home-page.constellation-ready .stat-row { color: #eef4ff; }
.home-page.constellation-ready .stat-num { color: #fff; }
.home-page.constellation-ready .stat-label { color: rgba(232,240,255,.6); }
.home-page.constellation-ready .cta { background: #1d438f; color: var(--const-ink); }
.home-page.constellation-ready .cta::before {
  background: linear-gradient(145deg, #fbfcff, #e8efff 68%, #dedcff);
}
.home-page.constellation-ready .cta p { color: #596a91; }
.home-page.constellation-ready .cta .btn-primary {
  border-color: var(--const-blue);
  background: var(--const-blue);
  color: #fff;
}
.home-page.constellation-ready .cta .btn-light { border-color: rgba(23,54,115,.38); color: var(--const-ink); }
.home-page.constellation-ready .footer { background: #173a83; color: #eef4ff; }
.home-page.constellation-ready .footer .brand-logo { filter: brightness(0) invert(1); }
.home-page.constellation-ready .footer .brand-text,
.home-page.constellation-ready .footer h4 { color: #fff; }
.home-page.constellation-ready .footer a,
.home-page.constellation-ready .footer p,
.home-page.constellation-ready .footer-bottom { color: rgba(232,240,255,.62); }
.home-page.constellation-ready .motion-plane::before { border-color: rgba(185,221,255,.55); }

@media (max-width: 760px) {
  .home-page.constellation-ready .hero { min-height: 820px; }
  .home-page.constellation-ready .hero h1 { font-size: clamp(40px, 11vw, 53px); }
  .home-page.constellation-ready .editorial-voices .ed-card {
    grid-template-columns: minmax(0,1fr);
    gap: 22px;
  }
  .home-page.constellation-ready .editorial-voices .ed-quote,
  .home-page.constellation-ready .editorial-voices .ed-meta {
    grid-column: 1;
    max-width: none;
  }
  .home-page.constellation-ready .editorial-heading .desc { color: rgba(239,244,255,.74); }
  .editorial-field .star-dust circle:nth-child(2n) { display: none; }
  .atlas-water-video { display: none; }
  .home-page.constellation-ready .cta h2 { font-size: 43px; }
}

@media (prefers-reduced-motion: reduce) {
  .atlas-water-video { display: none; }
  .editorial-field .meteor { display: none; }
}

/* 2026-09 refinement — quieter library field and one continuous CTA surface. */
.home-page.constellation-ready .discovery-shell::before {
  background:
    radial-gradient(circle at 78% 18%, rgba(149, 220, 255, .16), transparent 27%),
    linear-gradient(132deg, #173d9f 0%, #2948ae 51%, #4b56b7 100%);
}

.home-page.constellation-ready .cta {
  background: #edf3ff;
}

.home-page.constellation-ready .cta::before {
  display: none;
}

.home-page.constellation-ready .cta-inner {
  width: min(100% - 64px, 1320px);
  min-height: 430px;
  padding: 112px 10% 96px 35%;
}

@media (min-width: 901px) and (max-width: 1480px) {
  .home-page.constellation-ready .nav-inner { gap: 24px; }
  .home-page.constellation-ready .nav-links { gap: 22px; margin-left: 14px; }
  .home-page.constellation-ready .nav-actions { gap: 12px; }
}

@media (max-width: 760px) {
  .home-page.constellation-ready .cta-inner {
    width: calc(100% - 36px);
    min-height: 390px;
    padding: 88px 0 76px;
  }
}

/* 2026-09 library rollback — restore the original light editorial hub. */
.home-page.constellation-ready .discovery-shell {
  position: relative;
  isolation: auto;
  overflow: hidden;
  padding: 54px 0 16px;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(180deg, #fffefa 0%, #f7f8fb 100%);
  color: var(--text);
}

.home-page.constellation-ready .discovery-shell::before,
.home-page.constellation-ready .atlas-field,
.home-page.constellation-ready .atlas-index,
.home-page.constellation-ready .atlas-water-video,
.home-page.constellation-ready .atlas-water-veil {
  display: none;
}

.home-page.constellation-ready .discovery-tools {
  display: flex;
  grid-template-columns: none;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: 24px;
  border-bottom: 0;
}

.home-page.constellation-ready .discovery-title .eyebrow,
.home-page.constellation-ready .hub-heading .eyebrow,
.home-page.constellation-ready .new-chapters .eyebrow {
  color: var(--klein);
}

.home-page.constellation-ready .discovery-title h2 {
  max-width: none;
  margin: 8px 0 0;
  color: var(--text);
  font-family: var(--font-serif);
  font-size: 32px;
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.04em;
}

.home-page.constellation-ready .discovery-search {
  width: min(100%, 420px);
  height: auto;
  overflow: hidden;
  border: 1px solid var(--border-strong);
  border-radius: 7px;
  background: #fff;
}

.home-page.constellation-ready .discovery-search input {
  padding: 13px 15px;
  color: var(--text);
}

.home-page.constellation-ready .discovery-search input::placeholder {
  color: var(--text-4);
}

.home-page.constellation-ready .discovery-search button {
  padding: 0 18px;
  border: 0;
  border-left: 1px solid var(--border-strong);
  background: var(--klein);
  color: #fff;
}

.home-page.constellation-ready .genre-rail {
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}

.home-page.constellation-ready .genre-rail a {
  min-height: 53px;
  padding: 0 19px;
  border-right: 1px solid var(--border);
  color: var(--text-2);
}

.home-page.constellation-ready .genre-rail a:first-child {
  border-left: 1px solid var(--border);
}

.home-page.constellation-ready .genre-rail a span {
  color: var(--text-4);
}

.home-page.constellation-ready .genre-rail a.active,
.home-page.constellation-ready .genre-rail a:hover {
  background: #ecf1ff;
  color: var(--klein);
}

.home-page.constellation-ready .genre-rail a.active::after {
  display: none;
}

.home-page.constellation-ready .content-hub {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(260px, .84fr) minmax(285px, .95fr);
  gap: 18px;
  min-height: 0;
  margin-top: 24px;
}

.home-page.constellation-ready .hub-spotlight,
.home-page.constellation-ready .hub-ranking,
.home-page.constellation-ready .reader-pulse,
.home-page.constellation-ready .new-chapters {
  border: 1px solid var(--border);
  border-radius: 10px;
  background: rgba(255,255,255,.82);
  box-shadow: none;
}

.home-page.constellation-ready .hub-spotlight,
.home-page.constellation-ready .hub-ranking,
.home-page.constellation-ready .reader-pulse {
  min-height: 384px;
  padding: 22px;
}

.home-page.constellation-ready .hub-heading {
  padding-bottom: 17px;
  border-bottom: 1px solid var(--border);
}

.home-page.constellation-ready .hub-heading h3,
.home-page.constellation-ready .new-chapters h3 {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 22px;
  letter-spacing: -.035em;
}

.home-page.constellation-ready .hub-heading a,
.home-page.constellation-ready .pulse-link {
  color: var(--klein);
}

.home-page.constellation-ready .spotlight-books {
  display: grid;
  grid-template-columns: 1.2fr .9fr .9fr;
  align-items: stretch;
  gap: 12px;
  min-height: 0;
  padding-top: 17px;
}

.home-page.constellation-ready .spotlight-book,
.home-page.constellation-ready .spotlight-book.motion-plane,
.home-page.constellation-ready .spotlight-book.lead,
.home-page.constellation-ready .spotlight-book:not(.lead) {
  position: relative;
  display: block;
  align-self: stretch;
  width: auto;
  height: clamp(276px, 22vw, 305px);
  min-height: 0;
  overflow: hidden;
  border: 0;
  border-radius: 7px;
  background: #152342;
  box-shadow: none;
  color: #fff;
  perspective: none;
  transform: none !important;
}

.home-page.constellation-ready .spotlight-book img,
.home-page.constellation-ready .spotlight-book:hover img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  border: 0;
  border-radius: 0;
  object-fit: cover;
  opacity: .76;
  filter: none;
  box-shadow: none;
  transform: none !important;
  transition: opacity .3s ease, transform .4s ease;
}

.home-page.constellation-ready #spotlightBooks:not([data-spotlight-bound="1"]) .spotlight-book:hover img {
  opacity: .86;
  transform: scale(1.045) !important;
}

.home-page.constellation-ready .spotlight-copy {
  position: absolute;
  inset: auto 0 0;
  z-index: 1;
  display: grid;
  gap: 5px;
  margin: 0;
  padding: 44px 15px 14px;
  background: linear-gradient(transparent, rgba(6,16,38,.94));
  color: #fff;
}

.home-page.constellation-ready .spotlight-copy small { color: #bdceff; text-transform: uppercase; }
.home-page.constellation-ready .spotlight-copy strong { color: #fff; }
.home-page.constellation-ready .spotlight-copy em,
.home-page.constellation-ready .spotlight-copy b { color: rgba(255,255,255,.82); }

.home-page.constellation-ready .hub-ranking { border-left: 1px solid var(--border); }
.home-page.constellation-ready .ranking-list li { border-bottom-color: rgba(10,20,39,.08); }
.home-page.constellation-ready .ranking-list strong { color: var(--text); }
.home-page.constellation-ready .ranking-list small { color: var(--text-3); }
.home-page.constellation-ready .ranking-list img { border-radius: 3px; filter: none; }
.home-page.constellation-ready .rank-no { color: var(--klein); }

.home-page.constellation-ready .reader-pulse {
  display: flex;
  flex-direction: column;
  border-color: var(--border);
  background: rgba(255,255,255,.82);
  color: var(--text);
}

.home-page.constellation-ready .reader-pulse .eyebrow,
.home-page.constellation-ready .pulse-note header span,
.home-page.constellation-ready .pulse-note footer a { color: var(--klein); }
.home-page.constellation-ready .pulse-heading h3,
.home-page.constellation-ready .pulse-note p { color: var(--text); }
.home-page.constellation-ready .pulse-heading p,
.home-page.constellation-ready .pulse-note time { color: var(--text-3); }
.home-page.constellation-ready .pulse-note { border-color: var(--border); }
.home-page.constellation-ready .pulse-note footer b { color: var(--text-2); }
.home-page.constellation-ready .pulse-link { border-top-color: var(--border); color: var(--klein); }
.home-page.constellation-ready .pulse-dot { background: var(--klein); box-shadow: 0 0 0 4px rgba(0,47,167,.1); }
.home-page.constellation-ready .pulse-heading > div { padding-bottom: 28px; }
.home-page.constellation-ready .pulse-heading .eyebrow { margin-bottom: 0; }

.home-page.constellation-ready .new-chapters {
  margin: 18px 0 30px;
  padding: 21px 22px 10px;
  border-top: 1px solid var(--border);
}

.home-page.constellation-ready .update-row { color: var(--text); border-bottom-color: var(--border); }
.home-page.constellation-ready .update-row strong { color: var(--text); }
.home-page.constellation-ready .update-row .update-genre { color: var(--klein); }
.home-page.constellation-ready .update-row > span:not(.update-genre),
.home-page.constellation-ready .update-row em { color: var(--text-3); }
.home-page.constellation-ready .update-row time { color: var(--text-4); }

@media (max-width: 1080px) {
  .home-page.constellation-ready .content-hub { grid-template-columns: 1.4fr 1fr; }
  .home-page.constellation-ready .reader-pulse { grid-column: 1 / -1; min-height: auto; }
}

@media (max-width: 720px) {
  .home-page.constellation-ready .discovery-shell { padding-top: 34px; }
  .home-page.constellation-ready .discovery-tools { display: grid; gap: 18px; }
  .home-page.constellation-ready .discovery-title h2 { font-size: 27px; }
  .home-page.constellation-ready .content-hub { grid-template-columns: 1fr; }
  .home-page.constellation-ready .hub-spotlight,
  .home-page.constellation-ready .hub-ranking,
  .home-page.constellation-ready .reader-pulse { min-height: auto; }
  .home-page.constellation-ready .spotlight-books { grid-template-columns: 1.18fr .82fr; }
  .home-page.constellation-ready .spotlight-book { height: 300px; }
  .home-page.constellation-ready .spotlight-book:last-child { display: none; }
}

/* Live intake: a compact, honest simulation until approved community works exist. */
.home-page.constellation-ready .library-intake {
  display: grid;
  grid-template-columns: minmax(210px, .82fr) minmax(0, 1.65fr) auto;
  gap: 22px;
  align-items: center;
  margin-top: 16px;
  padding: 14px 16px;
  overflow: hidden;
  border: 1px solid #d9e2f2;
  border-radius: 10px;
  background: linear-gradient(105deg, rgba(237,243,255,.96), rgba(255,255,255,.92));
}

.home-page.constellation-ready .intake-copy { display: flex; align-items: center; gap: 13px; min-width: 0; }
.home-page.constellation-ready .intake-copy > div { min-width: 0; }
.home-page.constellation-ready .intake-copy h3 { margin: 1px 0 3px; color: var(--text); font-size: 15px; letter-spacing: -.02em; }
.home-page.constellation-ready .intake-copy p { overflow: hidden; margin: 0; color: var(--text-3); font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.home-page.constellation-ready .intake-live { display: grid; flex: 0 0 auto; gap: 5px; place-items: center; color: var(--klein); font-size: 8px; font-weight: 850; letter-spacing: .11em; }
.home-page.constellation-ready .intake-live i { width: 9px; height: 9px; border-radius: 50%; background: #20a56b; box-shadow: 0 0 0 5px rgba(32,165,107,.11); animation: intake-pulse 2s ease-out infinite; }
.home-page.constellation-ready .intake-books { display: grid; grid-template-columns: repeat(4, minmax(92px, 1fr)); gap: 7px; min-width: 0; }
.home-page.constellation-ready .intake-book { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; gap: 7px; align-items: center; min-width: 0; padding: 5px 7px 5px 5px; overflow: hidden; border: 1px solid rgba(0,47,167,.1); border-radius: 7px; background: rgba(255,255,255,.9); color: var(--text); }
.home-page.constellation-ready .intake-book:hover { border-color: rgba(0,47,167,.28); background: #fff; transform: translateY(-1px); }
.home-page.constellation-ready .intake-book > img { width: 32px; height: 43px; border-radius: 3px; object-fit: cover; }
.home-page.constellation-ready .intake-book > span { display: grid; min-width: 0; gap: 2px; }
.home-page.constellation-ready .intake-book strong,
.home-page.constellation-ready .intake-book span small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-page.constellation-ready .intake-book strong { font-size: 10px; }
.home-page.constellation-ready .intake-book span small { color: var(--text-4); font-size: 8px; }
.home-page.constellation-ready .intake-book > b { color: var(--klein); font-size: 11px; }
.home-page.constellation-ready .intake-book > b small { font-size: 7px; }
.home-page.constellation-ready .intake-book.is-arriving { animation: intake-arrive .7s cubic-bezier(.2,.8,.2,1) both; }
.home-page.constellation-ready .intake-side { display: grid; justify-items: end; gap: 5px; white-space: nowrap; }
.home-page.constellation-ready .intake-side a { color: var(--klein); font-size: 11px; font-weight: 750; }
.home-page.constellation-ready .intake-mode { padding: 3px 6px; border-radius: 999px; background: #dff5eb; color: #14754d; font-size: 8px; font-weight: 850; letter-spacing: .08em; }
.home-page.constellation-ready .intake-mode[data-mode="demo"] { background: #fff2d8; color: #8b5a18; }

@keyframes intake-arrive {
  from { opacity: 0; box-shadow: 0 0 0 12px rgba(45,98,255,.12); transform: translateX(-24px) scale(.94); }
  to { opacity: 1; box-shadow: 0 0 0 0 rgba(45,98,255,0); transform: translateX(0) scale(1); }
}

@keyframes intake-pulse {
  0%, 55%, 100% { box-shadow: 0 0 0 4px rgba(32,165,107,.11); }
  28% { box-shadow: 0 0 0 8px rgba(32,165,107,0); }
}

@media (max-width: 1100px) {
  .home-page.constellation-ready .library-intake { grid-template-columns: minmax(210px,.75fr) minmax(0,1.25fr); }
  .home-page.constellation-ready .intake-side { display: none; }
  .home-page.constellation-ready .intake-books { grid-template-columns: repeat(3,minmax(92px,1fr)); }
  .home-page.constellation-ready .intake-book:last-child { display: none; }
}

@media (max-width: 720px) {
  .home-page.constellation-ready .library-intake { grid-template-columns: 1fr; gap: 11px; padding: 13px; }
  .home-page.constellation-ready .intake-books { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-page.constellation-ready .intake-book:nth-child(n+3) { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .home-page.constellation-ready .intake-live i,
  .home-page.constellation-ready .intake-book.is-arriving { animation: none; }
}

/* 2026-09 homepage rhythm — one divider, compact editorial headings and a responsive shelf focus. */
.home-page.constellation-ready .reading-currents::before,
.home-page.constellation-ready .curated-head::after {
  content: none;
}

.home-page.constellation-ready .curated-head > a { margin-left: auto; }

.home-page.constellation-ready .currents-heading,
.home-page.constellation-ready .section > .container > .section-head {
  display: grid;
  grid-template-columns: minmax(104px, 120px) minmax(0, 1fr) minmax(250px, 320px);
  column-gap: clamp(22px, 2.2vw, 34px);
  row-gap: 14px;
  align-items: start;
  width: 100%;
  max-width: none;
  margin: 0 0 46px;
  text-align: left;
}

.home-page.constellation-ready .currents-heading .eyebrow,
.home-page.constellation-ready .section > .container > .section-head .eyebrow {
  justify-content: flex-start;
  margin: 0;
  padding-top: 7px;
}

.home-page.constellation-ready .currents-heading h2,
.home-page.constellation-ready .section > .container > .section-head h2 {
  max-width: 720px;
  margin: 0;
  font-size: clamp(38px, 3.45vw, 50px);
  line-height: 1.06;
  letter-spacing: -.035em;
}

.home-page.constellation-ready .currents-heading p,
.home-page.constellation-ready .section > .container > .section-head .desc {
  max-width: 34ch;
  margin: 0;
  padding-top: 6px;
  line-height: 1.55;
}

.home-page.constellation-ready .currents-stage { margin-top: 0; }

/* The voices header lives inside a narrow ledger column, so it must not inherit the three-column section grid. */
.home-page.constellation-ready .editorial .editorial-heading {
  display: block;
  width: auto;
  max-width: 520px;
  margin: 4px 0 0;
}

.home-page.constellation-ready .editorial .editorial-heading .eyebrow {
  margin: 0 0 18px;
  padding: 0;
}

.home-page.constellation-ready .editorial .editorial-heading h2 {
  max-width: 500px;
  margin: 0;
  font-size: clamp(40px, 3.5vw, 52px);
  line-height: 1.07;
  letter-spacing: -.035em;
}

.home-page.constellation-ready .editorial .editorial-heading .desc {
  max-width: 36ch;
  margin: 20px 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.6;
}

@media (min-width: 721px) {
  .home-page.constellation-ready #spotlightBooks {
    transition: grid-template-columns .52s cubic-bezier(.22, .8, .2, 1);
  }

  .home-page.constellation-ready #spotlightBooks[data-active-book="1"],
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:nth-child(1):focus-visible) {
    grid-template-columns: 1.38fr .81fr .81fr;
  }

  .home-page.constellation-ready #spotlightBooks[data-active-book="2"],
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:nth-child(2):focus-visible) {
    grid-template-columns: .81fr 1.38fr .81fr;
  }

  .home-page.constellation-ready #spotlightBooks[data-active-book="3"],
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:nth-child(3):focus-visible) {
    grid-template-columns: .81fr .81fr 1.38fr;
  }

  .home-page.constellation-ready #spotlightBooks .spotlight-book {
    transition: opacity .34s ease, filter .34s ease, box-shadow .4s ease;
  }

  .home-page.constellation-ready #spotlightBooks[data-active-book]
    .spotlight-book:not([data-spotlight-active]),
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:focus-visible)
    .spotlight-book:not(:focus-visible) {
    opacity: .68;
    filter: saturate(.72) brightness(.9);
  }

  .home-page.constellation-ready #spotlightBooks .spotlight-book[data-spotlight-active],
  .home-page.constellation-ready #spotlightBooks .spotlight-book:focus-visible {
    z-index: 1;
    box-shadow: 0 18px 42px rgba(9, 25, 84, .24);
  }

  .home-page.constellation-ready #spotlightBooks .spotlight-book[data-spotlight-active] img,
  .home-page.constellation-ready #spotlightBooks .spotlight-book:focus-visible img {
    opacity: .94;
    transform: scale(1.055) !important;
  }
}

@media (max-width: 900px) {
  .home-page.constellation-ready .currents-heading,
  .home-page.constellation-ready .section > .container > .section-head {
    grid-template-columns: 104px minmax(0, 1fr);
    column-gap: 24px;
    row-gap: 14px;
  }

  .home-page.constellation-ready .currents-heading p,
  .home-page.constellation-ready .section > .container > .section-head .desc {
    grid-column: 2;
    max-width: 44ch;
    padding-top: 0;
  }

  .home-page.constellation-ready .currents-heading h2,
  .home-page.constellation-ready .section > .container > .section-head h2 {
    font-size: clamp(38px, 5.4vw, 46px);
  }

  .home-page.constellation-ready .editorial .editorial-heading {
    max-width: 720px;
    margin-top: 0;
  }

  .home-page.constellation-ready .editorial .editorial-heading h2 { max-width: 650px; }
}

@media (max-width: 640px) {
  .home-page.constellation-ready .currents-heading,
  .home-page.constellation-ready .section > .container > .section-head {
    display: block;
    margin-bottom: 34px;
  }

  .home-page.constellation-ready .currents-heading .eyebrow,
  .home-page.constellation-ready .section > .container > .section-head .eyebrow { padding-top: 0; }

  .home-page.constellation-ready .currents-heading h2,
  .home-page.constellation-ready .section > .container > .section-head h2 {
    margin-top: 14px;
    font-size: clamp(34px, 10vw, 40px);
  }

  .home-page.constellation-ready .currents-heading p,
  .home-page.constellation-ready .section > .container > .section-head .desc {
    margin-top: 14px;
    padding-top: 0;
  }

  .home-page.constellation-ready .editorial .editorial-heading .eyebrow { margin-bottom: 14px; }
  .home-page.constellation-ready .editorial .editorial-heading h2 { font-size: clamp(36px, 10.5vw, 43px); }
  .home-page.constellation-ready .editorial .editorial-heading .desc { margin-top: 16px; }
}

@media (prefers-reduced-motion: reduce) and (min-width: 721px) {
  .home-page.constellation-ready #spotlightBooks,
  .home-page.constellation-ready #spotlightBooks[data-active-book],
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:focus-visible) {
    grid-template-columns: 1.2fr .9fr .9fr !important;
  }

  .home-page.constellation-ready #spotlightBooks .spotlight-book,
  .home-page.constellation-ready #spotlightBooks[data-active-book]
    .spotlight-book:not([data-spotlight-active]),
  .home-page.constellation-ready #spotlightBooks:has(.spotlight-book:focus-visible)
    .spotlight-book:not(:focus-visible) {
    opacity: 1;
    filter: none;
  }

  .home-page.constellation-ready #spotlightBooks .spotlight-book[data-spotlight-active] img,
  .home-page.constellation-ready #spotlightBooks .spotlight-book:focus-visible img {
    transform: none !important;
  }
}