.area-page{min-height:100vh;background-color:var(--brand-highlight);padding:4rem 1rem}.area-container{max-width:80rem;margin:0 auto}.area-header{text-align:center;margin-bottom:3rem}.area-title{font-family:var(--font-cooper,"Cooper",serif);font-size:1.875rem;font-weight:400;color:var(--brand-primary);margin-bottom:1rem}.area-description{font-family:var(--font-sans,sans-serif);font-size:1.125rem;color:#374151;max-width:48rem;margin:0 auto}.area-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.area-card-link{text-decoration:none;color:inherit;display:block}.area-card{background-color:white;border-radius:1rem;overflow:hidden;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:1.5rem;transition:all .3s ease;cursor:pointer;display:flex;flex-direction:column;height:100%}.area-card-link:hover .area-card{box-shadow:0 20px 25px -5px rgba(0,0,0,.1);transform:translateY(-4px)}.area-card-profile{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.area-card-image{position:relative;width:4rem;height:4rem;border-radius:9999px;overflow:hidden;flex-shrink:0}.area-card-info{flex:1;min-width:0}.area-card-name{font-family:var(--font-cooper,"Cooper",serif);font-size:1.25rem;font-weight:700;color:var(--brand-primary);margin-bottom:.25rem}.area-card-location{display:flex;align-items:center;gap:.25rem;color:#2563EB}.area-card-location svg{width:1rem;height:1rem}.area-card-bio,.area-card-location span{font-size:.875rem;font-family:var(--font-sans,sans-serif)}.area-card-bio{color:#374151;line-height:1.625;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1}.area-card-button{width:100%;background-color:#F3F4F6;color:#374151;font-weight:500;padding:.75rem 1rem;border-radius:.5rem;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-sans,sans-serif);cursor:pointer;text-decoration:none;margin-top:auto}.area-card-link:hover .area-card-button{background-color:#E5E7EB}.area-card-link:active .area-card{transform:translateY(-2px)}.area-card-button svg{width:1rem;height:1rem}.area-loading{display:flex;align-items:center;justify-content:center;padding:5rem 0}.area-spinner{width:3rem;height:3rem;border:2px solid transparent;border-top:2px solid var(--brand-primary);border-radius:9999px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.area-empty{text-align:center;padding:5rem 0}.area-empty-title{font-family:var(--font-cooper,"Cooper",serif);font-size:1.5rem;color:var(--brand-primary);margin-bottom:1rem}.area-empty-text{font-size:1.125rem;color:#6B7280}@media (min-width:640px){.area-page{padding:4rem 1.5rem}.area-title{font-size:2.25rem}}@media (min-width:768px){.area-title{font-size:3rem}.area-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media (min-width:1024px){.area-page{padding:4rem 2rem}.area-title{font-size:3rem}.area-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.area-card{padding:2rem}}@media (min-width:1280px){.area-page{padding:5rem 2rem}.area-header{margin-bottom:4rem}.area-title{font-size:3.5rem}.area-description{font-size:1.25rem}.area-grid{gap:2.5rem}}@media (min-width:1920px){.area-page{padding:6rem 3rem}.area-title{font-size:4rem}.area-grid{gap:3rem}.area-card{padding:2.5rem}.area-card-name{font-size:1.5rem}.area-card-bio{font-size:1rem}}