.volunteer-section{background:var(--gray-50)}.volunteer-grid{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;display:grid}.volunteer-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;background:#fff;transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.volunteer-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.volunteer-card.expanded{cursor:default;grid-column:1/-1}.volunteer-card:first-child.expanded,.volunteer-card:nth-child(2).expanded{grid-row:1}.volunteer-card:nth-child(3).expanded,.volunteer-card:nth-child(4).expanded{grid-row:2}.volunteer-card:nth-child(5).expanded,.volunteer-card:nth-child(6).expanded{grid-row:3}.volunteer-card-inner{align-items:stretch;min-height:250px;transition:all .5s;display:flex}.volunteer-card.expanded .volunteer-card-inner{min-height:auto}.volunteer-image-wrapper{background:var(--gray-100);flex-shrink:0;width:40%;min-width:200px;max-width:200px;transition:all .5s;overflow:hidden}.volunteer-card.expanded .volunteer-image-wrapper{width:200px;max-width:200px}.volunteer-image{object-fit:cover;width:100%;height:100%}.volunteer-content{padding:var(--spacing-xl);flex-direction:column;flex:1;justify-content:center;transition:all .5s;display:flex}.volunteer-card.expanded .volunteer-content{padding:var(--spacing-2xl)}.volunteer-name{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem;font-weight:600}.volunteer-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);font-size:.875rem;font-weight:600}.volunteer-bio-preview{color:var(--gray-600);margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.6}.read-more-btn{background:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;align-self:flex-start;padding:.5rem 1rem;font-size:.875rem;font-weight:600}.read-more-btn:hover{background:var(--primary-dark);transform:translateY(-2px)}.volunteer-card-expanded{padding:2.5rem;animation:.5s fadeIn;position:relative}.close-btn-corner{background:var(--gray-100);cursor:pointer;width:40px;height:40px;transition:all var(--transition-base);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:1rem;right:1rem}.close-btn-corner:hover{background:var(--gray-200);transform:rotate(90deg)}.close-btn-corner svg{color:var(--secondary);font-size:1.5rem}.expanded-header{border-bottom:2px solid var(--gray-100);align-items:center;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:flex}.expanded-avatar{object-fit:cover;border:4px solid var(--primary);border-radius:50%;flex-shrink:0;width:120px;height:120px}.expanded-info h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.expanded-role{color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1rem;font-weight:600}.volunteer-bio-expanded{color:var(--gray-700);white-space:pre-line;columns:2;column-gap:3rem;font-size:1rem;line-height:1.8;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:968px){.volunteer-grid{grid-template-columns:1fr}.volunteer-card{grid-column:1!important}.volunteer-card-inner{flex-direction:column;min-height:auto}.volunteer-image-wrapper{height:250px;width:100%!important;max-width:100%!important}.volunteer-bio-expanded{columns:1}.expanded-header{text-align:center;flex-direction:column}.volunteer-card-expanded{padding:1.5rem}}