/* Scroll progress bar, sticky header and mobile menu */
/* scroll progress */
#bar{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:linear-gradient(90deg,var(--c),var(--p));transform:scaleX(0);transform-origin:left;margin-top:env(safe-area-inset-top,0px)}

/* header */
header.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--card-b)}
.nav{display:flex;align-items:center;gap:18px;height:70px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.logo{flex:none;width:48px;height:48px;border-radius:14px;background:#fff var(--logo) center/contain no-repeat;border:1px solid var(--card-b)}
.brand b{display:block;font:600 1rem/1.1 var(--display);letter-spacing:-.03em}
.brand small{display:block;color:var(--soft);font-size:.78rem;margin-top:2px}
.links{display:flex;gap:26px}
.links a{text-decoration:none;color:var(--soft);font-weight:600;font-size:.97rem;transition:color .2s}
.links a:hover{color:var(--ink)}
/* mobile menu */
.sheet{position:fixed;inset:0;z-index:70;background:var(--bg);padding:calc(env(safe-area-inset-top,0px) + 18px) 22px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:8px;clip-path:circle(0 at calc(100% - 44px) 44px);transition:clip-path .55s cubic-bezier(.7,0,.2,1);visibility:hidden}
.sheet.open{clip-path:circle(150% at calc(100% - 44px) 44px);visibility:visible}
.sheet .top-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.sheet a.big{font:600 1.7rem var(--display);letter-spacing:-.03em;text-decoration:none;padding:12px 0;border-bottom:1px solid var(--card-b)}
.sheet .actions{margin-top:auto;display:grid;gap:12px}