/* Downward scrolling reveals; upward scrolling and 3.5 seconds idle hide. */
.topbar{height:66px;position:fixed;z-index:40;inset:0 0 auto;padding:0 28px;display:flex;justify-content:space-between;align-items:center;background:#131419e8;color:#f1f0ee;backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);border:0;transition:transform .6s cubic-bezier(.22,1,.36,1),background-color .3s,color .3s}
.topbar.header-away{transform:translateY(-105%)}.topbar:focus-within{transform:none}
.topbar[data-theme=dark]{background:#131419e8;color:#f1f0ee}.topbar[data-theme=light]{background:#f2f2f6ec;color:#131419}
.topbar .logo{display:block;width:68px;line-height:0}.topbar .logo svg{display:block;width:100%;height:auto;overflow:visible}.header-right{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:baseline;gap:32px}.topbar .sound-toggle{font-family:Urbanist,Arial,sans-serif;font-size:9px;letter-spacing:.12em;color:inherit;opacity:.75;display:flex;gap:9px;align-items:center;padding:10px 0;cursor:pointer;border:0;background:none}.topbar .status-dot{width:4px;height:4px;background:#888;border-radius:50%}.topbar .sound-toggle[aria-pressed=true] .status-dot{background:#e86c43;box-shadow:0 0 9px #d83815}.topbar .contact{font-family:Urbanist,Arial,sans-serif;font-size:11px;font-weight:500;letter-spacing:.025em;color:inherit;text-decoration:none}
.topbar button:focus-visible,.topbar a:focus-visible{outline:1px solid currentColor;outline-offset:5px}
@media(max-width:700px){.topbar{height:64px;padding:0 20px}.topbar .logo{width:60px}.header-right{gap:20px}.topbar .contact{font-size:10px}.topbar .sound-toggle{font-size:8px;gap:7px}}
@media(prefers-reduced-motion:reduce){.topbar{transition:none}}

.topbar .sound-toggle,.topbar .contact{line-height:1;white-space:nowrap;padding:10px 0;flex-shrink:0}