#mainNavbar{background:linear-gradient(120deg,rgba(255,255,255,.62),rgba(255,255,255,.28) 48%,rgba(235,243,252,.46));border-bottom:1px solid rgba(255,255,255,.65);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 4px 24px rgba(25,45,75,.06);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);transition:transform .42s cubic-bezier(.22,1,.36,1),background .3s,box-shadow .3s}
#mainNavbar::after{content:"";position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#dcb065,transparent);opacity:.55;pointer-events:none}
#mainNavbar>.container{animation:nav-arrive .7s cubic-bezier(.22,1,.36,1) both}
#mainNavbar.is-scrolled{background:linear-gradient(120deg,rgba(255,255,255,.76),rgba(255,255,255,.54) 48%,rgba(235,243,252,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 30px rgba(25,45,75,.1)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){#mainNavbar,#mainNavbar.is-scrolled{background:rgba(255,255,255,.94)}}
#mainNavbar.is-hidden{transform:translateY(-105%)}
#mainNavbar:focus-within{transform:translateY(0)}
#mainNavbar a:focus-visible,#mainNavbar button:focus-visible{outline:2px solid #bc8c3d;outline-offset:5px;border-radius:5px}
#mainNavbar>.container>div>a:first-child{transition:transform .3s,filter .3s}
#mainNavbar>.container>div>a:first-child:hover{transform:translateY(-2px);filter:drop-shadow(0 5px 8px #344d7520)}
.desktop-navigation>a:not(.nav-contact),.desktop-navigation>.portfolio-wrapper>.portfolio-link{position:relative;transition:color .25s;text-wrap:nowrap}
.desktop-navigation>a:not(.nav-contact)::after,.desktop-navigation>.portfolio-wrapper>.portfolio-link::after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;border-radius:4px;background:linear-gradient(90deg,#b48742,#e5c58b);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.desktop-navigation>a:hover::after,.desktop-navigation>a:focus-visible::after,.desktop-navigation>.portfolio-wrapper:hover>.portfolio-link::after,.desktop-navigation>.portfolio-wrapper:focus-within>.portfolio-link::after{transform:scaleX(1)}
#mainNavbar .nav-contact{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#344d75,#233b60);transition:transform .25s,box-shadow .25s}
#mainNavbar .nav-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#ffffff26 50%,transparent 75%);transform:translateX(-110%);transition:transform .65s}
#mainNavbar .nav-contact:hover,#mainNavbar .nav-contact:focus-visible{transform:translateY(-3px);box-shadow:0 8px 22px #344d7530}
#mainNavbar .nav-contact:hover::before,#mainNavbar .nav-contact:focus-visible::before{transform:translateX(110%)}
#mainNavbar .portfolio-wrapper{position:static}
#mainNavbar .mega-menu-panel{top:80px;left:50%;width:min(1000px,calc(100vw - 48px));max-height:calc(100svh - 92px);overflow-y:auto;overscroll-behavior:contain;transform:translate(-50%,12px) scale(.98);transform-origin:top center;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1),visibility .25s}
#mainNavbar .portfolio-wrapper:hover .mega-menu-panel,#mainNavbar .portfolio-wrapper:focus-within .mega-menu-panel{top:80px;visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0) scale(1)}
#mainNavbar .portfolio-wrapper.is-dismissed .mega-menu-panel{visibility:hidden;opacity:0;pointer-events:none}
#mainNavbar .portfolio-wrapper:focus-within>.portfolio-link{color:#b48742}
#mainNavbar .portfolio-wrapper:focus-within>.portfolio-link>.fa-chevron-down{transform:rotate(180deg)}
#mainNavbar .mega-menu-panel .grid>a{transition:background .22s,border-color .22s,transform .22s}
#mainNavbar .mega-menu-panel .grid>a:hover,#mainNavbar .mega-menu-panel .grid>a:focus-visible{transform:translateY(-3px);background:#f6f8fc;border-color:#e5eaf1}
#languageDropdown{visibility:hidden;opacity:0;pointer-events:none;transform:translateY(10px) scale(.96);transition:opacity .2s,transform .25s,visibility .2s}
#languageDropdown.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}
#languageDropdown button{transition:background .2s,color .2s,padding-left .2s}
#languageDropdown button:hover{padding-left:20px}
[aria-controls=languageDropdown] .fa-chevron-down,[aria-controls=mobilePortfolioMenu] .fa-chevron-down{transition:transform .25s}
[aria-controls=languageDropdown][aria-expanded=true] .fa-chevron-down,[aria-controls=mobilePortfolioMenu][aria-expanded=true] .fa-chevron-down{transform:rotate(180deg)}
#mobileNavToggle{width:44px;height:44px;border-radius:12px;background:#344d7508;transition:background .2s,transform .25s}
#mobileNavToggle[aria-expanded=true]{background:#344d7514;transform:rotate(90deg)}
#mobileMenu{top:80px;border-radius:0 0 20px 20px;visibility:hidden;opacity:0;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;transform:translateY(-10px);transition:max-height .4s cubic-bezier(.22,1,.36,1),opacity .25s,transform .3s,padding .3s,visibility .3s;overscroll-behavior:contain}
#mobileMenu.is-open{visibility:visible;opacity:1;max-height:calc(100svh - 96px);overflow-y:auto;padding-top:16px;padding-bottom:24px;transform:translateY(0)}
#mobileMenu>a{border-radius:8px;transition:background .2s,padding-left .2s,color .2s}
#mobileMenu>a:hover,#mobileMenu>a:focus-visible{padding-left:12px;background:#edf2fa}
#mobileMenu>a:last-child:hover{background:#244677}
#mobilePortfolioMenu{max-height:0;visibility:hidden;opacity:0;overflow:hidden;margin-top:0;transition:max-height .35s,opacity .25s,margin .25s,visibility .25s}
#mobilePortfolioMenu.is-open{max-height:60vh;overflow-y:auto;visibility:visible;opacity:1;margin-top:16px}
@keyframes nav-arrive{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#mainNavbar,#mainNavbar *,#mainNavbar *::before,#mainNavbar *::after{animation:none!important;transition:none!important}}