header{align-items:center;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:#f5f0e5cc;border-bottom:1px solid #ddd;box-sizing:border-box;display:flex;justify-content:space-between;margin:0 auto;max-width:900px;padding:1rem 2rem;position:sticky;top:0;transition:background-color .3s ease;width:100%;z-index:1100}body.dark-mode header{background:#1e1e1ed9;border-color:#444}.logo{color:var(--color-accent);cursor:default;font-family:Playfair Display,serif;font-size:1.25rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}body.dark-mode .logo{color:var(--color-accent-dark)}nav{align-items:center;display:flex;width:100%}@media(max-width:768px){nav.desktop-menu{display:none}}nav a{font-size:1rem;font-weight:600;padding-bottom:2px;position:relative}nav a:not(:first-child,:last-child){margin-left:1.5rem}nav a:after{background-color:var(--color-accent);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}nav a:focus:after,nav a:hover:after{width:100%}body.dark-mode nav a:after{background-color:var(--color-accent-dark)}body.dark-mode nav a{color:var(--color-text-dark)}body.dark-mode nav a:focus,body.dark-mode nav a:hover{color:var(--color-accent-dark)}button[aria-label*="Switch to"]{font-size:1.2rem;margin-right:.5rem}#lang-toggle,#lang-toggle-mobile,button[aria-label*="Switch to"]{background:none;border:none;border-radius:5px;cursor:pointer;padding:.2rem .6rem;transition:background-color .3s ease,color .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}#lang-toggle,#lang-toggle-mobile{color:var(--color-accent);font-size:1rem;font-weight:700}#theme-toggle,#theme-toggle-mobile{margin-left:auto;margin-top:-.2rem}@media(max-width:768px){#theme-toggle,#theme-toggle-mobile{margin:0 0 1rem}}#lang-toggle-mobile:focus,#lang-toggle-mobile:hover,#lang-toggle:focus,#lang-toggle:hover{background-color:var(--color-accent);color:var(--color-bg-light);outline:none}body.dark-mode #lang-toggle-mobile:focus,body.dark-mode #lang-toggle-mobile:hover,body.dark-mode #lang-toggle:focus,body.dark-mode #lang-toggle:hover{background-color:var(--color-accent-dark);color:var(--color-bg-dark)}body.dark-mode #lang-toggle{color:var(--color-text-dark)}button[aria-label*="Switch to"]:focus,button[aria-label*="Switch to"]:hover{background-color:var(--color-accent);color:var(--color-bg-light);outline:none}body.dark-mode button[aria-label*="Switch to"]:focus,body.dark-mode button[aria-label*="Switch to"]:hover{background-color:var(--color-accent-dark);color:var(--color-bg-dark)}#menu-toggle{background:transparent;border:none;cursor:pointer;display:none;flex-direction:column;height:22px;justify-content:space-around;margin-left:1rem;padding:0;width:24px;z-index:1100}@media(max-width:768px){#menu-toggle{display:flex}}#menu-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}#menu-toggle div{background:var(--color-accent);border-radius:3px;height:3px;position:relative;transition:all .3s linear;width:24px}body.dark-mode #menu-toggle div{background:var(--color-accent-dark)}#menu-toggle.open div:first-child{transform:rotate(45deg) translate(6px,5px)}#menu-toggle.open div:nth-child(2){opacity:0}#menu-toggle.open div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}nav.mobile-menu{background-color:var(--color-bg-light);border-left:1px solid #ddd;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;height:calc(100vh - 79px);max-width:calc(100vw - 2rem);opacity:0;overflow-y:auto;padding:1rem 2rem;position:fixed;right:0;top:55px;transform:translate(100%);transition:background-color .3s ease,transform .3s ease,opacity .3s ease,visibility .3s ease;visibility:hidden;width:100%;z-index:1050}@media(min-width:769px){nav.mobile-menu{display:none!important}}body.dark-mode nav.mobile-menu{background-color:var(--color-bg-dark);border-color:#444}nav.mobile-menu a{font-size:1.2rem;margin:1rem 0}nav.mobile-menu.open{opacity:1;transform:translate(0);visibility:visible}