.footer{--edge:7px;margin-top:calc(-1 * var(--edge));padding-block:calc(64px + var(--edge)) 40px;background:var(--night);color:#fffcec;position:relative}.footer__top{justify-content:space-between;gap:48px;display:flex}.footer__brand{align-content:start;gap:14px;max-width:320px;display:grid}.footer__logo{width:fit-content;font-size:var(--text-lg);letter-spacing:-.01em;align-items:center;gap:10px;font-weight:500;display:inline-flex}.footer__logo img{border-radius:9px}.footer__tagline{font-size:var(--text-md);color:#fffcecb3;line-height:1.5}.footer__columns{flex-wrap:wrap;gap:40px clamp(48px,8vw,120px);display:flex}.footer__column h3{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#fffcec8c;margin-bottom:16px;font-weight:500}.footer__column ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.footer__column a{font-size:var(--text-md);color:#fffceccc;transition:color .2s var(--ease-out)}.footer__column a:hover{color:#fffcec}.footer__bottom{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#fffcec8c;border-top:.5px solid #fffcec33;justify-content:space-between;gap:16px;margin-top:56px;padding-top:20px;display:flex}@media (width<=640px){.footer__top{flex-direction:column;gap:40px}.footer__column ul{gap:2px}.footer__column a{font-size:var(--text-base);padding-block:6px;display:inline-block}.footer__bottom{flex-direction:column}}.footer :focus-visible{outline-color:#fffcec}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 0 0 .5px var(--hairline), 0 8px 24px #00000026;font-size:var(--text-md);transition:translate .2s var(--ease-out);padding:10px 16px;font-weight:500;position:fixed;top:12px;left:12px;translate:0 -200%}.skip-link:focus-visible{translate:0}