/* Volunteer: a personal invitation, with mentoring as the main visual feature. */
#main[data-page=volunteer]{background:var(--white)}
#main[data-page=volunteer] .hero-inner.has-photo{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--s5);padding-block:var(--s4);align-items:center}
#main[data-page=volunteer] .hero-copy{min-width:0;max-width:none !important}
#main[data-page=volunteer] .hero .photo-hero{height:auto;aspect-ratio:3/2}
#main[data-page=volunteer] .section>.container{padding-block:var(--s4);border:0}
#main[data-page=volunteer] .volunteer-community-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);margin-top:var(--s3)}
#main[data-page=volunteer] .volunteer-community-paths h3{margin:0 0 var(--s1)}
#main[data-page=volunteer] .volunteer-community-paths p{font-size:var(--fs-md);max-width:58ch;margin:0}
#main[data-page=volunteer] .volunteer-community-paths .volunteer-topics{font-size:var(--fs-sm);margin-top:var(--s2)}
#main[data-page=volunteer] .volunteer-community-next{margin-top:var(--s3)}
#main[data-page=volunteer] .volunteer-membership-note{font-size:var(--fs-sm);margin:var(--s2) 0 0}
#main[data-page=volunteer] .volunteer-mentors{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:var(--s5);align-items:center}
#main[data-page=volunteer] .volunteer-mentors>.photo{aspect-ratio:4/3}
#main[data-page=volunteer] .volunteer-mentor-deck{font-size:var(--fs-md);max-width:55ch;margin:var(--s2) 0 0}
#main[data-page=volunteer] .volunteer-mentor-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin:var(--s3) 0}
#main[data-page=volunteer] .volunteer-mentor-roles h3{font-size:var(--fs-md) !important}
#main[data-page=volunteer] #venture-scouts{background:var(--surface-sky)}
#main[data-page=volunteer] .volunteer-scouts{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start;gap:var(--s5)}
#main[data-page=volunteer] .volunteer-scouts h2{color:var(--ink);max-width:23ch}
#main[data-page=volunteer] .volunteer-scout-deck{font-size:var(--fs-md);margin:0 0 var(--s2);max-width:60ch}
#main[data-page=volunteer] .scout-connections{display:block;width:calc(var(--s6) * 2);height:var(--s5);max-width:100%;margin-top:var(--s2);overflow:visible}
#main[data-page=volunteer] .scout-connections path{fill:none;stroke:var(--rule-neutral);stroke-width:2}
#main[data-page=volunteer] .scout-connections circle{fill:var(--crimson)}
#main[data-page=volunteer] .closing>.container{padding-block:var(--s3)}
#main[data-page=volunteer] .closing p{max-width:65ch}
#main[data-page=volunteer] .section[id]{scroll-margin-top:calc(var(--s6) + var(--s4))}
@media(max-width:900px){
  #main[data-page=volunteer] .hero-inner.has-photo,#main[data-page=volunteer] .volunteer-mentors{grid-template-columns:1fr;gap:var(--s3)}
  #main[data-page=volunteer] .hero .photo-hero{aspect-ratio:2/1}
  #main[data-page=volunteer] .volunteer-mentors>.photo{aspect-ratio:4/3}
}
@media(max-width:700px){
  #main[data-page=volunteer] .volunteer-community-paths,#main[data-page=volunteer] .volunteer-mentor-roles,#main[data-page=volunteer] .volunteer-scouts{grid-template-columns:1fr;gap:var(--s3)}
}