footer{background-color:var(--base-300);width:100vw;height:max-content;color:var(--base-100);padding:3rem 0 0;position:relative;overflow:hidden}footer .container{flex-direction:column;justify-content:flex-end;gap:1.5rem;display:flex}footer .container>div{gap:2rem;display:flex}footer .container .footer-col,footer .container .footer-sub-col{flex:1}footer .footer-top{gap:2rem;display:flex}footer .footer-top .footer-col:first-child{flex-direction:column;gap:1rem;display:flex}footer .footer-top .footer-col:first-child p.mono{color:var(--base-secondary-dark)}footer .footer-email-row{gap:1rem;width:75%;padding:1rem 0;display:flex}footer .footer-email-row input{width:100%;font-family:var(--font-host-grotesk);color:var(--base-100);flex:1;font-size:3rem;font-weight:900}footer .footer-email-row input::placeholder{color:var(--base-secondary-dark);opacity:.75}footer .footer-email-row button{color:var(--base-100);background-color:#ffffff1a;border:none;border-radius:100%;outline:none;justify-content:center;align-items:center;width:4rem;height:4rem;display:flex}footer .footer-email-row button img{object-fit:contain;width:.75rem}footer .footer-email-row input{background:0 0;border:none;outline:none}footer .footer-email-note{text-transform:uppercase;font-family:var(--font-dm-mono);color:var(--accent-1);padding-top:.5rem;font-size:.85rem;font-weight:500}footer .footer-email-note.is-error{color:var(--accent-2)}footer .footer-bottom{border-top:1px dashed var(--base-secondary-fade);padding:4rem 0 10rem}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{opacity:.25;margin-bottom:2rem}footer .footer-copyright,footer .footer-copyright .footer-col{gap:2rem;display:flex}footer .footer-links,footer .footer-copy{flex-direction:column;gap:.25rem;display:flex}footer a{color:var(--base-100)}footer .footer-credit-link{text-underline-offset:.2em;text-decoration:underline}@media (max-width:1000px){footer{height:max-content;padding-top:3rem}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,footer .footer-bottom .footer-col:nth-child(2){flex-direction:column;gap:4rem}footer .footer-copyright .footer-col:nth-child(2){flex-direction:column-reverse;gap:.25rem;width:100%}}