.portfolio-footer{box-sizing:border-box;position:relative;display:block;width:calc(100% - 48px);max-width:none;min-height:min(500px,calc(100svh - 48px));height:var(--footer-height,500px);margin:0 24px 24px;padding:47px 32px 32px;border:0;border-radius:40px;background:#000;color:#fff;overflow:clip;font-family:PortfolioInter,Inter,Arial,sans-serif;line-height:normal;letter-spacing:normal}
.portfolio-footer .pf-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;margin:0;padding:0}.portfolio-footer .pf-name{font-size:20px;font-weight:600;line-height:24px;letter-spacing:-.07em;color:#fff;text-decoration:none;white-space:nowrap}.portfolio-footer .pf-links{display:flex;align-items:center;justify-content:flex-end;gap:48px;margin:0;padding:0}.portfolio-footer .pf-link{font-size:18px;line-height:22px;font-weight:500;letter-spacing:-.07em;color:#fff;text-decoration:none;white-space:nowrap}.portfolio-footer .pf-dribbble{color:#ff4293}.portfolio-footer a:hover{opacity:.75}.portfolio-footer a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.portfolio-footer [aria-disabled=true]{cursor:default}
@media(max-width:850px){.portfolio-footer .pf-links{gap:20px}.portfolio-footer .pf-inner{gap:20px}.portfolio-footer .pf-name{font-size:18px}.portfolio-footer .pf-link{font-size:16px}}
@media(max-width:700px){.portfolio-footer{padding:32px 24px;min-height:min(500px,calc(100svh - 48px))}.portfolio-footer .pf-inner{flex-direction:column;align-items:flex-start;gap:32px}.portfolio-footer .pf-links{flex-wrap:wrap;justify-content:flex-start;gap:20px 24px}}

body.portfolio-game-footer{overflow-y:auto}

.portfolio-footer .pf-inner{position:sticky;top:48px;z-index:1}
@media(max-width:700px){.portfolio-footer .pf-inner{top:32px}}

.portfolio-footer a.pf-dribbble{position:relative;display:inline-block;transition:transform .22s cubic-bezier(.22,1,.36,1),color .22s}.portfolio-footer a.pf-dribbble::after{content:"↗";position:absolute;left:calc(100% + 5px);top:0;opacity:0;transform:translate(-6px,6px);transition:opacity .22s,transform .22s}.portfolio-footer a.pf-dribbble:hover{opacity:1;transform:translateY(-2px)}.portfolio-footer a.pf-dribbble:hover::after{opacity:1;transform:none}

.portfolio-footer a.pf-dribbble:hover{transform:none}.portfolio-footer a.pf-dribbble::after{display:none}

@media(max-width:740px){.portfolio-footer{width:calc(100% - 40px);margin:0 20px 20px;padding:32px 20px}.portfolio-footer .pf-inner{flex-direction:column;align-items:flex-start}.portfolio-footer .pf-links{flex-wrap:wrap;justify-content:flex-start;gap:20px}}