.portfolio-footer{--pf-bg:var(--surface,var(--paper));--pf-border:var(--line);--pf-text:var(--ink);--pf-text-2:var(--body,var(--dark-muted));--pf-text-3:var(--muted);--pf-accent:var(--blue-strong,var(--blue));display:block;width:auto;margin-top:clamp(72px,10vw,128px);padding:0;border-top:1px solid var(--pf-border);background:var(--pf-bg);color:var(--pf-text);font-size:16px;line-height:1.74;letter-spacing:normal;text-transform:none;transition:background-color .35s ease}
.site-footer.portfolio-footer{--pf-bg:var(--paper);--pf-text:var(--text);--pf-text-2:var(--dark-muted);--pf-text-3:var(--muted);--pf-accent:var(--blue);padding:0}
.portfolio-footer-inner{width:min(1120px,calc(100% - 2 * clamp(24px,5vw,64px)));margin-inline:auto}
.portfolio-footer-top{display:flex;justify-content:space-between;gap:48px;padding:clamp(44px,6vw,72px) 0 clamp(32px,5vw,56px);flex-wrap:wrap}
.portfolio-footer-thanks,.portfolio-footer-label,.portfolio-footer-bottom{font-family:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,"PingFang SC",monospace;font-size:11.5px;letter-spacing:.06em}
.portfolio-footer-thanks{margin-bottom:14px;color:var(--pf-text-3);letter-spacing:.22em}
.portfolio-footer-by{font-size:21px;font-weight:600;letter-spacing:-.01em}
.portfolio-footer-nav{display:flex;gap:18px;margin-top:22px}
.portfolio-footer-nav a,.portfolio-footer-column a{width:fit-content;color:var(--pf-text-2);font-size:14px;transition:color .2s ease}
.portfolio-footer-links{display:flex;gap:clamp(32px,6vw,80px);flex-wrap:wrap}
.portfolio-footer-column{display:flex;flex-direction:column;gap:10px}
.portfolio-footer-label{margin-bottom:6px;color:var(--pf-text-3);letter-spacing:.18em}
.portfolio-footer-bottom{display:flex;justify-content:space-between;gap:16px;padding:22px 0 30px;border-top:1px solid color-mix(in oklch,var(--pf-border) 72%,transparent);flex-wrap:wrap;color:var(--pf-text-3)}
@media(hover:hover) and (pointer:fine){.portfolio-footer a:hover{color:var(--pf-accent)}}
@media(max-width:720px){.portfolio-footer-top{gap:40px}.portfolio-footer-links{gap:32px}.portfolio-footer-bottom{padding-bottom:28px}}