/* ==========================================================================
   Homepage rhythm (index.html). The page alternates cinematic dark chapters
   (hero, welcome, globe / pastors, Christmas) with warm, intimate light ones
   (what we gather around / the closing invitation). This file turns the
   statement and the gallery into one ivory chapter; the panel's opening
   motion and the header's light/dark switch come from night.js and main.js.
   ========================================================================== */

/* The ivory chapter holds two sections that used to sit on midnight */
[data-palette="night"] .pv-day .pv-statement,
[data-palette="night"] .pv-day .pv-gather--editorial { background: transparent; color: var(--ink); }

/* The statement opens the chapter, a little closer to the gallery it introduces */
[data-palette="night"] .pv-day .pv-statement { padding-block: clamp(5.5rem, 4rem + 6vw, 9rem) clamp(2rem, 1rem + 3vw, 4rem); }
[data-palette="night"] .pv-day .pv-statement p.statement { color: var(--aubergine); max-width: 24ch; }
.js-motion .pv-day .pv-statement .statement .w { opacity: 0.24; }
/* Daylight version of the cursor light: warm, not glowing */
.pv-day .pv-statement.glow::before {
  background:
    radial-gradient(18rem circle at var(--gx, 50%) var(--gy, 45%), rgba(230, 166, 79, 0.2), rgba(230, 166, 79, 0) 70%),
    radial-gradient(40rem circle at var(--gx, 50%) var(--gy, 45%), rgba(243, 217, 177, 0.35), rgba(243, 217, 177, 0) 65%);
}

/* Gallery on ivory: aubergine type, deep-gold rules, softer shadows */
.pv-day .pv-gather--editorial { padding-block: clamp(2.5rem, 2rem + 3vw, 4.5rem) clamp(5rem, 3rem + 6vw, 8rem); }
[data-palette="night"] .pv-day .pv-gather .pv-h2 { color: var(--aubergine); }
.pv-day .pv-gather__rule { background: linear-gradient(90deg, var(--gold-deep), rgba(143, 90, 20, 0)); }
[data-palette="night"] .pv-day .pv-item h3 { color: var(--aubergine); }
[data-palette="night"] .pv-day .pv-item p { color: var(--ink-soft); }
.pv-day .pv-gather--editorial .pv-item h3::before { background: var(--gold-deep); }
.pv-day .pv-gather--editorial .pv-item__img { box-shadow: 0 2rem 4rem -2rem rgba(42, 13, 55, 0.4), 0 0 0 1px rgba(143, 90, 20, 0.25); }
.pv-day .text-link { color: var(--aubergine); }