:root{--ease:cubic-bezier(.16,1,.3,1)}
.ariaNav{position:sticky;top:0;z-index:4010;height:104px;background:rgba(243,239,231,.94);backdrop-filter:blur(10px);border-bottom:1px solid #E0D8C8;font-family:Jost,sans-serif;transition:background .3s ease,border-color .3s ease}
.ariaNav--dark{background:rgba(35,40,46,.96);border-bottom-color:rgba(243,239,231,.18)}
.ariaNav__inner{max-width:1520px;margin:0 auto;padding:0 44px;box-sizing:border-box;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:40px;height:100%}
.ariaNav__side{display:flex;align-items:center;justify-content:flex-start}
.ariaNav__side--end{justify-content:flex-end;gap:26px}
.ariaNav__toggle{background:none;border:none;padding:6px 2px;cursor:pointer;display:flex;align-items:center;gap:13px;font-family:Jost,sans-serif}
.ariaNav__bars{display:flex;flex-direction:column;gap:5px;width:26px}
.ariaNav__bar{display:block;height:1px;background:#211D15;transition:width .3s ease,background .3s ease}
.ariaNav__bar1{width:20px}.ariaNav__bar2{width:13px}
.ariaNav--dark .ariaNav__bar{background:#F3EFE7}
.ariaNav__toggle:hover .ariaNav__bar{width:26px}
.ariaNav__word{display:grid;font-size:10.5px;letter-spacing:.28em;color:#211D15;transition:color .5s ease}
.ariaNav__word>span{grid-area:1/1;transition:opacity .35s ease}
.ariaNav__wordClose{opacity:0}
.ariaNav--dark .ariaNav__word{color:#F3EFE7}
.ariaNav__logo{display:block;line-height:0;padding:0 12px}
.ariaNav__logo img{height:74px;display:block;filter:brightness(0) invert(.11);transition:opacity .3s ease}
.ariaNav--dark .ariaNav__logo img{filter:brightness(0) invert(.94)}
.ariaNav__phone{font-size:11px;letter-spacing:.18em;color:#5F5748;white-space:nowrap;transition:opacity .45s ease,color .45s ease}
.ariaNav--dark .ariaNav__phone{color:#C3C7CB}
.ariaNav__tour{white-space:nowrap;border:1px solid #23282E;color:#23282E;padding:10px 20px;font-size:10.5px;letter-spacing:.22em;font-family:Jost,sans-serif;transition:opacity .45s ease,background .45s ease,color .45s ease,border-color .45s ease}
.ariaNav__tour:hover{background:#23282E;color:#F3EFE7}
.ariaNav--dark .ariaNav__tour{border-color:rgba(243,239,231,.7);color:#F3EFE7}
.ariaNav--dark .ariaNav__tour:hover{background:#F3EFE7;color:#23282E}
html.nav-open .ariaNav{background:rgba(35,40,46,0);border-bottom-color:transparent}
html.nav-open .ariaNav__logo img{opacity:0}
html.nav-open .ariaNav__bar{background:#F3EFE7;width:26px}
html.nav-open .ariaNav__word{color:#F3EFE7}
html.nav-open .ariaNav__wordMenu{opacity:0}
html.nav-open .ariaNav__wordClose{opacity:1}
html.nav-open .ariaNav__phone,html.nav-open .ariaNav__tour{opacity:0;pointer-events:none}
.ariaMenu{position:fixed;inset:0;z-index:4000;background:#23282E;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility 0s linear .35s;pointer-events:none;font-family:Jost,sans-serif}
html.nav-open .ariaMenu{opacity:1;visibility:visible;transition:opacity .35s ease;pointer-events:auto}
.ariaMenu__inner{overflow-y:auto;height:100%;box-sizing:border-box;padding:118px 44px 44px;display:flex;flex-direction:column;justify-content:center;max-width:1520px;margin:0 auto}
.ariaMenu__nav{display:flex;flex-direction:column}
/* Hover warms the whole row: label plus its top and bottom rules turn gold.
   Every row owns both borders (overlapped 1px) so the pair can recolor
   together; the hovered row lifts above its neighbours' rules. */
.ariaMenu__link{display:block;padding:11px 0;position:relative;border-top:1px solid rgba(243,239,231,.12);border-bottom:1px solid rgba(243,239,231,.12);margin-top:-1px;transition:border-color .35s ease}
.ariaMenu__link:first-child{margin-top:0}
.ariaMenu__link:hover{border-color:#C89B66;z-index:1}
.ariaMenu__link span{font-family:'Cormorant Garamond',serif;font-size:34px;line-height:1.1;color:#F3EFE7;font-style:normal;display:inline-block;transition:color .35s ease}
.ariaMenu__link:hover span{color:#C89B66}
.ariaMenu__aside{display:flex;gap:30px;align-items:baseline;flex-wrap:wrap;margin-top:38px;padding-top:20px;border-top:1px solid rgba(243,239,231,.14)}
.ariaMenu__aside a{font-size:12px;letter-spacing:.2em;color:#C89B66;text-decoration:none}
.ariaMenu__aside a:hover{color:#F3EFE7}
.ariaMenu__aside span{font-size:12px;letter-spacing:.14em;color:#6F757D}
@media (max-width:900px){
.ariaNav__inner{padding:0 20px;column-gap:16px}
.ariaNav__phone{display:none}
.ariaNav__logo img{height:54px}
.ariaMenu__inner{overflow-y:auto;padding:104px 22px 34px}
.ariaMenu__link span{font-size:26px}
}
.ariaNav__residents{font-size:10.5px;letter-spacing:.22em;color:#8A6534;white-space:nowrap;transition:opacity .45s ease,color .45s ease}
.ariaNav__residents:hover{color:#211D15}
.ariaNav--dark .ariaNav__residents{color:#C89B66}
.ariaNav--dark .ariaNav__residents:hover{color:#F3EFE7}
html.nav-open .ariaNav__residents{opacity:0;pointer-events:none}