.hero{min-height:720px;display:flex;align-items:center;background-color:#071827;background-image:linear-gradient(90deg,rgba(4,18,31,.94) 0%,rgba(4,18,31,.86) 36%,rgba(4,18,31,.42) 64%,rgba(4,18,31,.12) 100%),linear-gradient(0deg,rgba(4,18,31,.48),transparent 55%),url('/assets/clearwater-waterfront-hero.webp');background-size:cover;background-position:center center}
.hero:before{background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.hero-grid{grid-template-columns:minmax(0,690px) 1fr;gap:2rem;width:100%}
.hero h1{text-shadow:0 4px 32px rgba(0,0,0,.35)}
.hero .lead{color:#d8e5e4;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.network-visual{display:none}
.hero-location{display:inline-flex;align-items:center;gap:.65rem;margin-top:2.2rem;padding:.72rem 1rem;border-left:3px solid var(--coral);background:rgba(7,24,39,.56);backdrop-filter:blur(10px);color:#d8e5e4;font-size:.88rem}
.hero-location strong{color:white}
@media(max-width:900px){.hero{min-height:680px;background-position:62% center}.hero-grid{grid-template-columns:minmax(0,680px)} }
@media(max-width:620px){.hero{min-height:650px;background-position:69% center;background-image:linear-gradient(90deg,rgba(4,18,31,.94),rgba(4,18,31,.67)),url('/assets/clearwater-waterfront-hero.webp')}}