@layer sub-component{footer{background-color:var(--neutral-950);color:var(--neutral-300)}footer>div{width:var(--web-width);margin-inline:auto;padding-block:50px}footer .company-section{grid-area:f}footer .company-section .description{color:var(--neutral-300);max-width:40ch;margin-block-start:5px}footer .company-section .social-handles-section{margin-block-start:40px}footer .nav-section{grid-area:s;justify-self:flex-start;gap:50px;display:flex}footer hr{background-color:var(--neutral-800);grid-area:l;height:1px;margin-block:40px}.social-handles-section{align-items:center;gap:15px;display:flex}.social-handles-section a:hover img{filter:invert()brightness()}.social-handles-section img{filter:invert()brightness(.7)}.nav-list-header{color:var(--neutral-000);margin-block:10px 25px;display:inline-block}.nav-list{flex-direction:column;gap:15px;display:flex}.nav-list [role=listitem]:hover{color:var(--neutral-100)}@media (prefers-reduced-motion:no-preference){.nav-list [role=listitem]{transition:color .2s ease-in-out}}#current-year{width:4ch;display:inline-block}@container footer (width<=550px){.footer .footer-container{grid-template-columns:auto;grid-template-areas:"f""s""l""b";column-gap:0}.nav-section{margin-block-start:40px}}}