/* v4 — The Bedtime Story */
.v4-cover { position:relative; min-height:100vh; display:grid; grid-template-columns:1.05fr 0.95fr; align-items:center; gap:clamp(30px,4vw,70px); text-align:left; padding:120px clamp(28px,5vw,72px) 90px; overflow:hidden;
  background:radial-gradient(125% 100% at 50% 2%, #34245c 0%, #1c1238 42%, var(--night) 84%); }
.v4-cover .book { position:relative; width:clamp(240px,26vw,360px); justify-self:center; }
.v4-cover .book image-slot { width:100%; aspect-ratio:3/4; display:block; box-shadow:0 40px 90px rgba(10,5,30,0.7); }
.v4-cover .book::after { content:""; position:absolute; inset:0; border-radius:14px; border:1px solid rgba(240,230,255,0.18); pointer-events:none; }
.v4-cover h1 { font-size:clamp(42px,6vw,80px); }
.v4-once { font-family:var(--serif); font-style:italic; font-size:clamp(17px,1.6vw,21px); color:var(--lav); letter-spacing:0.04em; }

.v4-chapter { position:relative; z-index:1; padding:clamp(44px,5.5vw,72px) 32px; }
.v4-story { position:relative; }
.v4-spine { position:absolute; left:50%; top:0; bottom:0; width:1px; background:repeating-linear-gradient(180deg, rgba(199,178,242,0.26) 0 4px, transparent 4px 12px); z-index:0; }
.v4-ch-stars { position:absolute; inset:0; pointer-events:none; z-index:0; }
.v4-ch-head { text-align:center; margin-bottom:36px; }
.v4-ch-num { display:inline-block; font-size:12px; letter-spacing:0.42em; color:var(--lav); font-weight:600; text-transform:uppercase; padding:9px 18px 9px calc(18px + 0.42em); background:var(--night-2); border:1px solid rgba(199,178,242,0.3); border-radius:100px; box-shadow:0 0 26px rgba(120,86,196,0.3); }
.v4-ch-head h2 { font-family:var(--serif); font-weight:500; font-size:clamp(32px,4.4vw,52px); color:var(--moon); margin:14px 0 0; }
.v4-ch-orn { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:20px; color:rgba(199,178,242,0.55); }
.v4-ch-orn::before, .v4-ch-orn::after { content:""; width:70px; height:1px; background:linear-gradient(90deg, transparent, rgba(199,178,242,0.4)); }
.v4-ch-orn::after { transform:scaleX(-1); }
.v4-spread { display:grid; grid-template-columns:1.15fr 0.85fr; gap:clamp(36px,5vw,80px); align-items:center; max-width:1080px; margin:0 auto; }
.v4-spread.flip { grid-template-columns:0.85fr 1.15fr; }
.v4-spread image-slot { width:100%; aspect-ratio:16/11; display:block; box-shadow:0 30px 70px rgba(10,5,30,0.55); }
.v4-prose { max-width:420px; }
.v4-prose p { font-family:var(--serif); font-size:clamp(19px,1.9vw,23px); line-height:1.62; color:#d9cdf6; margin:0 0 18px; }
.v4-prose p b { color:var(--moon); font-weight:600; }
.v4-prose .plain { font-family:var(--sans); font-size:14.5px; line-height:1.65; color:var(--muted); }
.v4-prose .v2-chips { margin-top:16px; }
.v4-dropcap::first-letter { font-size:3.1em; float:left; line-height:0.82; padding:6px 10px 0 0; color:var(--lav); font-style:normal; }

/* floating thought-words */
.v4-words { position:absolute; inset:0; pointer-events:none; z-index:0; overflow:hidden; }
.v4-word { position:absolute; font-family:var(--serif); font-style:italic; color:rgba(205,184,245,0.42); white-space:nowrap; }
@keyframes v4-restless { 0%,100%{transform:translate(0,0) rotate(-2deg); opacity:.5} 50%{transform:translate(14px,-20px) rotate(2deg); opacity:.24} }
@keyframes v4-gather { 0%{transform:translate(var(--dx),var(--dy)) scale(1); opacity:0} 14%{opacity:.5} 78%{opacity:.22} 100%{transform:translate(0,0) scale(0.35); opacity:0} }
.v4-word.restless { animation:v4-restless var(--dur,9s) ease-in-out var(--del,0s) infinite; }
.v4-word.gather { animation:v4-gather var(--dur,13s) ease-in var(--del,0s) infinite; }

/* chapter four: near-stillness */
.v4-still .v4-word, .v4-still .ba-mist, .v4-still .ba-mote, .v4-still .ba-shoot { display:none; }

/* last chapter: dawn */
.v4-dawn { background:linear-gradient(180deg, rgba(28,18,56,0) 0%, #4a3b6e 20%, #8269a4 58%, #c2a8d2 100%); }
.v4-dawn .v4-prose p { color:#160d2e; }
.v4-dawn .v4-prose p b { color:#0b0617; }
.v4-dawn .v4-prose .plain { color:#1d1440; }
.v4-dawn .v4-ch-head h2 { color:#fff7ee; }
.v4-dawn .v4-ch-num { color:#fff7ee; border-color:rgba(255,247,238,0.35); }

.v4-end { text-align:center; padding:clamp(80px,9vw,120px) 32px 0; background:linear-gradient(180deg, #c2a8d2 0%, #8269a4 26%, #453567 58%, var(--night) 100%); }
.v4-end .fin { font-family:var(--serif); font-style:italic; font-size:clamp(30px,4vw,46px); color:var(--moon); }

@media (max-width:880px){
  .v4-cover { grid-template-columns:1fr; text-align:center; padding:110px 24px 90px; }
  .v4-cover .book { width:clamp(260px,50vw,280px); margin:0 auto; order:-1; }
  .v4-cover .cta-row { justify-content:center; }
  .v4-spread, .v4-spread.flip { grid-template-columns:1fr; }
  .v4-spread.flip .v4-prose { order:2; }
  .v4-prose { max-width:none; }
}
@media (max-width: 360px) { 
  .ba-nav { justify-content: center; height: 56px; }
  .v4-cover { padding-top: 30px; padding-bottom: 30px; gap: 10px; }
  .ba-section, .v4-cover, .ba-nav { padding-left: 15px; padding-right: 15px; }
  .ba-expect-row b { font-size: 14px; }
  .ba-expect { padding: 12px; }
  .ba-founder-art { width: 90%; }
}