/* Detached logo and floating navigation, with equal outer margins. */
:root{--header-inset:24px;--header-height:68px;--sidebar-space:0px}
main,.liquid-footer{margin-left:0;transition:none}
html{scroll-padding-top:125px}
.site-header{position:fixed;top:var(--header-inset);left:var(--header-inset);right:var(--header-inset);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:stretch;z-index:30;pointer-events:none}
.site-header>.brand{height:var(--header-height);display:flex;align-items:center;justify-content:flex-start;pointer-events:auto;width:fit-content;max-width:100%;padding:0;filter:drop-shadow(0 1px 2px #f5f3ed60)}
.site-header>.brand img{width:clamp(200px,22vw,310px);height:auto;max-height:var(--header-height);object-fit:contain;object-position:left center}
.topnav{position:relative;display:flex;align-items:center;gap:12px;min-height:var(--header-height);padding:9px 12px;border-radius:24px;pointer-events:auto;background:linear-gradient(135deg,#ffffff35,#f5f3ed12 48%,#ffffff25);border:1px solid #ffffffc9;box-shadow:inset 0 2px 2px #fffffff0,inset 2px 0 3px #ffffff80,inset -1px -3px 3px #35483d30,inset 0 -7px 12px #ffffff25,0 3px 0 #93a88545,0 7px 0 -2px #35483d16,0 15px 30px #35483d15;backdrop-filter:blur(13px) saturate(1.55);-webkit-backdrop-filter:blur(13px) saturate(1.55);transition:background .35s,box-shadow .35s}
.scrolled .topnav{background:linear-gradient(135deg,#f5f3ed99,#f5f3ed55)}
.topnav>nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:2px;min-width:0}
.top-link{display:flex;align-items:center;justify-content:center;padding:13px 11px;border-radius:17px;min-height:46px;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden;border:1px solid transparent}
.top-link:hover{background:#ffffff40;box-shadow:inset 0 1px 0 #fff9,0 5px 12px #35483d12}
.top-link[aria-current=page]{background:linear-gradient(135deg,#ffffff85,#ffffff25);border-color:#ffffffbf;box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #35483d10,0 3px 0 #78956d20,0 5px 10px #35483d0c}
.topnav .languages{margin:0;flex-shrink:0;background:#f5f3ed70;font-size:10px}
.topnav .languages button{min-width:32px;min-height:32px}
.menu-toggle{display:none;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border-radius:17px;border:1px solid #ffffffb0;background:linear-gradient(135deg,#ffffff60,#ffffff20);font-size:11px;overflow:hidden;box-shadow:inset 0 1px 0 #fff,0 3px 0 #35483d10}
.menu-lines{display:block;width:15px;height:12px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.menu-lines:after{content:'';position:absolute;top:4px;left:0;width:10px;border-top:1.5px solid currentColor}
.hero{padding-top:155px}
.page-heading{padding-top:165px}
.header,.sidebar-backdrop,.mobile-menu{display:none}
@media(min-width:601px) and (max-width:1300px){.top-link{font-size:10px;padding-inline:8px}.topnav{gap:6px;padding-inline:8px}.topnav .languages button{min-width:28px}}
@media(max-width:600px){
  .topnav{justify-content:flex-end;gap:12px}
  .menu-toggle{display:flex;order:2}
  .topnav>nav{position:absolute;right:0;top:calc(100% + 12px);width:300px;max-height:calc(100dvh - 130px);overflow-y:auto;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:14px;border-radius:25px;background:linear-gradient(135deg,#eff3e7e8,#e2ecd4c9);border:1px solid #ffffffcf;box-shadow:inset 0 1px 1px #fff,inset 0 -3px 5px #35483d15,0 5px 0 #78956d20,0 20px 40px #35483d25;backdrop-filter:blur(23px) saturate(1.4);-webkit-backdrop-filter:blur(23px) saturate(1.4);opacity:0;visibility:hidden;transform:translateY(-10px) scale(.97);transform-origin:top right;transition:opacity .25s,transform .35s var(--spring),visibility .25s;scrollbar-width:none}
  .topnav>nav::-webkit-scrollbar{display:none}
  .top-link{justify-content:flex-start;font-size:13px;padding:14px 18px}
  .site-header.menu-open nav{opacity:1;visibility:visible;transform:none}
  .menu-open .menu-lines{border-color:transparent}
  .menu-open .menu-lines:before,.menu-open .menu-lines:after{content:'';position:absolute;left:0;top:4px;width:15px;border-top:1.5px solid currentColor;transform:rotate(45deg)}
  .menu-open .menu-lines:after{transform:rotate(-45deg)}
}
@media(max-width:600px){
  :root{--header-inset:16px;--header-height:58px}
  .site-header{grid-template-columns:minmax(0,1fr) auto;gap:14px}
  .site-header>.brand img{width:clamp(155px,46vw,220px);max-height:58px}
  .topnav{border-radius:20px;padding:7px;gap:5px;min-height:58px}
  .topnav .languages{font-size:9px;padding:2px}
  .topnav .languages button{min-width:26px;min-height:30px}
  .menu-toggle{padding:10px 12px;min-height:40px}
  .menu-toggle>span[data-i18n]{display:none}
  .topnav>nav{width:min(300px,calc(100vw - 32px))}
  .hero{padding-top:120px}
  .page-heading{padding-top:130px}
  main>.wrap,.liquid-footer .wrap{width:calc(100% - 32px)}
}
@media(max-width:360px){.site-header>.brand img{width:145px}.topnav .languages button{min-width:24px}.menu-toggle{padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.topnav>nav,.topnav{transition:none!important}}
.topnav:before{content:'';position:absolute;inset:4px;border:1px solid #ffffff38;border-radius:20px;pointer-events:none}.topnav>.languages,.topnav>.menu-toggle,.topnav>nav{z-index:1}
@media(min-width:601px) and (max-width:1100px){
  .site-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:18px}
  .site-header>.brand img{width:180px}
  .topnav{gap:6px;padding:8px;border-radius:23px}
  .top-link{font-size:10px;padding:11px 7px;min-height:43px}
  .topnav .languages{padding:3px;font-size:9px}
  .topnav .languages button{min-width:26px;min-height:30px}


}
@media(min-width:601px) and (max-width:820px){.site-header{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:14px}.site-header>.brand img{width:155px}.top-link{padding-inline:6px}}
@media(max-width:600px){.site-header{grid-template-columns:minmax(0,1fr) auto}.topnav{width:max-content;justify-self:end;gap:6px}.topnav:before{border-radius:16px}.topnav>nav{background:linear-gradient(135deg,#eff3e7f0,#e2ecd4e0);box-shadow:inset 0 2px 2px #fff,inset -1px -3px 4px #35483d25,0 4px 0 #78956d25,0 20px 40px #35483d30}}/* Navigation always stays inside two thirds of the viewport. */
.topnav{max-width:calc((100vw - 2 * var(--header-inset)) * 2 / 3);min-width:0}.nav-icon{display:none;width:19px;height:19px;flex-shrink:0}.top-link{gap:10px}
@media(min-width:601px) and (max-width:1100px){.top-link .nav-text{display:none}.top-link .nav-icon{display:block}.top-link{min-width:34px;min-height:44px;padding:10px 7px;flex:1}.topnav>nav{gap:1px}.topnav{gap:5px;padding:8px}.site-header>.brand img{max-width:100%}.topnav .languages button{min-width:25px}.topnav .languages{padding:2px}}
@media(max-width:600px){.topnav>nav{width:min(300px,calc((100vw - 2 * var(--header-inset)) * 2 / 3))}.top-link .nav-icon{display:block;width:18px;height:18px}.top-link{gap:12px;white-space:normal}.topnav{flex-shrink:0}}