/* --- Footer Styling --- */
.site-footer {
    background-image: var(--gradient-header-cosmic);
    color: var(--color-header-text); text-align: center;
    padding: calc(var(--spacing-unit) * 6) calc(var(--spacing-unit) * 2.5);
    margin-top: auto; font-family: var(--font-ui); font-size: 1em;
    border-top: 5px solid var(--color-accent-primary);
}
.site-footer p { font-size: 1.05em; margin-bottom: calc(var(--spacing-unit)*1.5); opacity: 0.92; max-width:100%;}
.footer-navigation ul { list-style: none; display: flex; justify-content: center; flex-wrap: wrap; gap: calc(var(--spacing-unit) * 1.25); margin-top: calc(var(--spacing-unit)*2); }
.footer-navigation ul li a { color: var(--color-accent-primary-glow); font-weight: 500; padding: calc(var(--spacing-unit) * 1) calc(var(--spacing-unit)*1.5); opacity: 0.95; border-radius: var(--border-radius); }
.footer-navigation ul li a:hover, .footer-navigation ul li a:focus { color: var(--color-header-text); text-decoration: none; opacity: 1; background-color: rgba(255,255,255,0.09); }
.timeless-marker { margin-top: calc(var(--spacing-unit) * 3.5); font-size: 1em; opacity: 0.85; letter-spacing: 1.8px; font-family: var(--font-main-text); font-style: italic; line-height: 1.6; }