/* Motion. Only transform, opacity and clip-path, with -webkit- prefixes so Safari behaves. */
:root{--mx-ease:cubic-bezier(.22,.61,.36,1)}
.mx-load .nav{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}
.mx-load .nav .logo{letter-spacing:.7em;opacity:0}
.mx-load .nav-links li,.mx-load .nav-acts>*{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}
.nav{-webkit-transition:-webkit-transform 1s var(--mx-ease),opacity 1s var(--mx-ease),background .45s;transition:transform 1s var(--mx-ease),opacity 1s var(--mx-ease),background .45s,border-color .45s}
.nav .logo{-webkit-transition:letter-spacing 1.4s var(--mx-ease) .25s,opacity 1.2s var(--mx-ease) .25s;transition:letter-spacing 1.4s var(--mx-ease) .25s,opacity 1.2s var(--mx-ease) .25s}
.nav-links li{-webkit-transition:opacity .7s var(--mx-ease),-webkit-transform .7s var(--mx-ease);transition:opacity .7s var(--mx-ease),transform .7s var(--mx-ease);-webkit-transition-delay:calc(.45s + var(--i,0) * 70ms);transition-delay:calc(.45s + var(--i,0) * 70ms)}
.mx-load .nav-acts>*,.mx-boot .nav-acts>*{-webkit-transition:opacity .7s var(--mx-ease),-webkit-transform .7s var(--mx-ease);transition:opacity .7s var(--mx-ease),transform .7s var(--mx-ease);-webkit-transition-delay:calc(.45s + var(--i,0) * 70ms);transition-delay:calc(.45s + var(--i,0) * 70ms)}
.hero-title{-webkit-animation:none!important;animation:none!important}
.mx-ch{display:inline-block;overflow:hidden;vertical-align:top;padding:0 .01em}
.mx-ch>span{display:inline-block;-webkit-transform:translateY(105%);transform:translateY(105%);-webkit-transition:-webkit-transform 1.1s var(--mx-ease);transition:transform 1.1s var(--mx-ease);-webkit-transition-delay:calc(.1s + var(--i) * 75ms);transition-delay:calc(.1s + var(--i) * 75ms)}
.hero-title.mx-in .mx-ch>span{-webkit-transform:none;transform:none}
.hero-side>*{opacity:0;-webkit-transform:translateY(16px);transform:translateY(16px);-webkit-transition:opacity .9s var(--mx-ease),-webkit-transform .9s var(--mx-ease);transition:opacity .9s var(--mx-ease),transform .9s var(--mx-ease);-webkit-transition-delay:calc(.55s + var(--i,0) * 120ms);transition-delay:calc(.55s + var(--i,0) * 120ms)}
.hero-side.mx-in>*{opacity:1;-webkit-transform:none;transform:none}
.sec-head[data-r],.am-top>div[data-r],.lo-grid>div[data-r]{opacity:1!important;-webkit-transform:none!important;transform:none!important}
.mx-w{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em;margin-bottom:-.08em}
.mx-w>span{display:inline-block;-webkit-transform:translateY(110%);transform:translateY(110%);-webkit-transition:-webkit-transform .95s var(--mx-ease);transition:transform .95s var(--mx-ease);-webkit-transition-delay:calc(.12s + var(--i) * 55ms);transition-delay:calc(.12s + var(--i) * 55ms)}
.mx-h.mx-in .mx-w>span{-webkit-transform:none;transform:none}
.mx-h .lbl,.mx-h .lead{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px);-webkit-transition:opacity .8s var(--mx-ease),-webkit-transform .8s var(--mx-ease);transition:opacity .8s var(--mx-ease),transform .8s var(--mx-ease)}
.mx-h .lead{-webkit-transition-delay:.45s;transition-delay:.45s}
.mx-h.mx-in .lbl,.mx-h.mx-in .lead{opacity:1;-webkit-transform:none;transform:none}
.filters[data-r]{opacity:1!important;-webkit-transform:none!important;transform:none!important}
.mx-st{opacity:0;-webkit-transform:translateY(14px);transform:translateY(14px);-webkit-transition:opacity .6s var(--mx-ease),-webkit-transform .6s var(--mx-ease);transition:opacity .6s var(--mx-ease),transform .6s var(--mx-ease);-webkit-transition-delay:calc(var(--i) * 70ms);transition-delay:calc(var(--i) * 70ms)}
.mx-in>.mx-st,.mx-in .mx-st{opacity:1;-webkit-transform:none;transform:none}
.mx-rule{position:relative;height:1px;margin-bottom:clamp(40px,5vw,72px)}
.mx-rule::before{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--text) 34%,transparent);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 1.8s var(--mx-ease);transition:transform 1.8s var(--mx-ease)}
html[dir=rtl] .mx-rule::before{-webkit-transform-origin:right center;transform-origin:right center}
.mx-rule::after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--accent,#c9a97a);left:0;opacity:0;-webkit-transition:left 1.8s var(--mx-ease),opacity .4s;transition:left 1.8s var(--mx-ease),opacity .4s}
html[dir=rtl] .mx-rule::after{left:auto;right:0;-webkit-transition:right 1.8s var(--mx-ease),opacity .4s;transition:right 1.8s var(--mx-ease),opacity .4s}
.mx-rule.mx-in::before{-webkit-transform:scaleX(1);transform:scaleX(1)}
.mx-rule.mx-in::after{left:calc(100% - 7px);opacity:1}
html[dir=rtl] .mx-rule.mx-in::after{left:auto;right:calc(100% - 7px)}
.mx-img{opacity:1!important;-webkit-transform:none!important;transform:none!important;overflow:hidden}
.mx-img img{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);-webkit-transform:scale(1.08);transform:scale(1.08);-webkit-transition:-webkit-clip-path 1.4s var(--mx-ease),clip-path 1.4s var(--mx-ease),-webkit-transform 1.8s var(--mx-ease);transition:clip-path 1.4s var(--mx-ease),-webkit-clip-path 1.4s var(--mx-ease),transform 1.8s var(--mx-ease)}
.mx-img.mx-in img{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);-webkit-transform:none;transform:none}
.mx-list>li{position:relative;border-bottom-color:transparent!important}
.mx-list>li::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line);-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform 1s var(--mx-ease);transition:transform 1s var(--mx-ease);-webkit-transition-delay:calc(var(--i) * 110ms);transition-delay:calc(var(--i) * 110ms)}
html[dir=rtl] .mx-list>li::after{-webkit-transform-origin:right;transform-origin:right}
.mx-list>li>*{opacity:0;-webkit-transition:opacity .8s var(--mx-ease);transition:opacity .8s var(--mx-ease);-webkit-transition-delay:calc(.2s + var(--i) * 110ms);transition-delay:calc(.2s + var(--i) * 110ms)}
.mx-list.mx-in>li::after{-webkit-transform:scaleX(1);transform:scaleX(1)}
.mx-list.mx-in>li>*{opacity:1}
.cards>.card.mx-card[data-r]{opacity:0;-webkit-transform:translateY(22px);transform:translateY(22px);-webkit-transition:opacity .7s var(--mx-ease),-webkit-transform .7s var(--mx-ease);transition:opacity .7s var(--mx-ease),transform .7s var(--mx-ease);-webkit-transition-delay:calc(var(--i,0) * 80ms);transition-delay:calc(var(--i,0) * 80ms)}
.cards>.card.mx-card.mx-in[data-r]{opacity:1;-webkit-transform:none;transform:none}
.mx-wordtitle .mx-w{padding-bottom:.12em;margin-bottom:-.12em}
.mx-wordtitle .mx-w>span{-webkit-transition-duration:1.1s;transition-duration:1.1s;-webkit-transition-delay:calc(.1s + var(--i) * 110ms);transition-delay:calc(.1s + var(--i) * 110ms)}
.mx-wordtitle.mx-in .mx-w>span{-webkit-transform:none;transform:none}
.hero-side{-webkit-animation:none!important;animation:none!important}
.ph-title.mx-hp{-webkit-animation:none!important;animation:none!important;opacity:0;-webkit-transform:translateY(24px);transform:translateY(24px);-webkit-transition:opacity 1.1s var(--mx-ease) .1s,-webkit-transform 1.1s var(--mx-ease) .1s;transition:opacity 1.1s var(--mx-ease) .1s,transform 1.1s var(--mx-ease) .1s}
.ph-title.mx-hp.mx-in{opacity:1;-webkit-transform:none;transform:none}
/* reset the hero without animating backwards */
.mx-snap,.mx-snap *{-webkit-transition:none!important;transition:none!important}
.mx-static .hero-side>*,.mx-static .ph-title{opacity:1!important;-webkit-transform:none!important;transform:none!important}
.mx-static *,.mx-static *::before,.mx-static *::after{-webkit-transition:none!important;transition:none!important}
@media (prefers-reduced-motion:reduce){
  /* reduced motion: shorter and softer */
  .mx-load .nav{-webkit-transform:translateY(-12px);transform:translateY(-12px)}
  .mx-load .nav-links li,.mx-load .nav-acts>*{-webkit-transform:translateY(-4px);transform:translateY(-4px)}
  .nav .logo{letter-spacing:inherit!important}
  .mx-ch>span,.mx-w>span{opacity:0;-webkit-transform:translateY(min(.2em,16px));transform:translateY(min(.2em,16px));-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;-webkit-transition-duration:1s;transition-duration:1s}
  .hero-title.mx-in .mx-ch>span,.mx-wordtitle.mx-in .mx-w>span,.mx-h.mx-in .mx-w>span{opacity:1;-webkit-transform:none;transform:none}
  .hero-side>*,.mx-h .lbl,.mx-h .lead,.mx-st{-webkit-transform:translateY(6px);transform:translateY(6px)}
  .hero-side.mx-in>*,.mx-h.mx-in .lbl,.mx-h.mx-in .lead,.mx-in>.mx-st,.mx-in .mx-st{-webkit-transform:none;transform:none}
  .mx-img img{-webkit-transform:none!important;transform:none!important;-webkit-transition:-webkit-clip-path 1.1s var(--mx-ease),clip-path 1.1s var(--mx-ease);transition:clip-path 1.1s var(--mx-ease),-webkit-clip-path 1.1s var(--mx-ease)}
  .ph-title.mx-hp:not(.mx-in){-webkit-transform:translateY(10px);transform:translateY(10px)}
  .cards>.card.mx-card[data-r]:not(.mx-in){-webkit-transform:translateY(8px);transform:translateY(8px)}
}
}

#residences .chips button.mx-st,#residences .filters select.mx-st{-webkit-transition:opacity .6s var(--mx-ease),-webkit-transform .6s var(--mx-ease),background .3s,color .3s,border-color .3s;transition:opacity .6s var(--mx-ease),transform .6s var(--mx-ease),background .3s,color .3s,border-color .3s;-webkit-transition-delay:calc(var(--i) * 70ms),calc(var(--i) * 70ms),0s,0s,0s;transition-delay:calc(var(--i) * 70ms),calc(var(--i) * 70ms),0s,0s,0s}
.mx-rule-wrap{margin-top:calc(-1 * clamp(30px,4vw,60px))}