/* ==========================================================
   PAGES — styling that belongs to ONE specific page
   Reusable page forms go in components.css. This file is for
   the handful of one-off tweaks a single leaf needs.
   Keep it small: if a rule gets used twice, promote it.
   ========================================================== */

/* nature-of-the-manual-opening: the chapter plate bleeds off the text
   measure entirely — full PAGE width, spine to outer trim, not just the
   78%-of-page-w column every other plate in the book fills (typography.css
   §9: "plates fill the measure"). Deliberately breaking that convention
   for this one page: .page-inner's own 11%-of-page-w left/right padding
   is what normally keeps a plate inside the measure, so cancelling it
   with an equal negative margin is what lets the image reach both page
   edges — margin-left pulls it back out to the spine side, and an
   explicit width of the full --page-w (not "100%", which is the
   NARROWER content-box width after padding) carries it the rest of the
   way to the outer edge on its own; margin-right needs no matching value
   because that explicit width already lands exactly there.

   Held to a fixed 35% of the page's own HEIGHT (not width-driven
   aspect-ratio auto sizing, which is what every other plate in the book
   uses) — at this width, the source image's native 4:3 ratio would make
   it much taller than that, so object-fit:cover crops rather than
   letterboxes it down to the target box. object-position favours the
   lower-right, where the open manuscript and candle — the actual subject
   — sit in the source photo; the top third is mostly bookshelf and can
   afford to be the part a wide, short crop trims first. */
.chapter-opening .chapter-bleed{
  display:block;
  width:var(--page-w);
  height:calc(var(--page-w) * 1.32 * .35);
  margin:0 0 .3em calc(var(--page-w) * -.11);
  object-fit:cover;
  object-position:65% 60%;
}
.chapter-opening .entry-title{ margin-bottom:.05em; }
/* Pixel-identical to the title page's own "✦ ❦ ✦" (.tp-rule, typography.css)
   with the heart swapped for the book glyph — copied rather than
   re-derived: .tp-rule sets no font-size of its own, so it inherits
   whatever ambient size reaches it (the browser default, since nothing
   between .page-inner and :root sets one either) instead of scaling off
   --page-w like the rest of the book's type. font-size:unset here
   reproduces exactly that inheritance, rather than hard-typing the
   16px it happens to resolve to — same reasoning as tp-rule taking it
   from ambient the same way. letter-spacing/text-indent/margin are
   .tp-rule's own values verbatim. */
.chapter-opening .ornament{
  font-size:unset;
  letter-spacing:.5em; text-indent:.5em;
  margin:1em 0;
}
/* Same size as the title page's own quote-sized prose (.tp-edition,
   typography.css) — this page's pull quote no longer needs to be the
   loudest thing on the page (the plate already is), so it borrows the
   size of the OTHER piece of quiet italic prose already in the book
   rather than inventing a new one. */
.chapter-opening .pullquote{
  font-size:calc(var(--page-w) * .029);
  line-height:1.4;
  margin:.05em 0 .05em;
}
/* Even with the plate at 35% of the page (down from an earlier
   full-measure ~45% version), the plate plus title, ornament, and pull
   quote leave less room than the closing dropcap paragraph needs at the
   book's standard .034 body size — margins alone can't close that gap
   without either shrinking the plate further or splitting the paragraph
   onto a second page, both ruled out. This is the one page in the book
   where the
   body text itself is scaled down, as a deliberate, isolated exception
   to §3's "type scales with the page, not the page's own content" rule —
   made here, and only here, to let an unusually dense opening (full
   plate + title + ornament + pull quote + full opening paragraph) share
   a single leaf.

   Tuned and verified against every viewport this book actually renders
   at differently, not just one: normal desktop widths (1280×720 up
   through 4K), tablet landscape, mobile's scroll stack, AND fullscreen
   mode — which, on a large enough monitor, pushes --page-w well past
   any size this page was previously checked against. Held zero-overflow
   everywhere tested except two genuinely extreme, short landscape
   windows (900×600, 721×500 — narrower than this book's own mobile
   breakpoint would allow at that height) that fall outside the range
   any other page in the book is expected to survive either. */
.chapter-opening .body-text{ font-size:calc(var(--page-w) * .0205); line-height:1.36; }