/* Footer — per KBA-5 mockup: tagline, nav (artist statement | collection | contact),
   decorative sketch graphic top-right, copyright block. Colour is a dedicated indigo,
   distinct from the site's teal H1 accent (--kba-heading-color). */

:root {
	--kba-footer-color: #323e72;
}

.site-footer {
	background: #fff;
	border-top: none;
}

.kba-footer {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 48px 24px 32px;
	overflow: hidden;
}

.kba-footer-graphic {

	height: auto;
	pointer-events: none;
}
@media ( min-width: 787px ) {
  .kba-footer-graphic {
    max-width: 60%;
    position: absolute;
    top: 0;
    right: 0;
    max-width: 40%;
  }
}

.kba-footer-tagline {
	margin: 0 0 16px;
	max-width: 60%;
	font-size: 1.75rem;
	font-family: var( --kba-font );
	color: var( --kba-footer-color );
}

.kba-footer-nav {
	display: flex;
	gap: 12px;
	margin-bottom: 32px;
}

.kba-footer-nav a {
	color: var( --kba-footer-color );
	text-decoration: none;
}

.kba-footer-nav a:not( :last-child )::after {
	content: '|';
	margin-left: 12px;
	color: var( --kba-footer-color );
}

.kba-footer-copyright {
	max-width: 640px;
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	color: var( --kba-footer-color );
}

@media ( max-width: 600px ) {
	.kba-footer-tagline {
		max-width: 100%;
		font-size: 1.4rem;
	}
}