footer{background-color:var(--foreground);width:100%;color:var(--background);padding:2.5rem 0 2rem;position:relative}footer .top-container{background:0 0;flex-direction:row;align-items:flex-start;padding-top:1rem;padding-bottom:2rem;display:flex}footer .top-container .left-container .logo img{filter:brightness(0)invert();margin-left:-.3rem}footer .top-container .left-container .logo .description{opacity:.75;margin-top:-.25rem;font-size:.875rem;font-weight:400}footer .top-container .right-container{flex:1;justify-content:flex-end;display:flex}footer .top-container .right-container .footer-nav{gap:3.5rem;display:flex}footer .top-container .right-container .footer-nav .nav-group .nav-title{color:var(--background);margin-bottom:1.25rem;font-size:1rem;font-weight:700}footer .top-container .right-container .footer-nav .nav-group .nav-links{flex-direction:column;gap:.75rem;display:flex}footer .top-container .right-container .footer-nav .nav-group .nav-links a{opacity:.7;font-size:.9rem;transition:opacity .2s}footer .bottom-container{justify-content:center;align-items:flex-start;display:flex}footer .bottom-container .sns{opacity:.8;gap:1.5rem;display:flex}footer .bottom-container .sns a{transition:transform .2s}footer .bottom-container .sns .instagram,footer .bottom-container .sns .facebook,footer .bottom-container .sns .threads{justify-content:center;align-items:center;display:flex}footer .bottom-container .sns .instagram img,footer .bottom-container .sns .facebook img,footer .bottom-container .sns .threads img{filter:invert()}footer .copyright{text-align:center;opacity:.5;font-size:.875rem}@media (max-width:1179px){footer{padding:3rem 1.5rem}footer .top-container{text-align:center;flex-direction:column;align-items:center;gap:2.5rem}footer .top-container .right-container{justify-content:center;width:100%}footer .top-container .right-container .footer-nav{flex-wrap:wrap;justify-content:center;gap:2rem 1.5rem;width:100%;display:flex}footer .top-container .right-container .footer-nav .nav-group{text-align:center;flex:120px;min-width:120px}footer .bottom-container{align-items:center}footer .bottom-container .sns{justify-content:center}}@media (hover:hover) and (pointer:fine){footer .top-container .right-container .footer-nav .nav-group .nav-links a:hover{opacity:1;text-decoration:underline}footer .bottom-container .sns a:hover{opacity:1;transform:translateY(-2px)}}