.area-hero{position:relative;color:var(--color-cream);padding:var(--space-20) 0 var(--space-16);overflow:hidden;min-height:380px;display:flex;align-items:flex-end}.area-hero__bg{position:absolute;inset:0;z-index:0}.area-hero__bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.area-hero__gradient{position:absolute;inset:0;background:linear-gradient(0deg,var(--color-sage) 0,rgba(45,74,62,.85) 40%,rgba(45,74,62,.6) 100%);z-index:1}.area-hero:not(:has(.area-hero__bg-image)) .area-hero__gradient{background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(255,255,255,.08) 0,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 100%,rgba(0,0,0,.15) 0,transparent 50%),var(--color-sage)}.area-hero .container{position:relative;z-index:2;width:100%}.area-hero__inner{animation:heroFadeIn .9s ease-out}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.area-hero__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.area-hero__eyebrow-text{font-family:var(--font-body);font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--color-tan)}.area-hero__eyebrow-line{display:block;width:32px;height:1px;background:var(--color-tan);opacity:.5}.area-hero__title{font-family:var(--font-headline);margin:0 0 var(--space-5);line-height:1;letter-spacing:-.03em}.area-hero__title-neighborhood{display:block;font-size:clamp(var(--text-5xl),8vw,var(--text-7xl));color:var(--color-cream)}.area-hero__meta{display:flex;align-items:center;gap:var(--space-5);padding-top:var(--space-5);border-top:1px solid rgba(212,184,150,.25)}.area-hero__meta-item{display:flex;flex-direction:column;gap:2px}.area-hero__meta-label{font-family:var(--font-body);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:rgba(245,241,232,.5)}.area-hero__meta-value{font-family:var(--font-headline);font-size:var(--text-lg);color:var(--color-tan)}.area-hero__meta-divider{width:1px;height:32px;background:rgba(212,184,150,.25)}.area-intro{position:relative;padding:var(--space-16) 0 var(--space-12)}.area-intro .container{position:relative;z-index:2}.area-intro__content{max-width:680px;margin:0 auto;text-align:center}.area-intro__text{font-family:var(--font-accent);font-size:var(--text-xl);font-style:italic;color:var(--color-charcoal);line-height:1.8;margin:0}.area-intro__text:after,.area-intro__text:before{content:"";display:block;width:40px;height:1px;background:var(--color-tan);margin:var(--space-6) auto}.area-styles{position:relative;padding:0 0 var(--space-16)}.area-styles .container{position:relative;z-index:2}.area-styles__header{text-align:center;margin-bottom:var(--space-10)}.area-styles__header h2{font-family:var(--font-headline);font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));color:var(--color-sage);margin:0 0 var(--space-2)}.area-styles__header p{font-family:var(--font-accent);font-size:var(--text-base);font-style:italic;color:var(--color-charcoal-muted);margin:0 auto;text-align:center}.area-styles__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3);max-width:900px;margin:0 auto}.area-style-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:white;border:1px solid var(--color-border-light);border-radius:var(--radius-md);transition:all .3s ease}.area-style-card:hover{border-color:var(--color-tan);box-shadow:0 4px 12px rgba(26,26,26,.06)}.area-style-card__number{font-family:var(--font-headline);font-size:var(--text-sm);color:var(--color-tan);opacity:.6;min-width:20px}.area-style-card__name{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-charcoal);letter-spacing:-.01em}.area-challenges{position:relative;padding:var(--space-16) 0 var(--space-20);background:var(--color-sage);color:var(--color-cream);overflow:hidden}.area-challenges .container{position:relative;z-index:2}.area-challenges__header{text-align:center;margin-bottom:var(--space-12)}.area-challenges__header h2{font-family:var(--font-headline);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));color:var(--color-cream);margin:0}.area-challenges__subtitle{font-family:var(--font-accent);font-size:var(--text-lg);font-style:italic;color:rgba(245,241,232,.8);max-width:45ch;margin:var(--space-4) auto 0;line-height:1.7}.area-challenges__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:900px;margin:0 auto}.area-challenge-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);transition:background .3s ease}.area-challenge-item:hover{background:rgba(255,255,255,.08)}.area-challenge-item__icon{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(212,184,150,.15);border-radius:var(--radius-sm);color:var(--color-tan)}.area-challenge-item__text{font-family:var(--font-body);font-size:var(--text-sm);color:rgba(245,241,232,.85);line-height:1.6;margin:0}.area-projects{position:relative;padding:var(--space-16) 0}.area-projects .container{position:relative;z-index:2}.area-projects__header{text-align:center;margin-bottom:var(--space-10)}.area-projects__header h2{font-family:var(--font-headline);font-size:var(--text-3xl);color:var(--color-charcoal)}.area-projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.area-project-card{text-decoration:none;color:inherit;background:white;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.area-project-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(26,26,26,.1);border-color:var(--color-tan)}.area-project-card__image{overflow:hidden;aspect-ratio:3/2}.area-project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.area-project-card:hover .area-project-card__image img{transform:scale(1.05)}.area-project-card__content{padding:var(--space-4) var(--space-5) var(--space-5)}.area-project-card__content h3{font-family:var(--font-headline);font-size:var(--text-lg);color:var(--color-sage);margin:0 0 var(--space-2)}.area-project-card__content p{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-3)}.area-project-card__link{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-tan-text)}.area-project-card__link svg{transition:transform .3s ease}.area-project-card:hover .area-project-card__link svg{transform:translateX(3px)}.area-services{position:relative;padding:var(--space-16) 0}.area-services .container{position:relative;z-index:2}.area-services__header{text-align:center;margin-bottom:var(--space-10)}.area-services__header h2{font-family:var(--font-headline);font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));color:var(--color-sage);margin:0 0 var(--space-2)}.area-services__header p{font-family:var(--font-accent);font-size:var(--text-base);font-style:italic;color:var(--color-charcoal-muted);margin:0 auto;text-align:center}.area-services__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4);max-width:1000px;margin:0 auto}.area-service-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:var(--space-6) var(--space-5);background:white;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);transition:all .35s cubic-bezier(.4,0,.2,1);overflow:hidden}.area-service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-tan);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.4,0,.2,1)}.area-service-card:hover:before{transform:scaleX(1)}.area-service-card:hover{border-color:var(--color-tan);box-shadow:0 12px 32px rgba(26,26,26,.08);transform:translateY(-4px)}.area-service-card__title{font-family:var(--font-headline);font-size:var(--text-lg);color:var(--color-sage);margin:0 0 var(--space-2);line-height:1.3}.area-service-card__desc{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.6;margin:0;flex:1 1}.area-service-card__arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:var(--space-4);background:var(--color-cream);border-radius:var(--radius-sm);color:var(--color-sage);transition:all .3s ease}.area-service-card:hover .area-service-card__arrow{background:var(--color-sage);color:var(--color-cream)}.area-cta{position:relative;padding:var(--space-24) 0;text-align:center;color:var(--color-cream);background-color:var(--color-sage);overflow:hidden}.area-cta .container{position:relative;z-index:2}.area-cta h2{font-family:var(--font-headline);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));margin-bottom:0}.area-cta__divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-tan),transparent);margin:var(--space-6) auto}.area-cta p{font-family:var(--font-accent);font-size:var(--text-lg);font-style:italic;opacity:.9;max-width:50ch;margin:0 auto var(--space-8);line-height:1.7}@media (prefers-reduced-motion:reduce){.area-hero__inner{animation:none}.area-challenge-item,.area-project-card,.area-project-card__image img,.area-project-card__link svg,.area-service-card,.area-service-card:before,.area-service-card__arrow,.area-style-card{transition:none}.area-project-card:hover,.area-project-card:hover .area-project-card__image img,.area-service-card:hover{transform:none}}@media (max-width:1024px){.area-services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.area-challenges__grid{grid-template-columns:1fr}}@media (max-width:768px){.area-hero{padding:var(--space-16) 0 var(--space-12);min-height:280px}.area-hero__title-neighborhood{font-size:var(--text-5xl)}.area-hero__meta{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.area-hero__meta-divider{display:none}.area-hero__eyebrow-line{width:20px}.area-intro__text{font-size:var(--text-lg)}.area-projects__grid,.area-services__grid,.area-styles__grid{grid-template-columns:1fr}}