/* City hero conversion and motion refinements — design preview */
.ngcity.ngcp .ngcp-hero,
.ngcity .nght-hero.ngbo-hero,
.ngcity .nght-hero.ngar2-hero,
.ngcity .nght-hero:not(.ngcp-hero):not(.ngbo-hero):not(.ngar2-hero) {overflow:hidden}
.ngcity.ngcp .ngcp-hero .nght-hero-grid {
 grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);
 gap:clamp(24px,3.4vw,56px);
 align-items:center;
}
.ngcity.ngcp .ngcp-hero {padding-bottom:clamp(38px,4.2vw,66px)}
.ngcity.ngcp .ngcp-hero .nght-hero-copy {min-width:0}
.ngcity.ngcp .ngcp-hero h1 {font-size:clamp(40px,4.75vw,72px);max-width:740px}
.ngcity.ngcp .ngcp-hero .nght-hero-copy>p:not(.nght-kicker){max-width:600px;font-size:clamp(16px,1.35vw,18px);line-height:1.58}
.ngcity.ngcp .ngcp-hero .ngcity-actions {display:flex;gap:12px;flex-wrap:wrap;margin-top:clamp(18px,2.2vw,28px)}
.ngcity .nght-hero .ngcity-actions .ngcity-button:first-child {
 background:#84C041!important;color:#202124!important;border:2px solid #84C041!important;
 font-weight:800!important;box-shadow:0 5px 0 rgba(53,91,34,.16);min-height:48px;
 display:inline-flex;align-items:center;justify-content:center;
 transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.ngcity .nght-hero .ngcity-actions .ngcity-button:first-child:hover,
.ngcity .nght-hero .ngcity-actions .ngcity-button:first-child:focus-visible{
 background:#B5E66A!important;transform:translateY(-2px);box-shadow:0 7px 0 rgba(53,91,34,.14);
}
.ngcity .nght-hero .ngcity-actions .ngcity-button:focus-visible {outline:3px solid #202124;outline-offset:4px}
.ngcity.ngcp .ngcp-hero .nght-hero-visual {min-height:0;max-width:540px;box-shadow:8px 8px 0 #E3F3D5}
.ngcity.ngcp .ngcp-hero .ngcp-signature-scene,
.ngcity.ngcp .ngcp-hero .ngcp-signature-art {width:100%;height:auto;max-height:500px;aspect-ratio:900/760}
.ngcity.ngcp .ngcp-hero .nght-hero-visual figcaption {min-height:0;padding:10px 15px}
.ngcity .nght-hero .nght-hero-visual {transform:none!important;animation:none!important}
.ngcity.ngcp .ngcp-hero .nght-hero-copy + figure {align-self:center}
@media(max-width:850px){
 .ngcity.ngcp .ngcp-hero .nght-hero-grid {grid-template-columns:1fr;gap:22px}
 .ngcity.ngcp .ngcp-hero .nght-hero-copy {order:0}
 .ngcity.ngcp .ngcp-hero .nght-hero-visual {order:1;max-width:620px;width:100%}
 .ngcity.ngcp .ngcp-hero h1 {font-size:clamp(38px,7.6vw,60px)}
}
@media(max-width:600px){
 .ngcity.ngcp .ngcp-hero {padding-top:82px;padding-bottom:34px}
 .ngcity.ngcp .ngcp-hero .nght-hero-grid{gap:18px}
 .ngcity.ngcp .ngcp-hero h1{font-size:clamp(35px,9.1vw,49px);line-height:1.09}
 .ngcity.ngcp .ngcp-hero h1 em{margin-top:7px}
 .ngcity.ngcp .ngcp-hero .nght-hero-copy>p:not(.nght-kicker){font-size:16px;line-height:1.55}
 .ngcity.ngcp .ngcp-hero .ngcity-actions{margin-top:17px;gap:9px}
 .ngcity .nght-hero .ngcity-actions .ngcity-button:first-child{min-height:48px}
 .ngcity.ngcp .ngcp-hero .nght-hero-visual{max-width:100%;box-shadow:5px 5px 0 #E3F3D5}
 .ngcity.ngcp .ngcp-hero .nght-hero-visual figcaption {font-size:10px}
}
@media(prefers-reduced-motion:reduce){
 .ngcity .nght-hero .ngcity-actions .ngcity-button:first-child {transition:none!important;transform:none!important}
}
