/* ==== SLOT:WP2 pillars ==== */
/* The two landing pillars (#pillars-top). Prefix pl-. Journey card copy is markup-only (see the WP2 card-copy markup slots).
   Static by request — no reveal, no motion. Each pillar is a two-column row:
   text block and a separate rounded photo, stretched to the text's height so
   the pair stays symmetrical. The second row mirrors the first. */
#pillars-top { background: var(--white); }
#pillars-top.section-y { padding-bottom: var(--space-5); }   /* the scroll intro below brings its own top space */
.pl-pillars { display: flex; flex-direction: column; gap: var(--space-5); }
/* Photos take ~60% of the row, sit close to the text, and reach past the
   page gutter to 2vw from the window edge on their own side (Martin, 2026-10-05). */
.pl-pillar {
  --pl-bleed: calc(var(--gutter) - 2vw);
  display: grid;
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  gap: clamp(24px, 3vw, 48px);
  align-items: stretch;
}
.pl-pillar--mirror { grid-template-columns: minmax(0, 6fr) minmax(0, 4fr); }
.pl-pillar--mirror .pl-media { order: -1; }
.pl-pillar .pl-media { margin-right: calc(var(--pl-bleed) * -1); }
.pl-pillar--mirror .pl-media { margin-right: 0; margin-left: calc(var(--pl-bleed) * -1); }
.pl-body { display: flex; flex-direction: column; justify-content: center; padding: var(--space-4) 0; }
.pl-title { margin-bottom: var(--space-3); }
.pl-text { max-width: 520px; margin-bottom: var(--space-4); }
.pl-list { max-width: 520px; margin-bottom: var(--space-4); gap: 14px; }
.pl-list > li { padding-left: 22px; }
.pl-list > li::before { width: 7px; height: 7px; top: calc(0.75em - 3.5px); background: var(--red); }   /* square, centred on the first line */
.pl-body .link-cta { align-self: flex-start; }
.pl-media { min-height: min(70vh, 720px); }
.pl-media > img { position: absolute; inset: 0; }   /* the text block sets the row height, not the photo */

@media (max-width: 900px) {
  .pl-pillars { gap: var(--space-5); }
  .pl-pillar, .pl-pillar--mirror { grid-template-columns: 1fr; gap: var(--space-3); }
  .pl-pillar .pl-media, .pl-pillar--mirror .pl-media { order: -1; min-height: 0; aspect-ratio: 4 / 3; margin: 0; }
  .pl-body { padding: 0; }
}
/* ==== /SLOT:WP2 ==== */