.areas-page-eyebrow{font-size:11px;line-height:1.4;letter-spacing:.15em;font-weight:600;color:var(--wine);margin:0 0 22px}
.areas-page-hero{height:var(--inner-hero-height);min-height:var(--inner-hero-min-height)}
.areas-page-hero .hero-copy{justify-content:flex-end;padding:150px var(--gutter) 74px;color:#fff;max-width:1320px}
.areas-page-hero .areas-page-eyebrow{color:#fff;margin-bottom:24px}
.areas-page-hero h1{font-family:var(--heading);font-weight:200;font-size:clamp(42px,4.8vw,76px)!important;line-height:1.13!important;letter-spacing:-.025em;margin:0 0 24px;padding:0;max-width:950px}
.areas-page-lead{font-size:var(--body-copy-size);line-height:var(--body-copy-line);max-width:760px;margin:0;color:rgba(255,255,255,.92)}
.areas-page-hero .architecture{object-position:center 58%}
.areas-page-hero .hero-art:after{background:linear-gradient(90deg,rgba(1,1,20,.78) 0%,rgba(1,1,20,.42) 48%,rgba(1,1,20,.14) 100%)}

.areas-intro{grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(55px,8vw,150px);align-items:start}
.areas-page h2{font-family:var(--heading);font-weight:200;font-size:clamp(36px,4vw,64px);line-height:1.13;letter-spacing:-.025em;margin:0}
.areas-page h2 em{font-family:inherit;font-weight:inherit}
.areas-intro-copy{max-width:830px;color:var(--charcoal);font-size:var(--body-copy-size);line-height:var(--body-copy-line)}
.areas-intro-copy p{margin:0 0 24px}.areas-intro-copy p:last-child{margin-bottom:0}

.areas-overview{display:block;border-top:1px solid var(--line)}
.areas-overview-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}
.areas-overview-heading>p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);max-width:520px;margin:0}
.areas-list{border-top:1px solid var(--line)}
.area-entry{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,120px);align-items:center;padding:52px 0;border-bottom:1px solid var(--line);scroll-margin-top:100px}
.area-entry:nth-child(even) .area-entry-image{order:2}.area-entry:nth-child(even) .area-entry-copy{order:1}
.area-entry-image{height:clamp(360px,36vw,540px);overflow:hidden;margin:0;background:var(--grey)}
.area-entry-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.7,.2,1)}
.area-entry:hover .area-entry-image img{transform:scale(1.035)}
.area-entry-copy{max-width:720px}
.area-entry-copy h3{font-family:var(--heading);font-weight:200;font-size:var(--practice-card-title-size);line-height:1.16;letter-spacing:-.025em;color:var(--ink);margin:0 0 24px}
.area-entry-copy>p{font-size:var(--body-copy-size);line-height:var(--body-copy-line);color:var(--charcoal);margin:0 0 22px}
.area-entry-topics{color:var(--ink)!important}
.areas-page .manifesto h2 em{color:var(--lace)}

@media(max-width:900px){
 .areas-intro,.area-entry{grid-template-columns:1fr;gap:42px}
 .area-entry:nth-child(even) .area-entry-image,.area-entry:nth-child(even) .area-entry-copy{order:initial}
 .area-entry-image{height:460px}
}
@media(max-width:760px){
 .areas-page-hero{height:56svh;min-height:var(--inner-hero-min-height)}
 .areas-page-hero .hero-copy{padding:130px var(--gutter) 72px}
 .areas-page-hero h1{font-size:clamp(34px,9vw,50px)!important;line-height:1.13!important}
 .areas-page-hero .architecture{object-position:58% center}
 .areas-page-hero .hero-art:after{background:linear-gradient(180deg,rgba(1,1,20,.5),rgba(1,1,20,.18) 35%,rgba(1,1,20,.8))}
 .areas-page h2{font-size:clamp(30px,8.5vw,42px)}
 .areas-intro,.areas-overview{padding-top:52px;padding-bottom:52px}
 .areas-overview-heading{display:block;margin-bottom:28px}
 .areas-overview-heading>p{margin-top:22px}
 .area-entry{gap:28px;padding:34px 0}
 .area-entry-image{height:330px}
 .area-entry-copy h3{font-size:var(--practice-card-title-size);margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.area-entry-image img{transition:none}.area-entry:hover .area-entry-image img{transform:none}}