.nav{position:sticky;z-index:30;top:0;background:var(--bg);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;color:var(--fg);text-decoration:none;font-weight:800}.brand img{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:cover;border:1px solid var(--line);border-radius:10px;filter:grayscale(1);transition:transform .2s ease,filter .2s ease}.brand span{font-size:12px;letter-spacing:.04em;white-space:nowrap}.brand:hover img{transform:scale(1.06);filter:grayscale(0)}.about-grid .portrait{aspect-ratio:1/1;object-position:center;width:min(100%,260px)}@media(max-width:700px){.nav{position:sticky;justify-content:center;align-items:center;flex-wrap:nowrap}.brand{position:absolute;left:0}.brand img{width:36px;height:36px;flex-basis:36px}.brand span{display:none}.nav nav{width:auto;justify-content:center;flex-wrap:nowrap;gap:2px}.nav nav a{padding:8px 8px;font-size:13px}.theme{position:absolute;right:0;width:34px;height:34px}.about-grid .portrait{max-width:220px}}@media(max-width:420px){.nav nav{gap:0}.nav nav a{padding-inline:6px;font-size:12px}}