/* v14 polish: one reading rhythm, consistent chapter titles, grounded hero phone. */
:root { --v14-measure: 1080px; }

/* Consistent vertical rhythm for every chapter after the hero. */
@media (min-width: 701px) {
  .scene:not(.hero) .chapter-heading { margin-bottom: 48px !important; }
  .scene:not(.hero) .chapter-heading > .wordmark { margin-bottom: 18px; }
}

/* Second line of every chapter title uses the same editorial italic accent. */
#expectations-title > span, #curves-title > span { font-style: italic; color: var(--emerald); font-weight: 400; }

/* Expectations sits on the same measure as the other chapters. */
@media (min-width: 701px) {
  .expectation-grid, .curve-grid { max-width: var(--v14-measure); margin-inline: auto; }
  .expectation-grid { gap: 80px; }
}

/* Hero phone: soft contact shadow so it rests on the stone instead of floating. */
.hero-art .hero-phone {
  filter: drop-shadow(0 28px 34px rgba(0,0,0,.55)) drop-shadow(0 6px 10px rgba(0,0,0,.45));
}
.join-phone-svg { filter: drop-shadow(0 30px 40px rgba(0,0,0,.5)); }

/* Disclosure lines centered on the chapter measure, like the other chapters. */
.expectations .disclosure { text-align: center; max-width: var(--v14-measure); margin-inline: auto; }

/* Mobile: the preview note sat on top of the phone's tab bar; tuck it to the right of the plinth. */
@media (max-width: 700px) {
  .hero .phone-note { left: auto !important; right: 18px !important; transform: none !important; text-align: right; }
}