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;
} @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}
}