/* footer.css — big wordmark footer (partials/footer.html) */

.site-footer { background: var(--navy-ink); color: var(--cream); overflow: hidden; border-top: 1px solid var(--gold-line); }
.footer-inner { padding-top: 72px; padding-bottom: 36px; }

.footer-top { display: grid; grid-template-columns: 1.3fr 2fr; gap: 48px 64px; align-items: start; }
.footer-pitch h3 { font-size: clamp(26px, 3vw, 38px); max-width: 16ch; line-height: 1.15; }
.footer-pitch h3 a { color: var(--gold); border-bottom: 2px solid currentColor; }
.footer-pitch h3 a:hover { color: var(--gold-soft); }
.footer-strap { margin-top: 20px; font-size: 12px; letter-spacing: .24em; text-transform: uppercase; color: var(--on-navy-muted); }

.footer-cols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.footer-col h4 { font-family: var(--font-body); font-size: 11px; letter-spacing: .24em; text-transform: uppercase; color: var(--gold); margin-bottom: 18px; font-weight: 500; }
.footer-col li + li { margin-top: 10px; }
.footer-col a { color: var(--on-navy-muted); background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat; transition: color .2s, background-size .3s; padding-bottom: 1px; }
.footer-col a:hover { color: var(--cream); background-size: 100% 1px; }
.footer-col p { color: var(--on-navy-muted); font-size: 15px; }

.footer-bar { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px 24px; font-size: 13px; color: var(--on-navy-muted); padding-top: 24px; margin-top: 56px; border-top: 1px solid var(--on-navy-line); }
.footer-bar a:hover { color: var(--cream); }
.footer-legal { display: flex; gap: 20px; }

.footer-big { margin-top: 48px; line-height: 0; }
.footer-big svg { display: block; width: 100%; height: auto; aspect-ratio: 1000 / 150; overflow: visible; }
.footer-big text { font-family: var(--font-display); font-weight: 500; font-size: 200px; letter-spacing: -.02em; user-select: none; }

@media (max-width: 900px) {
  .footer-top { grid-template-columns: 1fr; }
  .footer-cols { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 520px) {
  .footer-cols { grid-template-columns: 1fr; }
  .footer-bar { flex-direction: column; }
}