/* pages.css: page-specific sections */
.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;min-height:80vh;padding:3rem var(--gutter);background:linear-gradient(rgba(6,12,32,.55),rgba(6,12,32,.75)),url("https://static.wixstatic.com/media/ed191e_e3485304d19b470fa6fed46d9dc032b6~mv2.png/v1/fill/w_980,h_653,al_c,q_90,usm_0.66_1.00_0.01,enc_auto/The%20Shepherd%20techy%20website%20background.png") center/cover}
.hero-img{width:100%;max-width:460px;height:auto;justify-self:center;filter:drop-shadow(0 0 36px rgba(214,168,74,.28))}
.band{max-width:none;text-align:center;padding:4.5rem var(--gutter);background:var(--navy)}
.band h2{max-width:24ch;margin-inline:auto}
.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;gap:2.5rem;max-width:760px}
.steps li{counter-increment:s;position:relative;padding-left:4.5rem}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:-.1rem;font:700 2.4rem Fraunces,serif;color:var(--gold)}
.steps h2{font-size:1.6rem;color:var(--gold)}
.people{display:grid;gap:4rem}
.person{display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:3rem;align-items:center}
.person img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius)}
.role{color:var(--gold);font-weight:700}
.contact{max-width:760px}
.apply{max-width:760px}
@media(max-width:800px){.hero,.person{grid-template-columns:1fr}}

.hero-copy .actions{justify-content:flex-start}
.book-hero{padding-bottom:1rem}
.book-list{padding-top:2rem}

/* Meet the team: click a name to drop down the bio */
.person-toggle{display:inline-flex;align-items:center;gap:.7rem;background:none;border:0;padding:0;color:var(--ivory);font:inherit;text-align:left;cursor:pointer;transition:color .3s ease}
.person-toggle:hover{color:var(--gold)}
.chev{flex:none;width:.6rem;height:.6rem;border-right:3px solid var(--gold);border-bottom:3px solid var(--gold);transform:translateY(-.15rem) rotate(45deg);transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.person-toggle[aria-expanded="true"] .chev{transform:translateY(.1rem) rotate(-135deg)}
.bio{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows .7s cubic-bezier(.22,.8,.3,1),opacity .5s ease,visibility 0s linear .7s}
.bio.open{grid-template-rows:1fr;opacity:1;visibility:visible;transition-delay:0s}
.bio-inner{overflow:hidden;min-height:0}
.bio-inner p{margin:.6rem 0 0}