/* A photographic introduction to the first session; inherits the site's typography. */
#consultation .consultation-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:44px; margin-bottom:36px; }
#consultation .consultation-heading h2 { max-width:20ch; }
#consultation .consultation-heading>p { max-width:29ch; font-size:16px; line-height:1.6; color:var(--muted); padding-bottom:4px; }
#consultation .consultation-story { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; list-style:none; margin:0; padding:0; }
#consultation .consultation-story li { min-width:0; }
#consultation .consultation-photo { position:relative; overflow:hidden; border-radius:var(--radius); background:#eeeee4; aspect-ratio:6 / 5; }
#consultation .consultation-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:50% 42%; }
#consultation .consultation-story li:nth-child(2) .consultation-photo img { object-position:50% 43%; }
#consultation .consultation-story li:nth-child(3) .consultation-photo img { object-position:50% 46%; }
#consultation .consultation-story h3 { margin-top:23px; font-size:27px; line-height:1.25; letter-spacing:-.025em; text-wrap:balance; }
#consultation .consultation-story li>p { margin-top:12px; max-width:42ch; font-size:16px; line-height:1.65; color:var(--muted); }
#consultation .consultation-bottom { margin-top:38px; }
@media (max-width:1100px) {
  #consultation .consultation-heading { gap:30px; }
  #consultation .consultation-heading h2 { font-size:44px; }
  #consultation .consultation-heading>p { max-width:26ch; font-size:15px; }
  #consultation .consultation-story { gap:23px; }
  #consultation .consultation-story h3 { font-size:24px; margin-top:20px; }
  #consultation .consultation-story li>p { font-size:15px; }
}
@media (max-width:800px) {
  #consultation .consultation-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:29px; }
  #consultation .consultation-heading h2 { font-size:42px; }
  #consultation .consultation-heading>p { max-width:43ch; padding-bottom:0; }
  #consultation .consultation-story { gap:19px; }
  #consultation .consultation-photo { border-radius:22px; }
  #consultation .consultation-story h3 { font-size:22px; }
  #consultation .consultation-story li>p { font-size:14px; line-height:1.6; }
}
@media (max-width:650px) {
  #consultation .consultation-heading { margin-bottom:26px; gap:18px; }
  #consultation .consultation-heading h2 { font-size:clamp(34px,8.8vw,42px); max-width:20ch; line-height:1.12; }
  #consultation .consultation-heading>p { font-size:15px; max-width:34ch; }
  #consultation .consultation-story { grid-template-columns:1fr; gap:34px; }
  #consultation .consultation-photo { aspect-ratio:1 / 1; border-radius:var(--radius); }
  #consultation .consultation-story h3 { font-size:26px; margin-top:21px; }
  #consultation .consultation-story li>p { font-size:16px; line-height:1.6; margin-top:10px; max-width:42ch; }
}
@media (max-width:370px) {
  #consultation .consultation-story h3 { font-size:24px; }
  #consultation .consultation-story li>p { font-size:15px; }
}

#consultation .consultation-step { position:absolute; top:16px; left:16px; z-index:1; display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--paper); color:var(--forest); font-size:22px; line-height:1; font-weight:500; font-variant-numeric:tabular-nums; }

#consultation .consultation-help { width:100%; height:70px; min-height:70px; padding:0 28px; font-size:20px; }
@media(max-width:650px) { #consultation .consultation-bottom { margin-top:32px; } }