#footer{container-type:inline-size;container-name:footer;background:color-mix(in srgb,var(--clr-tertiary) 20%,var(--clr-background));border-top:var(--border)}.footer-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:2rem;padding:2rem 1.25rem}.footer-identity{display:none}.footer-col h3{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--clr-text-light);margin-bottom:.75rem}.footer-col ul{display:flex;flex-direction:column;gap:.55rem}.footer-col a{font-size:.825rem;color:var(--clr-text-medium);transition:color .15s ease}.footer-col a:hover{color:var(--clr-text-dark)}.footer-lang{padding:0 1.25rem 1.5rem}.footer-bar{border-top:var(--border);padding:1rem 1.25rem;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.75rem;color:var(--clr-text-light)}.footer-credit{display:flex;align-items:center;gap:.375rem;flex-basis:100%}.footer-credit a{display:inline-flex;align-items:center;gap:.25rem;color:var(--clr-text-medium);font-weight:600;transition:color .15s ease}.footer-credit a:hover{color:var(--clr-primary)}.footer-credit svg{width:.875rem;height:.875rem}.footer-brand{display:flex;align-items:center;gap:.375rem;text-decoration:none}.footer-brand img{border-radius:50%;border:1.5px solid var(--clr-primary);opacity:.7}.footer-brand span{font-size:.72rem;font-weight:700;color:var(--clr-primary);opacity:.7;letter-spacing:.04em}.footer-brand:hover img,.footer-brand:hover span{opacity:1}.footer-bar-sep{color:var(--clr-border-strong)}.footer-bar-name{display:none}@container footer (min-width: 34rem){.footer-body{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem;padding:3rem 2rem}.footer-identity{display:flex;flex-direction:column;gap:.625rem;grid-column:1 / -1;max-width:30rem}.footer-identity-brand{display:flex;align-items:center;gap:.625rem}.footer-identity-brand img{border-radius:50%;border:2px solid var(--clr-primary)}.footer-identity-brand span{font-size:.875rem;font-weight:700;letter-spacing:.03em;color:var(--clr-primary)}.footer-identity p{font-size:.825rem;line-height:var(--line-height);color:var(--clr-text-medium)}.footer-bar{padding:1.25rem 2rem}.footer-credit{flex-basis:auto;margin-left:auto}.footer-brand,.footer-bar-sep{display:none}.footer-bar-name{display:inline}}@container footer (min-width: 52rem){.footer-body{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:2rem}.footer-identity{grid-column:auto;max-width:none;padding-right:1rem}}