.animfolio-nav{display:flex;align-items:center;padding:0 clamp(24px,4vw,48px);height:64px;background:var(--animfolio-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--animfolio-border);z-index:900;gap:16px;position:relative;isolation:isolate}.animfolio-nav--sticky{position:sticky;top:0}.animfolio-nav:not(.animfolio-nav--sticky):not(.animfolio-nav--dots){position:relative!important;top:auto!important}.admin-bar .animfolio-nav--sticky{top:32px}@media (max-width:782px){.admin-bar .animfolio-nav--sticky{top:46px}}.animfolio-nav__list{display:flex;list-style:none;gap:4px;margin:0;padding:0;margin-inline-start:auto;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.animfolio-nav__list::-webkit-scrollbar{display:none}.animfolio-nav__link{display:block;padding:8px 14px;font-size:.8125rem;font-weight:500;color:var(--animfolio-text);border-radius:6px;transition:all .2s ease;text-decoration:none;white-space:nowrap}.animfolio-nav__link:hover{color:var(--animfolio-text);background:rgba(255,255,255,.05)}.animfolio-nav__link:focus-visible{color:var(--animfolio-text);outline:2px solid var(--animfolio-accent);outline-offset:2px;background:rgba(255,255,255,.05)}.animfolio-nav__link--active{color:var(--animfolio-accent);background:var(--animfolio-accent-light);box-shadow:inset 0 0 0 1px var(--animfolio-accent)}.animfolio-nav__toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:0;cursor:pointer;padding:11px;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:6px}.animfolio-nav__toggle:focus-visible{outline:2px solid var(--animfolio-accent);outline-offset:2px}.animfolio-nav__toggle span,.animfolio-nav__toggle-bar{display:block;width:22px;height:2px;background:var(--animfolio-text);border-radius:2px;transition:transform .3s ease,opacity .2s ease;transform-origin:center}.animfolio-nav__toggle[aria-expanded=true] .animfolio-nav__toggle-bar:nth-child(1),.animfolio-nav__toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.animfolio-nav__toggle[aria-expanded=true] .animfolio-nav__toggle-bar:nth-child(2),.animfolio-nav__toggle[aria-expanded=true] span:nth-child(2){opacity:0}.animfolio-nav__toggle[aria-expanded=true] .animfolio-nav__toggle-bar:nth-child(3),.animfolio-nav__toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.animfolio-theme-toggle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:0 0;border:1px solid var(--animfolio-border);border-radius:8px;cursor:pointer;color:var(--animfolio-text-secondary);transition:all .2s ease;flex-shrink:0}.animfolio-theme-toggle:hover{color:var(--animfolio-accent);border-color:var(--animfolio-accent);background:var(--animfolio-accent-light)}.animfolio-theme-toggle:focus-visible{outline:2px solid var(--animfolio-accent);outline-offset:2px;color:var(--animfolio-accent);border-color:var(--animfolio-accent)}.animfolio-container--dark .animfolio-theme-toggle__icon--sun{display:flex}.animfolio-container--dark .animfolio-theme-toggle__icon--moon,.animfolio-container--light .animfolio-theme-toggle__icon--sun,.animfolio-theme-toggle__icon{display:none}.animfolio-container--light .animfolio-theme-toggle__icon--moon{display:flex}@media (prefers-color-scheme:dark){.animfolio-container--auto .animfolio-theme-toggle__icon--sun{display:flex}.animfolio-container--auto .animfolio-theme-toggle__icon--moon{display:none}}@media (prefers-color-scheme:light){.animfolio-container--auto .animfolio-theme-toggle__icon--sun{display:none}.animfolio-container--auto .animfolio-theme-toggle__icon--moon{display:flex}}.animfolio-nav--dots{position:fixed;right:max(20px,env(safe-area-inset-right,0) + 10px);top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-end;background:0 0;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;border-bottom:none;padding:0;gap:0;z-index:300;height:auto}.animfolio-nav--dots .animfolio-nav__list{flex-direction:column;align-items:flex-end;gap:14px;margin:0;padding:0;overflow:visible}.animfolio-nav--dots .animfolio-nav__item{list-style:none}.animfolio-nav--dots .animfolio-nav__link{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border-radius:50%;background:0 0;box-shadow:none;overflow:visible}.animfolio-nav--dots .animfolio-nav__link::before{content:"";display:block;width:11px;height:11px;border-radius:50%;background:var(--animfolio-text-secondary, var(--animfolio-text-muted, #8a8a8a));box-shadow:0 0 0 1px var(--animfolio-border);transition:transform .2s ease,background-color .2s ease}.animfolio-nav--dots .animfolio-nav__link:hover{background:0 0}.animfolio-nav--dots .animfolio-nav__link:hover::before{background:var(--animfolio-accent);transform:scale(1.25)}.animfolio-nav--dots .animfolio-nav__link--active{background:0 0;transform:none;box-shadow:none}.animfolio-nav--dots .animfolio-nav__link--active::before{background:var(--animfolio-accent);transform:scale(1.4)}.animfolio-nav--dots .animfolio-nav__link:focus-visible{outline:0;background:0 0}.animfolio-nav--dots .animfolio-nav__link:focus-visible::before{outline:2px solid var(--animfolio-accent);outline-offset:3px}.animfolio-nav--dots .animfolio-nav__dot-label{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(6px);white-space:nowrap;font-size:.75rem;font-weight:600;line-height:1;padding:6px 10px;border-radius:6px;color:var(--animfolio-text);background:var(--animfolio-surface, var(--animfolio-bg-secondary));border:1px solid var(--animfolio-border);box-shadow:var(--animfolio-shadow-md, 0 4px 12px rgba(0, 0, 0, 0.15));opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.animfolio-nav--dots .animfolio-nav__link:focus-visible .animfolio-nav__dot-label,.animfolio-nav--dots .animfolio-nav__link:hover .animfolio-nav__dot-label{opacity:1;transform:translateY(-50%) translateX(0)}@media (max-width:768px){.animfolio-nav{padding:0 20px;gap:12px;overflow:visible!important}.animfolio-nav__toggle{display:flex;margin-inline-start:auto;order:2}.animfolio-nav__logo{order:1;margin-inline-end:8px}.animfolio-nav .animfolio-theme-toggle{order:3;margin-inline-start:0}.animfolio-nav__list{position:fixed;top:64px;inset-inline:0;order:4;flex-direction:column;gap:4px;background:var(--animfolio-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--animfolio-border);box-shadow:0 12px 24px rgba(0,0,0,.28);padding:12px;display:none;overflow-x:visible;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;z-index:1000}.admin-bar .animfolio-nav--sticky .animfolio-nav__list{top:calc(64px + 46px);max-height:calc(100dvh - 64px - 46px)}.animfolio-nav:has(.animfolio-nav__toggle[aria-expanded=true]) .animfolio-nav__list{display:flex}.animfolio-nav__toggle[aria-expanded=true]~.animfolio-nav__list{display:flex}.animfolio-nav--dots{right:max(12px,env(safe-area-inset-right,0) + 8px);top:45%}.animfolio-nav:not(.animfolio-nav--dots) .animfolio-nav__list .animfolio-nav__link{display:flex;align-items:center;min-height:44px;width:100%;padding:10px 14px;font-size:.9375rem}.animfolio-nav--dots .animfolio-nav__link{width:24px;height:24px;min-height:0;padding:0}}.animfolio-nav__logo{font-family:var(--animfolio-font-heading);font-weight:700;font-size:1.125rem;color:var(--animfolio-text);text-decoration:none;white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-inline-start:2px}.animfolio-nav__logo:hover{color:var(--animfolio-accent)}@media (max-height:500px) and (orientation:landscape){.animfolio-nav{height:48px;padding:0 16px}.animfolio-nav__link{padding:6px 10px;font-size:.75rem}.animfolio-nav__list{top:48px;max-height:calc(100dvh - 48px)}.admin-bar .animfolio-nav--sticky .animfolio-nav__list{top:calc(48px + 46px);max-height:calc(100dvh - 48px - 46px)}.animfolio-theme-toggle{width:32px;height:32px}.animfolio-nav--dots{display:none}}@media (max-width:480px){.animfolio-nav{padding:0 16px;gap:8px}.animfolio-nav__logo{font-size:.9375rem}}@media (max-width:300px){.animfolio-nav{padding:0 10px;gap:6px}.animfolio-nav__logo{font-size:.875rem;margin-inline-end:4px}.animfolio-theme-toggle{width:34px;height:34px}.animfolio-nav__toggle{min-width:44px;min-height:44px;padding:10px 8px}.animfolio-nav__list{padding:10px}.animfolio-nav__list .animfolio-nav__link{padding:10px 12px;font-size:.875rem}}