/* ── FOOTER ── */
footer { background: var(--navy); color: var(--cream); padding: 4rem 0 2rem; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 4rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(232,161,64,0.2); margin-bottom: 2rem; }
.footer-logo-text { font-family: var(--serif); font-size: 1.5rem; font-weight: 700; color: var(--cream); margin-bottom: 0.4rem; }
.footer-logo-text span { color: var(--gold); }
.footer-tagline { font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(245,240,232,0.4); margin-bottom: 1.25rem; }
.footer-brand p { font-size: 0.88rem; font-weight: 300; color: rgba(245,240,232,0.6); line-height: 1.75; }
.footer-social { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
.social-btn { width: 38px; height: 38px; border: 1px solid rgba(232,161,64,0.3); display: flex; align-items: center; justify-content: center; text-decoration: none; color: var(--cream); font-size: 0.9rem; transition: all 0.2s; font-family: var(--mono); }
.social-btn:hover { border-color: var(--gold); color: var(--gold); background: rgba(232,161,64,0.08); }
.footer-col h4 { font-family: var(--mono); font-size: 0.68rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--gold); margin-bottom: 1.25rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(232,161,64,0.2); }
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 0.6rem; }
.footer-col ul a { font-size: 0.88rem; font-weight: 300; color: rgba(245,240,232,0.6); text-decoration: none; transition: color 0.2s; }
.footer-col ul a:hover { color: var(--gold-light); }
.footer-contact-item { display: flex; align-items: flex-start; gap: 0.75rem; margin-bottom: 0.9rem; }
.contact-icon { width: 32px; height: 32px; background: rgba(232,161,64,0.12); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--gold); }
.contact-info { font-size: 0.82rem; font-weight: 300; color: rgba(245,240,232,0.6); line-height: 1.5; }
.contact-info strong { color: var(--cream); font-weight: 500; display: block; font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 0.1rem; }
.contact-info a { color: rgba(245,240,232,0.6); text-decoration: none; transition: color 0.2s; }
.contact-info a:hover { color: var(--gold); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; }
.footer-copy { font-family: var(--mono); font-size: 0.62rem; letter-spacing: 0.06em; color: rgba(245,240,232,0.3); }
.footer-copy span { color: var(--gold); }