/* ==========================================================================
   FOOTER — Cor Deo: light strip · dark centred address block
   ==========================================================================
   Ported from the Squarespace Hayden footer (measured 2026-10-28): a 60px
   #F0F0F0 strip, then the #201A16 block, 88px top padding, the four address
   lines centred in europa at 40% white, the phone underlined. Phones add
   "Back to top" above the address (the old site's mobile footer).
   Added: a short line of legal/sitemap links under the address, same dim type.

   Markup (html module "Footer - Wrapper"):
     #footer .inside > a.back-to-top
                     > .footer-address > p ×4
                     > .footer-links (privacy · sitemap)
   ========================================================================== */

#footer {
    background-color: var(--second);
    border-top: 60px solid var(--grey-light);
    color: var(--text-on-dark-dim);
    text-align: center;
}
#footer .inside {
    max-width: 996px;            /* Squarespace's footer column: 956px of text */
    padding-block: 88px 64px;
}
#footer p {
    margin: 0 0 16px;
    font-family: var(--type-body);
    font-size: 16px;
    font-weight: 300;
    line-height: 25.6px;
    letter-spacing: 0.5px;
    color: var(--text-on-dark-dim);
}
#footer a {
    color: var(--text-on-dark-dim);
}
#footer a:hover { color: var(--white); text-decoration: underline; }
#footer .footer-address a[href^="tel:"] {
    text-decoration: underline;
    text-underline-offset: 3px;
}

#footer .footer-links {
    margin-top: 36px;
    font-size: 13px;
    letter-spacing: 1px;
}
#footer .footer-links a { margin: 0 10px; }

#footer .back-to-top {
    display: none;
    margin: -24px auto 72px;
    font-family: var(--type-display);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--white);
}

@media (max-width: 640px) {
    #footer { border-top-width: 75px; }
    #footer .inside { padding-block: 68px 40px; }
    #footer .back-to-top { display: inline-block; }
}

/* it's a <button>: drop the UA chrome */
#footer button.back-to-top {
    background: none;
    border: 0;
    padding: 0;
    cursor: pointer;
}