.nav{z-index:1;width:100%;max-width:var(--site-max);height:84px;padding:0 var(--site-gutter);box-sizing:border-box;background:0 0;justify-content:space-between;align-items:center;margin-inline:auto;display:flex;position:relative}.nav-shell{z-index:20;isolation:isolate;background:0 0;position:sticky;top:0}.nav-shell__progressive-blur{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.nav-shell__blur-layer{position:absolute;inset:0;transform:translateZ(0)}.nav-shell__blur-layer--1{-webkit-backdrop-filter:blur(8px)saturate(1.12);backdrop-filter:blur(8px)saturate(1.12);-webkit-mask-image:linear-gradient(#000 0% 4%,#00000080 14%,#00000029 26%,#0000 42% 100%);mask-image:linear-gradient(#000 0% 4%,#00000080 14%,#00000029 26%,#0000 42% 100%)}.nav-shell__blur-layer--2{-webkit-backdrop-filter:blur(16px)saturate(1.14);backdrop-filter:blur(16px)saturate(1.14);-webkit-mask-image:linear-gradient(#000 0%,#000000ad 8%,#00000038 18%,#0000 32% 100%);mask-image:linear-gradient(#000 0%,#000000ad 8%,#00000038 18%,#0000 32% 100%)}.nav-shell__blur-layer--3{-webkit-backdrop-filter:blur(28px)saturate(1.16);backdrop-filter:blur(28px)saturate(1.16);-webkit-mask-image:linear-gradient(#000 0%,#000000d1 4%,#00000057 12%,#0000 22% 100%);mask-image:linear-gradient(#000 0%,#000000d1 4%,#00000057 12%,#0000 22% 100%)}.nav-shell__blur-layer--4{-webkit-backdrop-filter:blur(44px)saturate(1.18)brightness(1.02);backdrop-filter:blur(44px)saturate(1.18)brightness(1.02);-webkit-mask-image:linear-gradient(#000 0%,#00000080 6%,#0000 12% 100%);mask-image:linear-gradient(#000 0%,#00000080 6%,#0000 12% 100%)}.nav-shell:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#ffffffc7 0%,#ffffff6b 22%,#ffffff24 42%,#0000 62%);position:absolute;inset:0}.nav__brand-wrap,.nav__links-wrap{z-index:2;align-items:center;display:flex;position:relative}.nav__links-wrap{gap:8px}.nav__about{color:#262626;transition:background var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:#ffffffd1;border:1px solid #0000000f;border-radius:100px;justify-content:center;align-items:center;padding:10px 16px;font-family:inherit;font-size:16px;font-weight:500;line-height:normal;text-decoration:none;display:flex;box-shadow:0 1px 2px #0000000d}.nav__about:hover{background:#fffffff5;box-shadow:0 2px 8px #0000001a}.nav__about:focus-visible{outline-offset:2px;outline:2px solid #000}.nav__brand{color:#000;transition:background var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);background:#ffffffe6;border:1px solid #00000012;border-radius:100px;align-items:center;gap:4px;padding:4px;text-decoration:none;display:inline-flex;box-shadow:0 1px 3px #0000000f,inset 0 0 0 1px #ffffffa6}.nav__brand:hover{background:#fffffffa;transform:translateY(-1px);box-shadow:0 2px 8px #00000014,inset 0 0 0 1px #fffc}.nav__brand:focus-visible{outline-offset:2px;outline:2px solid #000}.nav__brand-avatar{border-radius:100px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.nav__brand-avatar-img{object-fit:cover;width:128.57%;max-width:none;height:134.02%;position:absolute;top:-19.69%;left:-14.29%}.nav__brand-text{white-space:nowrap;padding:8px;font-size:16px;font-weight:500;line-height:normal}.nav__contact{color:#fff;transition:background var(--transition-fast), box-shadow var(--transition-fast);white-space:nowrap;background:#262626;border-radius:100px;justify-content:center;align-items:center;padding:10px 16px;font-size:16px;font-weight:500;text-decoration:none;display:flex;box-shadow:0 2px 10px #0003}.nav__contact:hover{background:#1a1a1a;box-shadow:0 4px 12px #0000003d}.nav__contact:focus-visible{outline-offset:2px;outline:2px solid #000}@media (max-width:640px){.nav{height:68px}.nav__links-wrap{gap:6px}.nav__brand-text{padding:7px 8px;font-size:14px}.nav__brand-avatar{width:32px;height:32px}.nav__contact,.nav__about{padding:8px 14px;font-size:14px}}@media (max-width:520px){.nav__brand-text{display:none}}@media (max-width:380px){.nav{gap:8px}.nav__brand{gap:2px;padding:3px}.nav__brand-text{padding:6px;font-size:13px}.nav__brand-avatar{width:28px;height:28px}.nav__contact,.nav__about{padding:7px 10px;font-size:13px}}