@layer components{.site-footer{padding-block:var(--space-xl)var(--space-l);background:var(--color-surface-alt);font-size:var(--size-step--1);& a{color:var(--color-text);text-decoration:none;&:hover{color:var(--color-accent-strong)}}& .site-footer__top{display:grid;gap:var(--space-l);padding-block-end:var(--space-l);border-block-end:1px solid var(--color-border);@media(min-width:768px){grid-template-columns: 2fr 1fr 1fr 1fr 1.4fr;}}& .site-footer__logo{block-size:5rem;inline-size:auto;aspect-ratio:445.07/316.52;color:var(--color-accent-strong)}& .site-footer__claim{margin-block-start:var(--space-s);font-size:var(--size-step-1)}& .site-footer__about{max-inline-size:22rem;margin-block-start:var(--space-xs);color:var(--color-text-muted)}& .site-footer__col{& .caption{display:block;margin-block-end:var(--space-s)}& ul{display:flex;flex-direction:column;gap:var(--space-2xs);margin:0;padding:0;list-style:none}}& .site-footer__contact{display:grid;gap:var(--space-m);padding-block:var(--space-l);border-block-end:1px solid var(--color-border);@media(min-width:768px){grid-template-columns: repeat(3,1fr);}& .caption{display:block;margin-block-end:var(--space-2xs)}}& .site-footer__social{display:flex;gap:var(--space-s)}& .site-footer__legal{display:flex;flex-direction:column;gap:var(--space-s);padding-block-start:var(--space-m);color:var(--color-text-muted);font-size:var(--size-step--2);@media(min-width:768px){flex-direction: row; align-items: center; justify-content: space-between;}& nav{display:flex;flex-wrap:wrap;gap:var(--space-2xs)var(--space-s)}}& .site-footer__heart{color:var(--color-accent-strong);vertical-align:-.1em}}}