/* footer.css: site footer. Uses variables from variables.css only. */
.site-footer { background: var(--black); color: var(--ink-on-dark-muted); font-size: var(--fs-sm); }
.footer-grid { display: grid; grid-template-columns: 1fr; gap: var(--space-7); padding-block: var(--space-8) var(--space-7); }
.footer-logo { display: inline-block; text-decoration: none; }
.footer-logo:hover { text-decoration: none; }
.footer-logo-text { font-family: var(--font-display); font-size: 1.75rem; font-weight: 600; line-height: 1; color: var(--gold-light); }
.footer-tagline { margin: var(--space-3) 0 0; font-family: var(--font-display); font-size: var(--fs-lg); font-style: italic; color: var(--ink-on-dark); }
.footer-heading { margin: 0 0 var(--space-4); font-family: var(--font-body); font-size: var(--fs-xs); font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; line-height: var(--lh-snug); color: var(--gold-light); }
.footer-list { list-style: none; display: flex; flex-direction: column; gap: var(--space-3); }
.footer-list a { color: var(--ink-on-dark); text-decoration: none; }
.footer-list a:hover { color: var(--gold-light); text-decoration: underline; }
.footer-bottom { border-top: 1px solid var(--line-on-dark); padding-block: var(--space-6); font-size: var(--fs-xs); }
.footer-bottom p { margin: 0 0 var(--space-3); }
.footer-rera { color: var(--ink-on-dark); font-weight: 500; }
.footer-disclaimer { max-width: 90ch; }
.footer-copy { margin-bottom: 0; }
.site-footer a:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 3px; }
@media (min-width: 640px) {
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
  .footer-grid { grid-template-columns: 1.3fr 1fr 1.3fr 1.3fr; gap: var(--space-6); }
  .footer-brand { grid-column: auto; }
}

.footer-logo-img { display: block; height: 96px; width: auto; }