footer{position:relative;width:100vw;height:max-content;overflow:hidden;background-color:var(--base-300);color:var(--base-100);padding:8rem 0 4rem}footer .container{display:flex;flex-direction:column;justify-content:flex-end;gap:1.5rem}footer .container>div{display:flex;gap:2rem}footer .container .footer-col,footer .container .footer-sub-col{flex:1}footer .footer-top{display:flex;gap:2rem}footer .footer-top .footer-col:nth-child(1){display:flex;flex-direction:column;gap:1rem}footer .footer-top .footer-col:nth-child(1) p.mono{color:var(--base-secondary-dark)}footer .footer-cta{width:100%;display:flex;flex-direction:column;gap:.75rem;padding:1rem 0}footer a.footer-email{display:inline-block;width:max-content;font-family:Host Grotesk;font-weight:900;font-size:2.25rem;letter-spacing:-.01em;color:var(--base-100);border-bottom:1px dashed var(--base-secondary-fade);padding-bottom:.25rem}footer .footer-social-links{display:flex;flex-wrap:wrap;gap:1rem}footer .footer-social-links a{font-family:DM Mono;text-transform:uppercase;font-size:.85rem;font-weight:500;color:var(--base-secondary-dark);transition:color .2s ease}footer .footer-social-links a:hover{color:var(--base-100)}footer .footer-bottom{padding:4rem 0 10rem;border-top:1px dashed var(--base-secondary-fade)}footer .footer-bottom .footer-col:nth-child(2){display:flex}footer .footer-logo{width:60px}footer .footer-bottom .footer-col:nth-child(2) p.mono{margin-bottom:2rem;opacity:.25}footer .footer-copyright{display:flex;gap:2rem}footer .footer-copyright .footer-col{display:flex;gap:2rem}@media (max-width: 800px){footer{padding:6rem 0 3rem}footer a.footer-email{font-size:1.5rem}footer .footer-bottom{padding:3rem 0 6rem}}footer .footer-links,footer .footer-copy{display:flex;flex-direction:column;gap:.25rem}footer a{color:var(--base-100)}@media (max-width: 1000px){footer{height:max-content;padding-top:8rem}footer .container .footer-top .footer-col:nth-child(2){display:none}footer .footer-email-row{width:100%}footer .footer-email-row input{font-size:2rem}footer .footer-email-row button{width:3rem;height:3rem}footer .footer-email-row button img{width:.5rem}footer .container>div{flex-direction:column;gap:4rem}footer .footer-bottom .footer-col:nth-child(2){flex-direction:column;gap:4rem}footer .footer-copyright .footer-col:nth-child(1){display:none}footer .footer-copyright .footer-col:nth-child(2){width:100%;flex-direction:column-reverse;gap:.25rem}}