/* Keep the outgoing photo visible beneath the incoming crossfade. */
.hero-visual > .hero-slide.is-previous { opacity: 1; z-index: 0; }
.hero-visual > .hero-slide.is-active { opacity: 1; z-index: 1; }
.footer-meta { display: flex; flex-direction: column; align-items: flex-end; gap: 9px; }
.footer-social { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; }
.footer-social a { display: inline-flex; align-items: center; gap: 9px; padding: 5px 0; border-bottom: 1px solid var(--line); color: var(--gold); font-size: 11px; letter-spacing: .045em; }
.footer-social a:hover { border-bottom-color: var(--gold); color: var(--ink); }
.footer-social a span { font-size: 16px; line-height: 1; }
@media(max-width:650px) { .footer-meta { align-items: flex-start; gap: 14px; } }

/* Final presentation: account for the removed preview banner. */
@media(max-width:900px){.nav{top:112px}}
@media(max-width:650px){.nav{top:100px}}