.site-nav{mix-blend-mode:normal;isolation:isolate;transform:none!important;color:#f8f5ed;transition:color .25s ease;padding:16px 4%;}
.site-nav::before{content:"";position:absolute;z-index:-1;inset:0 0 -40px;background:linear-gradient(to bottom,rgba(16,23,25,.8),rgba(16,23,25,.38) 48%,transparent);pointer-events:none;transition:opacity .25s;}
.site-nav[data-tone="light"]{color:#16343c;}
.site-nav[data-tone="light"]::before{background:linear-gradient(to bottom,rgba(248,245,237,.94),rgba(248,245,237,.65) 48%,transparent);}
.site-nav[data-tone="light"] img{filter:brightness(0) saturate(100%);}
.site-nav nav{gap:25px;font-size:13px;}
.site-nav .nav-contact{border-color:currentColor;padding:11px 17px;}
.site-nav a{transition:color .18s;}
.site-nav nav a:hover{color:#ff7526;}
.site-nav a:focus-visible,.menu-toggle:focus-visible,.mobile-navigation a:focus-visible,.menu-close:focus-visible{outline:2px solid #ff7526;outline-offset:6px;}
.menu-toggle{display:none;pointer-events:auto;color:inherit;background:none;border:0;width:48px;height:48px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:7px;}
.menu-toggle span{display:block;width:25px;height:2px;background:currentColor;border-radius:2px;}
.mobile-navigation{position:fixed;inset:0;margin:0 0 0 auto;width:min(100%,480px);height:100dvh;max-width:100%;max-height:100%;padding:18px 6% 35px;background:#101f25;color:#f8f5ed;border:0;box-sizing:border-box;}
.mobile-navigation::backdrop{background:rgba(8,16,19,.6);}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;}
.mobile-menu-head img{display:block;object-fit:contain;}
.menu-close{width:48px;height:48px;border:0;background:none;color:inherit;font-size:38px;cursor:pointer;}
.mobile-navigation nav{display:flex;flex-direction:column;gap:24px;padding-top:clamp(35px,9vh,90px);}
.mobile-navigation a{color:inherit;text-decoration:none;}
.mobile-navigation nav a{font-size:clamp(25px,6vw,36px);line-height:1.2;}
.mobile-navigation nav .mobile-contact{font-size:19px;color:#ff7526;margin-top:20px;}
.mobile-navigation[open]{animation:menu-arrive .22s ease-out;}
@keyframes menu-arrive{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-nav{padding:12px 5%;}.site-nav nav{display:none;}.menu-toggle{display:flex;}.site-nav img{width:95px;}}
@media(prefers-reduced-motion:reduce){.site-nav,.site-nav::before,.site-nav a{transition:none;}.mobile-navigation[open]{animation:none;}}