/* footer.css — three-column footer per V1-BRIEF Section 11 */

.footer { background: var(--c-off-black); color: var(--c-white); padding: var(--space-2xl) var(--space-lg) var(--space-md); margin-top: var(--space-3xl); position: relative; }
.footer::before { content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 8rem; height: 1px; background: var(--c-silver); }
.footer__inner { display: grid; grid-template-columns: 1fr; gap: var(--space-xl); max-width: var(--container-width); margin: 0 auto var(--space-xl); }
@media (min-width: 768px) { .footer__inner { grid-template-columns: 1.2fr 1fr 1fr; gap: var(--space-2xl); } }

.footer__col h4 { font-family: var(--font-display); font-weight: 700; font-size: 1.125rem; color: var(--c-cream); margin: 0 0 var(--space-md); text-transform: uppercase; letter-spacing: 0.05em; }
.footer__col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-xs); }
.footer__col a { color: var(--c-cream); border-bottom: 1px dotted transparent; transition: border-color var(--duration-fast); }
.footer__col a:hover { color: var(--c-white); border-bottom-color: var(--c-silver); }

.footer__mark { width: 64px; height: 64px; margin-bottom: var(--space-sm); }
.footer__title { font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; margin: 0 0 var(--space-xs); color: var(--c-white); }
.footer__sub { font-family: var(--font-body); font-size: 0.95rem; color: var(--c-cream); margin: 0 0 var(--space-sm); }
.footer__tagline { font-family: var(--font-script-large); font-size: 1.5rem; color: var(--c-silver); margin: var(--space-sm) 0 0; line-height: 1; }
.footer__social { display: flex; gap: var(--space-md); margin-top: var(--space-sm); }
.footer__social--coming-soon { font-style: italic; opacity: 0.78; font-size: 0.92rem; }

.footer__strip { display: flex; flex-direction: column; gap: var(--space-xs); padding-top: var(--space-md); border-top: 1px solid rgba(192,192,192,0.18); max-width: var(--container-width); margin: 0 auto; align-items: center; text-align: center; }
@media (min-width: 768px) { .footer__strip { flex-direction: row; justify-content: space-between; text-align: left; } }
.footer__copyright, .footer__credit { font-family: var(--font-body); font-size: 0.8rem; color: var(--c-silver); margin: 0; opacity: 0.85; }
.footer__credit a { color: var(--c-silver); border-bottom: 1px dotted var(--c-silver); }
.footer__credit a:hover { color: var(--c-white); }