/* Post-hero approach passage (provisional build 2026-09-13, v2). Home only.
   The next step down the hero's staircase: same left edge, same reading
   column, same display face, one scale step smaller. Nothing decorative,
   no chartreuse — the hero already spends it.

   v2 (Aadvik's reaction to the first render): the paragraphs are not wrapped
   blocks. Each is set as three deliberate lines broken at clause boundaries,
   authored in home-content.js and rendered as .passage-line blocks — the same
   device as the hero question's .opening-line. The gap between the two
   paragraphs is large enough that the reading zone holds one at a time, and
   the tonal P1/P2 split is gone: scroll focus is the emphasis now (eth.js).

   Column: the padding of .opening-question/.opening-answer plus the
   1120px reading column of .opening-statement, so P1's left edge lands on
   the opening statement's left edge at every width (measured, not guessed). */
.passage{padding:180px max(7vw,24px) 160px}
.passage-in{width:100%;max-width:1120px;margin:0 auto}
.passage-p{font-family:var(--disp);font-weight:500;font-size:clamp(30px,3.4vw,52px);line-height:1.14;letter-spacing:-.035em;margin:0;color:var(--text)}
/* Authored clause lines. display:block survives an overlong clause wrapping. */
.passage-line{display:block}
/* One paragraph owns the reading zone at a time. */
.passage-p + .passage-p{margin-top:clamp(220px,38vh,400px)}
@media(min-width:1500px){.passage{padding-left:calc((100vw - 1160px)/2);padding-right:calc((100vw - 1160px)/2)}}
@media(max-width:760px){
  .passage{padding:120px 24px 100px}
  .passage-p{font-size:clamp(26px,6.8vw,34px);line-height:1.2}
  .passage-p + .passage-p{margin-top:clamp(140px,26vh,220px)}
}