.portfolio-footer{background:var(--color-bg);color:var(--color-text);padding-top:0;font-size:15px;font-weight:500;line-height:24px;letter-spacing:-.34px;text-transform:uppercase;}
.footer-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px var(--page-inset);}
.portfolio-footer a{color:inherit;text-decoration:none;white-space:nowrap;transition:opacity .2s;}
.portfolio-footer a:focus-visible{outline:1px solid currentColor;outline-offset:5px;}
.portfolio-footer a:hover{opacity:.55;}
.footer-copyright{order:0;}
.footer-top{order:2;display:inline-flex;align-items:center;gap:8px;}
.footer-socials{display:contents;}
.footer-socials a{order:1;}
.footer-pattern{height:520px;width:100%;position:relative;overflow:hidden;}
@media(max-width:767px){
 .footer-pattern{height:300px;}
 .portfolio-footer{font-size:13px;}
 .footer-bar{display:grid;grid-template-columns:1fr auto;align-items:start;gap:0 24px;}
 .footer-copyright{grid-column:1;grid-row:2;}
 .footer-socials{display:flex;flex-direction:column;align-items:flex-start;gap:0;grid-column:1;grid-row:1;}
 .footer-top{grid-column:2;grid-row:2;justify-self:end;}

}

.footer-pattern > .pattern-waves{transform:translate3d(0,var(--footer-reveal-offset,0px),0);}
@media(prefers-reduced-motion:reduce){.footer-pattern > .pattern-waves{transform:none;}}

