.area-hero{padding:110px clamp(20px,7vw,110px);color:#fff;background:linear-gradient(120deg,rgba(3,15,32,.97),rgba(13,49,95,.88)),url('gallery/land-clearing-aerial-02.webp') center/cover}.area-hero.city{background-image:linear-gradient(120deg,rgba(3,15,32,.97),rgba(13,49,95,.84)),url('../gallery/land-clearing-aerial-02.webp')}.area-hero>div{max-width:800px}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area-card{display:flex;min-height:190px;flex-direction:column;justify-content:flex-end;padding:26px;background:var(--navy);color:#fff;text-decoration:none;border-bottom:5px solid var(--red);transition:transform .16s ease}.area-card:hover{transform:translateY(-4px)}.area-card strong{font:800 2rem/1 "Barlow Condensed";text-transform:uppercase}.area-card span{margin-top:10px;color:#cbd5e2;font-size:.84rem}.city-services{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.city-services a{padding:25px;background:var(--mist);border-left:4px solid var(--red);color:var(--navy);font:800 1.45rem/1 "Barlow Condensed";text-transform:uppercase;text-decoration:none}.nearby{padding:40px clamp(20px,7vw,110px);background:var(--navy);color:#fff}.nearby a{color:#fff;font-weight:700;margin-right:18px}@media(max-width:900px){.area-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.area-hero{padding:80px 20px}.area-grid,.city-services{grid-template-columns:1fr}}