.page-hero{height:auto;max-height:none;min-height:540px}.page-hero .hero-content{padding-bottom:140px}
.volunteer-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:clamp(24px,5vw,72px);align-items:start}
.volunteer-note{position:sticky;top:150px;padding:32px 0}.volunteer-note h3{font-size:clamp(30px,3.5vw,48px);line-height:1.12;margin:24px 0}.volunteer-note ol{padding-left:22px;line-height:1.7}.volunteer-note li{margin:18px 0;padding-left:6px}
.volunteer-panel{min-width:0}.volunteer-panel fieldset{min-width:0;border:1px solid #b9c6bf;border-radius:18px;margin:26px 0;padding:20px}.volunteer-panel legend{padding:0 8px;font-weight:650;font-size:15px}.volunteer-panel .interest-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.volunteer-panel .consent{align-items:flex-start!important;gap:12px!important;line-height:1.55}.volunteer-panel input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin-top:4px;accent-color:var(--emerald)}.volunteer-panel .public-profile-fields{background:rgba(225,235,227,.45)}.volunteer-panel .form-status:empty{display:none}.volunteer-panel .form-status{padding:16px;border:1px solid var(--gold);border-radius:12px}.volunteer-panel button:disabled{opacity:.6;cursor:wait}.volunteer-panel textarea{resize:vertical;min-height:95px}.volunteer-panel :focus-visible{outline:3px solid #8c681f;outline-offset:4px}
.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;align-items:stretch}.people-grid>dialog{grid-column:auto}.person-card{position:relative;border:1px solid rgba(255,255,255,.8);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(245,244,233,.55));backdrop-filter:blur(var(--glass-blur));box-shadow:0 16px 40px #08271f12,inset 0 1px #fff;transition:box-shadow .5s,border-color .5s;isolation:isolate}.person-card:hover,.person-card:focus-within{box-shadow:0 28px 65px #08271f28;border-color:var(--gold)}.person-photo{aspect-ratio:1.25;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 65%,#2c5846,#0b2d25 70%)}.person-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1s cubic-bezier(.2,.65,.25,1)}.person-card:hover .person-photo>img{transform:scale(1.07)}.person-placeholder{height:100%;display:grid;align-content:center;justify-items:center;gap:16px;color:#e8d9b9}.person-placeholder .icon{width:54px;height:54px;stroke-width:.8}.person-placeholder small{text-transform:uppercase;letter-spacing:.2em;font-size:10px}.person-light{position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 38%,#fff2 48%,transparent 58%);transform:translateX(-50%) rotate(-10deg);pointer-events:none;transition:transform 1.1s}.person-card:hover .person-light{transform:translateX(50%) rotate(-10deg)}.person-copy{padding:26px}.person-copy h3{font-size:27px;line-height:1.2;margin:10px 0 16px;overflow-wrap:anywhere}.person-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.person-copy .eyebrow{font-size:10px;line-height:1.6;min-height:32px}.person-copy .text-button{margin-top:12px;text-align:left}.deep .person-card{color:var(--emerald)}.directory-empty{padding:48px;border:1px solid #bdc8bf;border-radius:24px;background:linear-gradient(125deg,#ffffffba,#e5eee582);max-width:780px}.directory-empty h3{font-size:30px;margin:18px 0}.directory-empty>.icon{width:40px;height:40px;color:#947130}.directory-pagination ul{display:flex;list-style:none;gap:16px;padding:24px 0}.directory-pagination a,.directory-pagination span{padding:10px 15px;border:1px solid #a8b9ae;border-radius:50%}
@media(min-width:1101px){.nav-inner{gap:18px}#aof-navigation{gap:18px}#aof-navigation ul{gap:clamp(12px,1.4vw,22px)}#aof-navigation a:not(.button){font-size:12px}.header-give{padding:14px 18px;font-size:12px}}
@media(max-width:1100px){.menu-toggle{display:flex}#aof-navigation{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:24px;background:rgba(247,243,234,.97);backdrop-filter:blur(24px);border:1px solid #d8d5c6;border-radius:0 0 24px 24px;max-height:calc(100dvh - 160px);overflow:auto}#aof-navigation.is-open{display:flex}#aof-navigation ul{flex-direction:column;align-items:stretch;gap:0}#aof-navigation li a{display:block;padding:12px 8px;font-size:16px}.header-give{margin-top:14px;align-self:flex-start}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.volunteer-layout{grid-template-columns:1fr}.volunteer-note{position:static;padding:0}.people-grid{grid-template-columns:1fr}.volunteer-panel{padding:22px!important}.volunteer-panel .form-pair,.volunteer-panel .interest-grid{grid-template-columns:1fr}.volunteer-panel fieldset{padding:16px}.person-copy{padding:24px}.person-photo{aspect-ratio:1.45}.directory-empty{padding:28px}.volunteer-panel .button{width:100%;white-space:normal;text-align:left}}
@media(prefers-reduced-motion:reduce){.person-card,.person-photo>img,.person-light{transition:none!important}.person-card:hover .person-photo>img{transform:none}}
html:not(.aof-motion) .person-card,html:not(.aof-motion) .person-photo>img,html:not(.aof-motion) .person-light{transition:none!important}
@media(max-width:1100px){.menu-toggle{display:block}#aof-navigation{background:linear-gradient(145deg,rgba(23,63,51,.98),rgba(6,30,24,.98));color:#fff1d3;border-color:#cfac64}#aof-navigation li a{font-family:var(--serif);font-size:23px}#aof-navigation ul{background:none;border:0}}
html:not(.aof-motion) .person-card:hover .person-photo>img{transform:none}html:not(.aof-motion) .person-light{display:none}