/* Market research (06-DESIGN §13.3, §21): composition only. The crosstalk line (.xt), the slips and the market
   mini-form are components. Distances follow §6, one step smaller on phones.
   Round 2: the H1 is the caption of the two voices (no second hero); the standfirst sits beside the bench head;
   the slips stand on one baseline with one deliberate overlap; the mini-form is a pen note in the plan. */

/* the page opens on the object; the H1 is its caption */
.page-market-research .hero--object .line { margin-top: 0; }
.page-market-research .h1-caption { margin-top: var(--s-5); font-size: clamp(1.6rem, 2.6vw, 2.4rem); line-height: 1.12; max-width: 22em; }
.page-market-research .h1-caption :is(.l1, .l2) { display: inline; }
.page-market-research .hero--object > .fn { margin-top: var(--s-3); }
.page-market-research .h-ts { font: 400 .74em/1 var(--mono); letter-spacing: -.03em; }

.page-market-research .bench { margin-top: var(--s-8); }
.page-market-research .bench-head h2 { font-size: clamp(1.75rem, 3vw, 2.75rem); line-height: 1.12; max-width: 17em; }
.page-market-research .mr-say p { max-width: 32em; }
.page-market-research .mr-say p + p { margin-top: var(--s-3); }
.page-market-research .bench-more { margin-top: var(--s-4); }
.page-market-research :is(.words, .nda, .plan) { margin-top: var(--s-8); }
.page-market-research .words-lede { margin-top: var(--s-2); font-size: .9375rem; line-height: 1.55; max-width: 34em; color: var(--ink-soft); }
.page-market-research .slips { margin-top: var(--s-6); }
.page-market-research .slip-pt { font-size: 1.3125rem; }

/* the NDA: prose with voice, offset */
.page-market-research .nda-text { margin-top: var(--s-5); font: 400 var(--fs-voice)/1.45 var(--serif); color: var(--navy); max-width: var(--measure-voice); }
.page-market-research .nda-links { margin-top: var(--s-4); font-size: .9375rem; }

/* the schedule: the form is the pen's note under the sentence that asks for the date */
.page-market-research .plan-text > p { margin-top: var(--s-4); max-width: var(--measure); }
.page-market-research .plan .miniform { margin-top: var(--s-5); }
.page-market-research .plan .miniform-line { font-size: clamp(1.35rem, 2vw, 1.8rem); }
.page-market-research .plan-more { margin-top: var(--s-6); max-width: var(--measure); color: var(--ink); }

@media (min-width: 56.25em) {
  .page-market-research .h1-caption { margin-left: 8%; }
  .page-market-research .bench { margin-top: var(--s-9); }
  .page-market-research :is(.words, .plan) { margin-top: var(--s-9); }
  .page-market-research .nda { margin-top: var(--s-10); }
  .page-market-research .plan { align-items: end; }
  .page-market-research .plan-text { grid-column: 1 / span 7; }
  .page-market-research .plan-more { grid-column: 9 / span 4; margin-top: 0; font-size: .9375rem; }
  .page-market-research .slips { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--s-7); align-items: start; }
  .page-market-research .slip { max-width: none; margin: 0; justify-self: stretch; }
  .page-market-research .slip:nth-child(n) { margin: 0; justify-self: stretch; }
}
/* xl: five slips standing on one baseline, the third laid over the second */
@media (min-width: 75em) {
  .page-market-research .slips { display: flex; align-items: flex-end; gap: 0; margin-top: var(--s-7); padding-bottom: var(--s-3); border-bottom: 1.5px solid var(--rule-strong); }
  .page-market-research .slip { flex: 1 1 0; margin: 0 var(--s-3); }
  .page-market-research .slip:nth-child(3) { position: relative; z-index: 1; margin-left: calc(var(--s-7) * -1); margin-bottom: var(--s-4); box-shadow: 0 0 0 1px var(--rule-strong), 0 8px 18px -12px rgba(0, 34, 51, .35); }
  .page-market-research .slip:nth-child(2) { padding-right: calc(var(--s-5) + var(--s-7)); }
}