/* One consistent framed-image hero for every individual city page. */
.cityLuxuryHero{min-height:calc(100svh - 118px)!important;position:relative!important;display:block!important;padding:clamp(42px,6vw,76px) 0!important;background:linear-gradient(135deg,#6B5945,#29302e)!important;overflow:hidden!important;isolation:isolate}
.cityLuxuryHero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 32%,rgba(88,156,168,.13),transparent 42%),linear-gradient(90deg,rgba(9,16,15,.55),transparent 65%);z-index:0}
.cityLuxuryHero .cityHeroMedia{position:absolute!important;z-index:1!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;width:min(860px,64vw)!important;height:min(64vh,640px)!important;transform:translate(-50%,-50%)!important;border-radius:18px!important;overflow:hidden!important;box-shadow:0 34px 80px rgba(0,0,0,.42)!important}
.cityLuxuryHero .cityHeroMedia img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center!important;transform:none!important}
.cityLuxuryHero .cityHeroVeil{position:absolute!important;z-index:2!important;inset:0!important;background:linear-gradient(90deg,rgba(13,23,21,.88) 0%,rgba(13,23,21,.7) 27%,rgba(13,23,21,.18) 65%,rgba(13,23,21,.08) 100%)!important;pointer-events:none}
.cityLuxuryHero .cityHeroCopy{position:absolute!important;z-index:3!important;left:max(28px,calc((100% - 1160px)/2))!important;right:auto!important;bottom:clamp(58px,9vh,105px)!important;width:min(590px,42vw)!important;margin:0!important;padding:0!important;color:#fff!important}
.cityLuxuryHero .cityHeroCopy h1{font-size:clamp(48px,5vw,76px)!important}
.cityLuxuryHero .cityScrollCue{z-index:4!important}
.legacyCityFacts{width:min(1160px,calc(100% - 48px));margin:0 auto;padding:clamp(76px,9vw,122px) 0;display:block!important}
.legacyCityFacts .cityStory{max-width:900px;margin:auto;padding:0!important}
@media(max-width:900px){
  .cityLuxuryHero{min-height:680px!important;padding:28px 0!important}
  .cityLuxuryHero .cityHeroMedia{width:calc(100% - 28px)!important;height:min(70%,520px)!important;top:47%!important;border-radius:14px!important}
  .cityLuxuryHero .cityHeroVeil{background:linear-gradient(0deg,rgba(12,21,19,.9) 0%,rgba(12,21,19,.34) 58%,rgba(12,21,19,.08) 100%)!important}
  .cityLuxuryHero .cityHeroCopy{left:24px!important;right:24px!important;bottom:48px!important;width:auto!important;max-width:none!important}
  .cityLuxuryHero .cityHeroCopy h1{font-size:clamp(38px,12vw,58px)!important}
  .cityLuxuryHero .cityHeroCopy p{max-width:520px!important}
  .legacyCityFacts{width:calc(100% - 32px);padding:68px 0}
}
@media(max-width:520px){
  .cityLuxuryHero{min-height:620px!important}
  .cityLuxuryHero .cityHeroMedia{height:72%!important;top:44%!important}
  .cityLuxuryHero .cityHeroCopy{left:18px!important;right:18px!important;bottom:34px!important}
  .cityLuxuryHero .cityHeroCopy h1{font-size:clamp(34px,11vw,48px)!important}
  .cityLuxuryHero .cityHeroAction{margin-top:20px!important;padding:11px 13px!important;font-size:11px!important}
}