/* The Mexico City photograph blends into the hero, without a frame or sky. */
.home-page .hero-simple{
  position:relative;
  isolation:isolate;
  min-height:550px;
  display:flex;
  align-items:center;
  padding-block:86px;
  text-align:left;
}
.hero-simple .hero-copy{position:relative;z-index:2;width:67%;max-width:790px}
.hero-simple .eyebrow{justify-content:flex-start}
.home-page .hero-simple h1{font-size:clamp(58px,5.7vw,78px);letter-spacing:-3.7px;line-height:1.08}
.home-page .hero-simple .hero-actions{justify-content:flex-start}
.hero-city-art{
  position:absolute;
  z-index:0;
  inset:22px 28px 0 auto;
  width:46%;
  pointer-events:none;
  user-select:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,#000 73%,transparent 100%);
}
.hero-city-art img{
  position:absolute;right:0;bottom:0;width:auto;max-width:100%;height:100%;object-fit:contain;object-position:right bottom;
  opacity:.70;filter:saturate(.52);mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 95%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0%,#000 18%,#000 95%,transparent 100%);
}
@media(max-width:1100px){
  .home-page .hero-simple{min-height:510px;padding-block:74px}
  .home-page .hero-simple h1{font-size:clamp(48px,5.6vw,64px);letter-spacing:-2.8px}
  .hero-simple .hero-copy{width:72%}
  .hero-city-art{width:46%;right:20px;top:35px}
  .hero-city-art img{opacity:.56}
}
@media(max-width:760px){
  .home-page .hero-simple{min-height:500px;padding-block:62px;align-items:flex-start}
  .hero-simple .hero-copy{width:100%;max-width:none}
  .home-page .hero-simple h1{font-size:clamp(43px,7.2vw,56px);letter-spacing:-2.3px}
  .hero-city-art{width:52%;top:84px;right:5px;bottom:0}
  .hero-city-art img{opacity:.25}
}
@media(max-width:640px){
  .home-page .hero-simple{min-height:510px;padding-block:52px 36px}
  .home-page .hero-simple h1{font-size:clamp(34px,8.7vw,52px);line-height:1.13;letter-spacing:-1.6px}
  .hero-simple .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:23px}
  .home-page .hero-simple .hero-actions{margin-top:27px}
  .hero-city-art{width:78%;top:142px;right:0;bottom:0}
  .hero-city-art img{opacity:.38;object-position:right bottom}
}
@media(max-width:360px){
  .home-page .hero-simple{min-height:490px}
  .home-page .hero-simple h1{font-size:33px;letter-spacing:-1.65px}
  .hero-city-art{top:165px;width:80%}
}