/* Homepage Areas We Serve — editorial refresh, November 2026.
   Scoped to #texas; other pages and sitewide blocks remain unchanged. */
body.home .ngh section#texas.nghr-areas{
  --nghr-ink:#202124;--nghr-muted:#62676b;--nghr-paper:#f7f8f9;
  --nghr-green:#84c041;--nghr-lime:#b5e66a;
  position:relative;isolation:isolate;overflow:hidden;
  margin:0;padding:89px 0 96px;background:var(--nghr-paper);color:var(--nghr-ink);
  border-top:1px solid #eceef0;border-bottom:1px solid #eceef0;
}
body.home .ngh #texas.nghr-areas *,body.home .ngh #texas.nghr-areas *::before,body.home .ngh #texas.nghr-areas *::after{box-sizing:border-box}
body.home .ngh #texas.nghr-areas .ngh-shell{position:relative;z-index:1}
body.home .ngh #texas.nghr-areas::before{
  content:"";position:absolute;pointer-events:none;inset:0 0 auto auto;
  width:min(44vw,650px);height:410px;opacity:.55;
  background:radial-gradient(ellipse at top right,#e9ecef 0%,transparent 67%);
}
.ngh #texas.nghr-areas .nghr-areas__heading{
  display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  align-items:end;gap:34px 70px;margin:0 0 37px;
}
.ngh #texas.nghr-areas .nghr-areas__kicker{
  display:flex;align-items:center;gap:10px;
  font:700 12px/1.4 'Proximanova-bold',sans-serif;
  color:#62676b;text-transform:uppercase;letter-spacing:.13em;
  margin:0 0 16px;
}
.ngh #texas.nghr-areas .nghr-areas__kicker span{color:#92989b;letter-spacing:.1em}
.ngh #texas.nghr-areas h2{
  font:clamp(36px,4.15vw,56px)/1.075 'Proximanova-bold',sans-serif;
  letter-spacing:-1.05px;margin:0;padding:0;color:#202124;
}
.ngh #texas.nghr-areas h2 span{color:#62676b}
.ngh #texas.nghr-areas .nghr-areas__lead{
  max-width:460px;margin:0 0 3px;padding:0;
  font:17px/1.65 'Proximanova-regular',sans-serif;color:#53595d;
}
.ngh #texas.nghr-areas .nghr-areas__layout{
  display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.82fr);
  gap:19px;align-items:stretch;
}
.ngh #texas.nghr-areas .nghr-local{
  position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  padding:32px 34px 28px;border:1px solid #e2e6e8;border-radius:17px;
  background:#fff;box-shadow:0 13px 35px #20212409;
}
.ngh #texas.nghr-areas .nghr-local::before{
  content:"";position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,#202124 0%,#62676b 52%,#bcc1c5 100%);
}
.ngh #texas.nghr-areas .nghr-local__eyebrow{
  display:flex;align-items:center;gap:9px;min-width:0;
  margin:0 0 22px;color:#62676b;
  font:700 11px/1.35 'Proximanova-bold',sans-serif;letter-spacing:.1em;
}
.ngh #texas.nghr-areas .nghr-local__dot{
  display:inline-block;flex:0 0 8px;width:8px;height:8px;
  background:#62676b;border-radius:50%;box-shadow:0 0 0 4px #62676b24;
}
.ngh #texas.nghr-areas .nghr-local__state{margin-left:auto;color:#7c8586;white-space:nowrap;font-size:10px}
.ngh #texas.nghr-areas .nghr-local__intro{
  display:block;min-width:0;margin-bottom:25px;
}
.ngh #texas.nghr-areas .nghr-local h3{
  display:block;max-width:100%;color:#202124!important;
  font:700 clamp(32px,3.4vw,43px)/1.18 'Proximanova-bold',Arial,sans-serif;
  letter-spacing:-.7px;margin:0 0 13px;padding:0;
  text-wrap:balance;overflow-wrap:normal;
}
.ngh #texas.nghr-areas .nghr-local__intro p{
  display:block;max-width:490px;
  font:16px/1.62 'Proximanova-regular',Arial,sans-serif;
  margin:0;padding:0;color:#41474b;
}
.ngh #texas.nghr-areas .nghr-city-list{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  list-style:none;gap:9px;margin:0;padding:0;
}
.ngh #texas.nghr-areas .nghr-city-list li{list-style:none;min-width:0;margin:0;padding:0}
.ngh #texas.nghr-areas .nghr-city-list li::before{display:none}
.ngh #texas.nghr-areas .nghr-city-list a{
  display:flex;align-items:center;justify-content:space-between;gap:7px;
  min-height:41px;padding:9px 12px;min-width:0;border:1px solid #e5e9ea;
  border-radius:7px;background:#f7f8f9;color:#313638;
  text-decoration:none;font:700 13.5px/1.3 'Proximanova-bold',sans-serif;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.ngh #texas.nghr-areas .nghr-city-list a:hover{
  border-color:#bcc1c5;background:#eceef0;transform:translateY(-1px);
}
.ngh #texas.nghr-areas .nghr-city-list__arrow{
  flex:0 0 auto;font-size:14px;line-height:1;color:#62676b;opacity:.75;
}
.ngh #texas.nghr-areas .nghr-local__skyline{
  display:flex;align-items:flex-end;justify-content:center;
  position:relative;z-index:1;margin:17px -18px -3px;
  min-height:86px;max-height:105px;overflow:hidden;
  background:linear-gradient(180deg,transparent,#eceef0 90%);
}
.ngh #texas.nghr-areas .nghr-local__skyline img{
  display:block;width:100%;height:auto;max-height:104px;object-fit:contain;
  object-position:center bottom;margin:0;
}
/* Gentle rise-and-reveal as the skyline enters the viewport; fixed fallback for older browsers. */
@keyframes nghr-skyline-rise{from{opacity:.32;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@supports (animation-timeline:view()){
  .ngh #texas.nghr-areas .nghr-local__skyline img{
    animation:nghr-skyline-rise linear both;
    animation-timeline:view();animation-range:entry 0% entry 100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .ngh #texas.nghr-areas .nghr-local__skyline img{animation:none!important;transform:none!important;opacity:1!important}
}
.ngh #texas.nghr-areas .nghr-local__bottom{
  position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;
  border-top:1px solid #e7eae9;padding-top:19px;margin-top:0;
}
.ngh #texas.nghr-areas .nghr-local__all-cities{
  display:inline-flex;align-items:center;justify-content:space-between;gap:25px;
  min-height:48px;padding:12px 17px;background:#84c041;border:1px solid #84c041;
  border-radius:5px;color:#1d2715;text-decoration:none;
  font:700 13px/1.2 'Proximanova-bold',sans-serif;letter-spacing:.025em;
  transition:background .18s ease,transform .18s ease;
}
.ngh #texas.nghr-areas .nghr-local__all-cities span{font-size:20px;line-height:1}
.ngh #texas.nghr-areas .nghr-local__all-cities:hover{background:#b5e66a;transform:translateY(-1px)}
.ngh #texas.nghr-areas .nghr-local__bottom-note{font-size:12px;line-height:1.4;color:#71787a}
.ngh #texas.nghr-areas .nghr-beyond{
  position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;overflow:hidden;
  border-radius:17px;padding:34px 31px 26px;color:#fff;background:#202124;
  box-shadow:0 17px 40px #20212416;
}
.ngh #texas.nghr-areas .nghr-beyond::before{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  width:340px;height:340px;top:-185px;right:-173px;border-radius:50%;
  border:55px solid #b5e66a16;box-shadow:0 0 0 56px #b5e66a0a;
}
.ngh #texas.nghr-areas .nghr-beyond::after{
  content:"";position:absolute;pointer-events:none;z-index:-1;
  inset:0;opacity:.27;background-image:linear-gradient(90deg,#fff1 1px,transparent 1px);
  background-size:76px 100%;mask-image:linear-gradient(110deg,transparent,#000 95%);
}
.ngh #texas.nghr-areas .nghr-beyond__eyebrow{
  color:#b5e66a;font:700 11px/1.4 'Proximanova-bold',sans-serif;
  letter-spacing:.12em;margin:0 0 23px;
}
.ngh #texas.nghr-areas .nghr-beyond h3{
  color:#fff;font:clamp(28px,2.6vw,35px)/1.16 'Proximanova-bold',sans-serif;
  letter-spacing:-.7px;margin:0 0 14px;padding:0;
}
.ngh #texas.nghr-areas .nghr-beyond h3 em{font:inherit;font-style:normal;color:#b5e66a}
.ngh #texas.nghr-areas .nghr-beyond__heading>p:last-child{
  font:15px/1.58 'Proximanova-regular',sans-serif;color:#d2d5d6;
  margin:0 0 30px;max-width:370px;
}
.ngh #texas.nghr-areas .nghr-beyond__destinations{
  display:flex;flex-direction:column;gap:0;border-top:1px solid #ffffff38;
}
.ngh #texas.nghr-areas .nghr-beyond__destination{
  display:flex;flex-direction:column;gap:6px;position:relative;
  padding:21px 6px 21px 0;min-width:0;
  text-decoration:none;border-bottom:1px solid #ffffff38;
  transition:padding .18s ease,background .18s ease;
}
.ngh #texas.nghr-areas .nghr-beyond__destination:hover{padding-left:9px;background:#ffffff05}
.ngh #texas.nghr-areas .nghr-beyond__counter{
  color:#afd77e;font:700 10px/1.4 'Proximanova-bold',sans-serif;letter-spacing:.11em;
}
.ngh #texas.nghr-areas .nghr-beyond__destination-title{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  color:#fff;font:clamp(20px,2vw,25px)/1.15 'Proximanova-bold',sans-serif;
  letter-spacing:-.3px;
}
.ngh #texas.nghr-areas .nghr-beyond__destination-title>span{
  display:grid;place-items:center;flex:0 0 33px;width:33px;height:33px;
  border:1px solid #b5e66a80;border-radius:50%;font-size:17px;
  color:#b5e66a;transition:background .18s ease,color .18s ease;
}
.ngh #texas.nghr-areas .nghr-beyond__destination:hover .nghr-beyond__destination-title>span{
  background:#b5e66a;color:#202124;
}
.ngh #texas.nghr-areas .nghr-beyond__destination-copy{
  max-width:325px;color:#c9cecf;font:13.5px/1.52 'Proximanova-regular',sans-serif;
}
.ngh #texas.nghr-areas .nghr-beyond__foot{
  margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:10px;
  color:#aeb4b5;font:700 10px/1.4 'Proximanova-bold',sans-serif;letter-spacing:.12em;
}
.ngh #texas.nghr-areas .nghr-beyond__foot-line{
  flex:0 0 25px;width:25px;height:2px;background:#84c041;
}
.ngh #texas.nghr-areas a:focus-visible{outline:3px solid #84c041;outline-offset:3px}
@media(max-width:1120px){
  .ngh #texas.nghr-areas .nghr-areas__heading{gap:22px}
  .ngh #texas.nghr-areas .nghr-areas__layout{grid-template-columns:minmax(0,1.17fr) minmax(0,.83fr)}
  .ngh #texas.nghr-areas .nghr-local{padding:28px 23px 24px}
  .ngh #texas.nghr-areas .nghr-beyond{padding:28px 23px 23px}
  .ngh #texas.nghr-areas .nghr-local__intro{grid-template-columns:1fr;gap:10px}
  .ngh #texas.nghr-areas .nghr-city-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:780px){
  body.home .ngh section#texas.nghr-areas{padding:65px 0 69px}
  .ngh #texas.nghr-areas .nghr-areas__heading{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
  .ngh #texas.nghr-areas .nghr-areas__lead{max-width:620px}
  .ngh #texas.nghr-areas .nghr-areas__layout{grid-template-columns:1fr}
  .ngh #texas.nghr-areas .nghr-local__intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
  .ngh #texas.nghr-areas .nghr-city-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ngh #texas.nghr-areas .nghr-beyond__heading>p:last-child{max-width:100%}
  .ngh #texas.nghr-areas .nghr-beyond__destinations{display:grid;grid-template-columns:1fr 1fr;gap:22px}
  .ngh #texas.nghr-areas .nghr-beyond__destination{min-width:0}
}
@media(max-width:580px){
  body.home .ngh section#texas.nghr-areas{padding:54px 0 59px}
  .ngh #texas.nghr-areas h2{font-size:clamp(32px,8.4vw,40px);line-height:1.12}
  .ngh #texas.nghr-areas .nghr-areas__lead{font-size:15.5px;line-height:1.6}
  .ngh #texas.nghr-areas .nghr-local{padding:26px 16px 20px;border-radius:13px}
  .ngh #texas.nghr-areas .nghr-local__eyebrow{flex-wrap:wrap;gap:7px;font-size:10px}
  .ngh #texas.nghr-areas .nghr-local__state{margin-left:0;width:100%;padding-left:15px}
  .ngh #texas.nghr-areas .nghr-local__intro{grid-template-columns:1fr;gap:10px;margin-bottom:20px}
  .ngh #texas.nghr-areas .nghr-local h3{font-size:32px;line-height:1.19}
  .ngh #texas.nghr-areas .nghr-local__intro p{font-size:14.5px}
  .ngh #texas.nghr-areas .nghr-city-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ngh #texas.nghr-areas .nghr-city-list a{min-height:42px;padding:8px 9px;font-size:13px}
  .ngh #texas.nghr-areas .nghr-local__skyline{margin:17px -9px -2px;min-height:60px;max-height:82px}
  .ngh #texas.nghr-areas .nghr-local__skyline img{max-height:82px}
  .ngh #texas.nghr-areas .nghr-local__all-cities{width:100%}
  .ngh #texas.nghr-areas .nghr-local__bottom-note{width:100%}
  .ngh #texas.nghr-areas .nghr-beyond{padding:28px 20px 24px;border-radius:13px}
  .ngh #texas.nghr-areas .nghr-beyond h3{font-size:29px}
  .ngh #texas.nghr-areas .nghr-beyond__destinations{display:flex;flex-direction:column;gap:0}
  .ngh #texas.nghr-areas .nghr-beyond__destination{padding:21px 0}
  .ngh #texas.nghr-areas .nghr-beyond__destination:hover{padding-left:0}
}
@media(prefers-reduced-motion:reduce){
  .ngh #texas.nghr-areas a{transition:none!important}
  .ngh #texas.nghr-areas a:hover{transform:none!important}
}