footer{padding:4rem 4rem;display:flex;justify-content:space-between;align-items:flex-start;border-top:.5px solid var(--border);background:var(--bg);transition:background .5s;gap:2rem}
.footer-brand{max-width:300px;display:flex;flex-direction:column;gap:.5rem}
.footer-logo{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.4rem;letter-spacing:.38em;color:var(--text);text-transform:uppercase}
.footer-logo span{color:var(--accent)}
.footer-tagline{font-size:1.05rem;color:var(--text-soft);line-height:1.6;font-weight:300;margin-top:.5rem}
.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:1.5rem}
.footer-social{display:flex;gap:1.5rem;align-items:center}
.footer-social a{color:var(--text-soft);transition:color .3s;display:flex;align-items:center;justify-content:center}
.footer-social a:hover{color:var(--accent)}
.footer-copy{font-size:.78rem;color:var(--text-soft);letter-spacing:.05em}
.footer-links{display:flex;gap:2rem;flex-wrap:wrap;justify-content:center;margin-top:.2rem}
.footer-links a{font-size:.78rem;color:var(--text-soft);text-decoration:none;letter-spacing:.1em;text-transform:uppercase;transition:color .3s}
.footer-links a:hover{color:var(--accent)}
@media(max-width:900px){footer{flex-direction:column;gap:3rem;text-align:center;align-items:center}.footer-brand{align-items:center}.footer-right{align-items:center}}