:root{--navmenu-img-h: 42px}.topbar{background:linear-gradient(105deg,color-mix(in oklch,var(--motif-color-accent-secondary) 5%,transparent),transparent 44%),color-mix(in oklch,white 84%,transparent);border-bottom:1px solid color-mix(in oklch,var(--motif-color-accent-secondary) 18%,transparent);backdrop-filter:blur(18px) saturate(1.14);transition:background-color var(--motif-motion-duration-medium) var(--motif-motion-ease-standard),box-shadow var(--motif-motion-duration-medium) var(--motif-motion-ease-standard)}.topbar::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,var(--motif-color-accent-primary),var(--motif-color-accent-secondary));opacity:0.46;pointer-events:none}.topbar.is-scrolled,.topbar.nav-is-open{background:linear-gradient(105deg,color-mix(in oklch,var(--motif-color-accent-secondary) 4%,white),white 58%),color-mix(in oklch,white 96%,transparent);box-shadow:0 12px 34px color-mix(in oklch,var(--motif-color-accent-secondary) 12%,transparent)}.topbar__brand{overflow:visible}.topbar__brand img{width:auto;max-width:min(220px,58vw);height:42px;object-fit:contain}.topbar__brand span{display:none;color:var(--motif-color-text-ink);font-weight:900;letter-spacing:0}.topbar nav a{position:relative;border-radius:var(--motif-radius-control);font-family:var(--motif-font-ui);font-weight:700;letter-spacing:0;color:var(--motif-color-text-secondary);transition:color var(--motif-motion-duration-fast) var(--motif-motion-ease-standard),background-color var(--motif-motion-duration-fast) var(--motif-motion-ease-standard)}.topbar nav a:hover{color:var(--motif-color-text-ink);background:color-mix(in oklch,var(--motif-color-accent-primary) 9%,transparent)}.topbar nav a.active{color:var(--motif-color-accent-primary);background:color-mix(in oklch,var(--motif-color-accent-primary) 11%,transparent);box-shadow:inset 0 -2px 0 var(--motif-color-accent-primary)}@media(max-width:640px){:root{--navmenu-img-h: 34px}.topbar__brand img{max-width:min(174px,48vw);height:34px}}