.site-header.portfolio-header{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0;border:0;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:0;min-height:100px;padding:16px 0;display:grid;position:sticky;top:0}.portfolio-header>.portfolio-nav{border:1px solid color-mix(in srgb, var(--line) 80%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);width:auto;box-shadow:0 8px 30px color-mix(in srgb, var(--text) 6%, transparent), inset 0 1px 0 color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border-radius:14px;grid-column:2;justify-content:center;align-items:center;gap:3px;padding:5px;display:flex}.portfolio-nav [aria-current=location]{position:relative}.portfolio-header>.theme-toggle{width:44px;height:44px;color:var(--text);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:0 5px 20px color-mix(in srgb, var(--text) 5%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;border-radius:50%;grid-column:3;justify-self:end;place-items:center;display:grid}.portfolio-header .theme-toggle .show-dark{display:none}.portfolio-header .theme-toggle .show-light{display:flex}.portfolio-header .theme-toggle span span{display:none}[data-theme=dark] .portfolio-header .theme-toggle .show-dark{display:flex}[data-theme=dark] .portfolio-header .theme-toggle .show-light{display:none}.portfolio-header>.theme-toggle:hover{background:var(--soft);color:var(--text)}.site-footer.portfolio-footer{border:0;border-top:1px solid var(--line);margin-top:64px;padding:0 0 28px;display:block}.portfolio-footer>.footer-bottom{justify-content:space-between;align-items:center;gap:24px;padding-top:28px;display:flex}.portfolio-footer .footer-links{flex-wrap:wrap;align-items:center;gap:4px;display:flex}@keyframes navigation-arrive{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:no-preference){.portfolio-header>.portfolio-nav,.portfolio-header>.theme-toggle{animation:.5s cubic-bezier(.16,1,.3,1) both navigation-arrive}}@media (max-width:800px){.site-header.portfolio-header{min-height:88px;padding-block:12px}.portfolio-footer>.footer-bottom{align-items:flex-start}}@media (max-width:600px){.site-header.portfolio-header{min-height:82px;padding-block:10px}.portfolio-header>.portfolio-nav{border-radius:10px;gap:0;padding:2px}.site-footer.portfolio-footer{margin-top:48px}.portfolio-footer>.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px}.portfolio-footer .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;display:grid}.portfolio-footer .footer-links a{justify-content:flex-start}.portfolio-footer .footer-links .footer-back-top{display:none}}@media (max-width:360px){.portfolio-header>.portfolio-nav{grid-area:2/1/auto/-1;justify-self:center}.portfolio-header>.theme-toggle{grid-row:1}.site-header.portfolio-header{row-gap:8px}}@media (prefers-reduced-motion:reduce){.portfolio-header>.portfolio-nav,.portfolio-header>.theme-toggle{animation:none}}