.skip-link{position:fixed;top:12px;left:12px;z-index:10000;padding:14px 20px;background:#f4f3ef;color:#08090a;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0);outline:2px solid #08090a;outline-offset:3px}
.projects-ending{padding:30px 5.4%;font-size:13px;font-weight:300;letter-spacing:3px;line-height:1.9;text-transform:uppercase;color:#c9c8c4}
.site-footer{display:flex;align-items:center;gap:36px;padding:24px 5.4%;background:#08090a;color:#c9c8c4;font-size:14px;font-weight:300;line-height:1.7}
.footer-logo{display:block;width:180px;height:auto;flex-shrink:0}
.footer-copyright{font-size:13px;letter-spacing:.5px;white-space:nowrap}
.footer-links{display:flex;align-items:center;gap:14px;margin-left:auto;letter-spacing:1px;white-space:nowrap}
.footer-separator{display:block;flex:0 0 1px;width:1px;height:13px;background:currentColor;opacity:.55}
.site-footer a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}
.site-footer a:focus-visible{outline:2px solid #f4f3ef;outline-offset:5px}
.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.contact-content{background-image:image-set(url('images/web/contact-background-1920.webp') 1x,url('images/web/contact-background-2560.webp') 2x)}
@media(max-width:1100px){
 .site-footer{gap:24px}.footer-logo{width:150px}.footer-links{gap:9px;letter-spacing:.5px;font-size:13px}
}
@media(max-width:760px){
 .site-footer{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px 20px;padding:20px 6%}.footer-logo{width:110px}.footer-copyright{justify-self:end;font-size:13px;letter-spacing:.3px}.footer-links{grid-column:1/-1;justify-content:space-between;gap:4px;margin-left:0}
}
@media(max-width:700px){
 .projects-ending{padding:24px 6%;font-size:12px;letter-spacing:2px}
}