
/* City living section, restrained luxury proportions */
.cityLivingFacts{
  padding:76px 7vw 92px!important;
}

.cityLivingFacts .citySectionIntro{
  max-width:1060px!important;
  margin:0 auto 42px!important;
  padding:0 18px!important;
  text-align:center!important;
}

.cityLivingFacts .citySectionIntro span{
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.16em!important;
}

.cityLivingFacts .citySectionIntro h2{
  max-width:980px!important;
  margin:12px auto 14px!important;
  font-size:clamp(38px,3.5vw,56px)!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.cityLivingFacts .citySectionIntro p{
  max-width:760px!important;
  margin:0 auto!important;
  font-size:15px!important;
  line-height:1.65!important;
}

.cityAnswerGrid{
  max-width:1120px!important;
  margin:0 auto!important;
}

.cityAnswer{
  min-height:220px!important;
  padding:30px 32px!important;
}

.cityAnswer span{
  margin-bottom:10px!important;
  font-size:10.5px!important;
  letter-spacing:.15em!important;
}

.cityAnswer h3{
  margin:0 0 12px!important;
  font-size:clamp(25px,2vw,32px)!important;
  line-height:1.12!important;
  letter-spacing:-.012em!important;
}

.cityAnswer p{
  font-size:15px!important;
  line-height:1.68!important;
}

/* Market section, keep the hierarchy consistent */
.cityMarket .citySectionIntro{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.cityMarket .citySectionIntro h2{
  font-size:clamp(38px,3.5vw,54px)!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
}

.cityMarket .citySnapshot{
  padding:34px 40px!important;
}

.cityMarket .citySnapshot p{
  font-size:clamp(22px,2vw,30px)!important;
  line-height:1.4!important;
}

/* Question section, inviting without overpowering the page */
.cityAeoFaq{
  padding:72px 7vw 88px!important;
}

.cityAeoFaq .citySectionIntro{
  max-width:860px!important;
  margin:0 auto 36px!important;
}

.cityAeoFaq .citySectionIntro span{
  font-size:11px!important;
  letter-spacing:.16em!important;
}

.cityAeoFaq .citySectionIntro h2{
  margin:10px auto 10px!important;
  font-size:clamp(38px,3.5vw,54px)!important;
  line-height:1.06!important;
  letter-spacing:-.02em!important;
}

.cityAeoFaq .cityFaqInstruction{
  font-size:12px!important;
  line-height:1.45!important;
  letter-spacing:.06em!important;
}

.cityAeoFaq details{
  padding:20px 0!important;
}

.cityAeoFaq details summary{
  font-size:22px!important;
  line-height:1.3!important;
}

.cityAeoFaq details p{
  font-size:15px!important;
  line-height:1.68!important;
}

@media(max-width:800px){
  .cityLivingFacts{
    padding:54px 18px 66px!important;
  }

  .cityLivingFacts .citySectionIntro{
    padding:0!important;
    margin-bottom:32px!important;
  }

  .cityLivingFacts .citySectionIntro h2{
    font-size:36px!important;
    line-height:1.08!important;
  }

  .cityAnswer{
    padding:26px 22px!important;
    min-height:0!important;
  }

  .cityAnswer h3{
    font-size:27px!important;
  }

  .cityAeoFaq{
    padding:54px 18px 66px!important;
  }

  .cityAeoFaq .citySectionIntro h2{
    font-size:36px!important;
  }

  .cityAeoFaq details summary{
    font-size:20px!important;
  }
}
