header>nav>a{position:relative;display:inline-block;padding:10px 0;transition:color .25s;white-space:nowrap}header>nav>a:after{content:'';position:absolute;left:0;bottom:3px;width:100%;height:1px;background:#527849;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.8,.2,1)}header>nav>a:hover,header>nav>a:focus-visible{color:#527849}header>nav>a:hover:after,header>nav>a:focus-visible:after,header>nav>a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}header>.contact>span:last-child{display:inline-block;transition:transform .25s}header>.contact:hover>span:last-child{transform:translate(3px,-3px)}.menu-toggle{display:none}
#mobile-menu{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0 6%;border:0;border-radius:0;background:#10251d;color:#f7f8f4;overflow:auto;opacity:0;transform:translateY(-18px);transition:opacity .28s,transform .38s cubic-bezier(.2,.8,.2,1)}#mobile-menu[open]{display:flex;flex-direction:column}#mobile-menu.is-visible{opacity:1;transform:none}#mobile-menu::backdrop{background:#10251d80}.mobile-menu-top{display:flex;align-items:center;justify-content:space-between;min-height:90px;border-bottom:1px solid #ffffff25}.mobile-menu-top>a{width:145px}.mobile-menu-top img{filter:invert(1)}.menu-dismiss,.menu-toggle{width:46px;height:46px;border:1px solid #93a88970;border-radius:50%;background:transparent;position:relative;color:inherit;flex-shrink:0}.menu-dismiss span,.menu-toggle span{position:absolute;width:19px;height:1px;background:currentColor;left:12px;top:22px;transition:transform .3s}.menu-dismiss span:first-child{transform:rotate(45deg)}.menu-dismiss span:last-child{transform:rotate(-45deg)}.menu-dismiss:hover{background:#ffffff12}#mobile-menu nav{display:flex;flex-direction:column;gap:0;padding:42px 0;overflow:visible;white-space:normal;width:100%;margin:auto 0}#mobile-menu nav a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid #ffffff25;font-size:clamp(22px,5.8vw,38px);letter-spacing:-.035em;line-height:1.2;opacity:0;transform:translateY(14px);transition:opacity .35s,transform .35s,color .2s}#mobile-menu.is-visible nav a{opacity:1;transform:none}#mobile-menu nav a:nth-child(2){transition-delay:40ms}#mobile-menu nav a:nth-child(3){transition-delay:80ms}#mobile-menu nav a:nth-child(4){transition-delay:120ms}#mobile-menu nav a span{font-size:22px;color:#b8caaa;transition:transform .25s}#mobile-menu nav a:hover,#mobile-menu nav a[aria-current=page]{color:#b8caaa}#mobile-menu nav a:hover span{transform:translate(3px,-3px)}.mobile-menu-bottom{display:flex;flex-direction:column;gap:14px;padding:0 0 max(35px,env(safe-area-inset-bottom));font-size:16px}.mobile-menu-bottom>span{font-size:12px;color:#a8b99e}
@media(max-width:900px){body header{height:85px;flex-wrap:nowrap;gap:15px}body header>nav,body header>.contact{display:none}body header>.brand{width:145px;margin-right:auto}body header>.menu-toggle{display:block}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle:hover{background:#e4eae2}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){#mobile-menu,#mobile-menu nav a,header>nav>a:after,.menu-toggle span{transition:none!important;transform:none}.menu-dismiss span{transition:none}}
#mobile-menu nav{order:0;flex-shrink:0}.mobile-menu-top,.mobile-menu-bottom{flex-shrink:0}.mobile-menu-bottom{order:1}

header>.contact{position:relative;display:flex;align-items:center;gap:8px}header>.contact .contact-label{position:relative;display:inline-block;padding:10px 0}header>.contact .contact-label:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s cubic-bezier(.2,.8,.2,1)}header>.contact:hover .contact-label:after,header>.contact:focus-visible .contact-label:after,header>.contact[aria-current=page] .contact-label:after{transform:scaleX(1);transform-origin:left}@media(prefers-reduced-motion:reduce){header>.contact .contact-label:after{transition:none}}
