/* Footer for the homepage (the inner pages get the same look from styles.css). Same markup, same black-gold style. */
footer{background:#0b100f;color:#fff;padding-top:70px;border-top:1px solid rgba(213,169,104,.18)}
footer .container{width:min(1220px,100% - 2*var(--gutter,24px));margin-inline:auto}
.footer-top{display:flex;align-items:center;padding-bottom:52px;border-bottom:1px solid rgba(255,255,255,.13)}
.footer-top>p{margin:auto;color:#9da4a0}
footer .brand-logo.footer-logo{width:190px;height:auto}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:50px 0}
.footer-grid h3{font:600 11px/1.2 Manrope,sans-serif;letter-spacing:.15em;color:var(--copper);margin:0 0 18px;text-transform:none}
.footer-grid a,.footer-grid span{display:block;color:#9da4a0;font-size:14px;margin:8px 0}
.footer-grid a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding:20px 0 28px;display:flex;justify-content:space-between;color:#747b77;font-size:12px}
@media(max-width:900px){.footer-top{align-items:flex-start;gap:28px;flex-wrap:wrap}.footer-top>p{order:3;width:100%;margin:0}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{gap:16px;flex-wrap:wrap}}